diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 35e1db2..1ee30aa 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -7,8 +7,8 @@ interface Props {
 }
 
 const {
-  title = "Emmanuel Bernard",
-  description = "Consultant-formateur en AI Automation & Expert n8n",
+  title = "Emmanuel Bernard - Consultant-formateur en AI Automation & expert n8n, Lausanne, Suisse Romande",
+  description = "Expert en automatisation n8n et intelligence artificielle basé à Lausanne. J'accompagne les agences et équipes pour décupler leur productivité.",
 } = Astro.props;
 ---
 
@@ -37,7 +37,7 @@ const {
       rel="stylesheet"
     />
   </head>
-  <body class="font-sans antialiased bg-slate-50 text-gray-900 min-h-screen">
+  <body class="font-sans antialiased bg-white text-gray-900 min-h-screen">
     <slot />
   </body>
 </html>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 90cabbd..20d9ca1 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -21,67 +21,88 @@ const links = [
 ---
 
 <BaseLayout>
-  <main class="max-w-2xl mx-auto px-6 py-16 flex flex-col items-center min-h-[80vh] justify-center">
-    <!-- Profile Section -->
-    <div class="text-center mb-10">
-      <div class="mb-6 relative inline-block">
-        <div class="w-28 h-28 sm:w-32 sm:h-32 rounded-full overflow-hidden border-4 border-white mx-auto bg-gray-200">
-          <img 
-            src="/emmanuel-bernard.webp" 
-            alt="Emmanuel Bernard - Consultant AI Automation & n8n" 
-            class="w-full h-full object-cover"
-            onerror="this.src='https://ui-avatars.com/api/?name=Emmanuel+Bernard&background=random&size=256'"
-          />
+  <!-- Main Container: Full screen height, centered content but with a grid layout -->
+  <main class="min-h-screen w-full flex items-center justify-center p-4 sm:p-8 bg-white selection:bg-black selection:text-white">
+    
+    <!-- Grid Wrapper: Max width restriction for large screens, grid on desktop -->
+    <div class="w-full max-w-6xl grid grid-cols-1 lg:grid-cols-12 border border-black">
+      
+      <!-- LEFT COLUMN: Profile & Bio (Spans 5 cols) -->
+      <div class="lg:col-span-5 p-8 sm:p-12 border-b lg:border-b-0 lg:border-r border-black flex flex-col justify-between min-h-[500px]">
+        
+        <!-- Header / Avatar -->
+        <div>
+          <div class="w-32 aspect-[3/4] mb-8 overflow-hidden border border-black grayscale relative group">
+             <!-- Grayscale Avatar -->
+            <img 
+              src="/emmanuel-bernard.webp" 
+              alt="Emmanuel Bernard" 
+              class="w-full h-full object-cover"
+              onerror="this.src='https://ui-avatars.com/api/?name=Emmanuel+Bernard&background=random&size=256'"
+            />
+          </div>
+          
+          <h1 class="text-4xl sm:text-5xl font-extrabold tracking-tighter text-black mb-4 uppercase leading-[0.9]">
+            Emmanuel<br/>Bernard
+          </h1>
+        </div>
+
+        <!-- Body -->
+        <div class="space-y-6">
+           <h2 class="text-xl font-bold border-l-4 border-black pl-4 py-1 leading-snug">
+            Consultant-formateur<br/>AI Automation &<br/>Expert n8n à Lausanne
+          </h2>
+
+          <p class="text-lg text-black font-medium leading-relaxed max-w-sm text-balance">
+            Avec 20 ans d'expérience technique, j'accompagne les équipes et agences pour automatiser leurs processus et prototyper leurs idées grâce à l'IA.
+          </p>
         </div>
       </div>
-      
-      <h1 class="text-3xl sm:text-4xl font-bold tracking-tight text-gray-900 mb-2">
-        Emmanuel Bernard
-      </h1>
-      
-      <h2 class="text-xl sm:text-2xl text-[var(--color-accent)] font-semibold mb-6 text-balance">
-        Consultant-formateur AI Automation & Expert n8n à Lausanne
-      </h2>
-      
-      <div class="max-w-lg mx-auto">
-        <p class="text-gray-600 leading-relaxed text-base text-balance">
-          Avec 20 ans d'expérience technique, j'accompagne les entreprises et les indépendants dans l'automatisation de leurs processus et l'intégration de l'IA pour décupler leur productivité.
-        </p>
+
+      <!-- RIGHT COLUMN: Links Broken Grid (Spans 7 cols) -->
+      <div class="lg:col-span-7 grid grid-cols-1 sm:grid-cols-2">
+        
+        <!-- Link Block 1: Agency Site -->
+        <a href="https://avqn.ch" target="_blank" rel="noopener noreferrer" class="group relative sm:col-span-2 border-b border-black p-8 sm:p-12 hover:bg-black hover:text-white transition-colors duration-300 flex flex-col justify-center min-h-[240px]">
+          <span class="text-sm font-bold uppercase tracking-widest mb-2 opacity-60 group-hover:opacity-80">AVQN.CH</span>
+          <span class="text-3xl sm:text-4xl font-black uppercase leading-none tracking-tighter mb-4">Aussi Vite<br/>Que Nécessaire</span>
+          <p class="text-sm sm:text-base font-medium max-w-sm mt-auto border-l-2 border-current pl-3 opacity-90">
+            Découvrez mes services en<br/>AI Automation et n8n
+          </p>
+          <div class="absolute top-6 right-6">
+             <span class="text-4xl font-light">↗</span>
+          </div>
+        </a>
+
+        <!-- Link Block 2: LinkedIn -->
+        <a href="https://www.linkedin.com/in/emmbernard" target="_blank" rel="noopener noreferrer" class="group relative border-b sm:border-b-0 sm:border-r border-black p-8 hover:bg-black hover:text-white transition-colors duration-300 flex flex-col justify-between min-h-[200px]">
+           <div class="absolute top-6 right-6">
+             <span class="text-2xl font-light">↗</span>
+          </div>
+           <div class="mt-auto">
+             <span class="block text-2xl font-bold mb-1">LinkedIn</span>
+             <span class="text-xs uppercase opacity-60">Connectons-nous</span>
+           </div>
+        </a>
+
+        <!-- Link Block 3: YouTube -->
+        <a href="https://www.youtube.com/@emmanuelflux" target="_blank" rel="noopener noreferrer" class="group relative p-8 hover:bg-black hover:text-white transition-colors duration-300 flex flex-col justify-between min-h-[200px]">
+          <div class="absolute top-6 right-6">
+             <span class="text-2xl font-light">↗</span>
+          </div>
+           <div class="mt-auto">
+             <span class="block text-2xl font-bold mb-1">YouTube</span>
+             <span class="text-xs uppercase opacity-60">Tutoriels & Démos</span>
+           </div>
+        </a>
+        
+        <!-- Optional Filler / Deco Block (To complete grid if needed, or footer) -->
+        <div class="sm:col-span-2 border-t border-black bg-gray-50 p-6 flex items-center justify-between text-xs font-mono uppercase tracking-widest text-black/50">
+           <span>© {new Date().getFullYear()} Emmanuel Bernard</span>
+           <span>Lausanne, CH</span>
+        </div>
+
       </div>
     </div>
-
-    <!-- Links Section -->
-    <div class="w-full max-w-sm space-y-4">
-      {
-        links.map((link) => (
-          <a
-            href={link.url}
-            target="_blank"
-            rel="noopener noreferrer"
-            class="group block w-full bg-white border border-gray-200 hover:border-[var(--color-accent)] rounded-lg px-6 py-4 transition-colors duration-200"
-          >
-            <div class="flex items-center justify-between">
-              <span class="flex items-center gap-3 font-medium text-gray-700 group-hover:text-[var(--color-accent)] transition-colors">
-                <span class="text-xl opacity-80 group-hover:opacity-100 transition-opacity">{link.icon}</span>
-                {link.title}
-              </span>
-              <svg 
-                xmlns="http://www.w3.org/2000/svg" 
-                viewBox="0 0 20 20" 
-                fill="currentColor" 
-                class="w-5 h-5 text-gray-400 group-hover:text-[var(--color-accent)] transition-colors"
-              >
-                <path fill-rule="evenodd" d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z" clip-rule="evenodd" />
-              </svg>
-            </div>
-          </a>
-        ))
-      }
-    </div>
-
-    <!-- Footer -->
-    <footer class="mt-16 text-center text-sm text-gray-400">
-      <p>&copy; {new Date().getFullYear()} Emmanuel Bernard</p>
-    </footer>
   </main>
 </BaseLayout>
