mnaimfaizy
diff --git a/‎index.html‎
Lines changed: 7 additions & 2 deletions b/‎index.html‎
Lines changed: 7 additions & 2 deletions
diff --git a/‎public/android-chrome-192x192.png‎
69.7 KB b/‎public/android-chrome-192x192.png‎
69.7 KB
diff --git a/‎public/android-chrome-512x512.png‎
365 KB b/‎public/android-chrome-512x512.png‎
365 KB
diff --git a/‎public/apple-touch-icon.png‎
62.2 KB b/‎public/apple-touch-icon.png‎
62.2 KB
diff --git a/‎public/favicon-16x16.png‎
983 Bytes b/‎public/favicon-16x16.png‎
983 Bytes
diff --git a/‎public/favicon-32x32.png‎
3.06 KB b/‎public/favicon-32x32.png‎
3.06 KB
diff --git a/‎public/favicon.ico‎
15 KB b/‎public/favicon.ico‎
15 KB
diff --git a/‎public/logo.png‎
74.9 KB b/‎public/logo.png‎
74.9 KB
diff --git a/‎public/vite.svg‎
Lines changed: 0 additions & 1 deletion b/‎public/vite.svg‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎src/components/Header.tsx‎
Lines changed: 5 additions & 3 deletions b/‎src/components/Header.tsx‎
Lines changed: 5 additions & 3 deletions
@@ -2,9 +2,14 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png" />
+    <link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS</title>
+    <title>Code Executives - Interactive Programming Education</title>
   </head>
   <body>
     <div id="root"></div>
 
@@ -200,9 +200,11 @@ const Header: React.FC = () => {
             className="font-bold tracking-tight text-gray-900 hover:text-indigo-600 transition-colors flex items-center space-x-2"
             aria-label="Code Executives Home"
           >
-            <div className="w-8 h-8 bg-gradient-to-br from-indigo-600 to-purple-600 rounded-lg flex items-center justify-center shadow-md">
-              <Code className="w-4 h-4 text-white" />
-            </div>
+            <img
+              src="/logo.png"
+              alt="Code Executives Logo"
+              className="w-8 h-8 rounded-lg shadow-md"
+            />
             <span className="text-xl hidden sm:inline">Code Executives</span>
           </Link>