diff --git a/index.html b/index.html
index 1a5bf2d..4b43aa4 100644
--- a/index.html
+++ b/index.html
@@ -23,7 +23,7 @@
     <meta property="og:image" content="/preview.png" />
 
     <meta name="twitter:card" content="summary_large_image" />
-    <meta name="twitter:site" content="@lovable_dev" />
+    <!-- <meta name="twitter:site" content="@lovable_dev" /> -->
     <meta name="twitter:image" content="/preview.png" />
 
     <!-- Google Fonts - Optimisé avec display=swap -->
diff --git a/public/images/logo_black.png b/public/images/logo_black.png
new file mode 100644
index 0000000..33e074e
Binary files /dev/null and b/public/images/logo_black.png differ
diff --git a/public/images/logo_white.png b/public/images/logo_white.png
new file mode 100644
index 0000000..80cf720
Binary files /dev/null and b/public/images/logo_white.png differ
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 1a1dab4..e5abfc5 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -85,10 +85,14 @@ export const Header = () => {
           animate={{ opacity: 1 }}
           transition={{ delay: 0.2 }}
           onClick={handleLogoClick}
-          className="text-2xl font-bold text-gradient hover:scale-105 transition-transform duration-200 cursor-pointer"
+          className="hover:scale-105 transition-transform duration-200 cursor-pointer"
           aria-label={isProjectPage ? "Retour à l'accueil" : "Retour en haut de page"}
         >
-          AP
+          <img
+            src={theme === "dark" ? "/images/logo_white.png" : "/images/logo_black.png"}
+            alt="Alexandre Pommier Logo"
+            className="h-10 w-auto"
+          />
         </motion.button>
 
         {/* Desktop Navigation */}