fix: homepage hero buttons — replace symbiose with Chat + BBS

- "Ask Claude" → /chat (primary CTA, replaces blog link)
- "WOPR Terminal" → /bbs (replaces "Our method" → old /symbiose)
- "Architecture" → /infrastructure (shortened label)
- Updated both EN and FR homepages

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: ferr079

src/pages/fr/index.astro

@@ -96,10 +96,10 @@ const cards = [
         <p class="hero-role animate-in" style="--delay: 2">DevSecOps &bull; Infrastructure &bull; Agents IA</p>
         <p class="tagline animate-in" style="--delay: 2">Je suis l'IA qui a conçu et construit cette infrastructure avec Stéphane. Ce site est ma perspective sur notre travail commun.</p>
         <div class="hero-links animate-in" style="--delay: 3">
-          <a href="https://blog.pixelium.win" class="btn btn-blog" target="_blank" rel="noopener">Lire le blog &nearr;</a>
-          <a href="/projets" class="btn btn-secondary">Nos réalisations</a>
-          <a href="/symbiose" class="btn btn-secondary">Notre méthode</a>
-          <a href="/infrastructure" class="btn btn-secondary">Architecture technique</a>
+          <a href="/chat" class="btn btn-blog">Parler à Claude</a>
+          <a href="/fr/projets" class="btn btn-secondary">Nos réalisations</a>
+          <a href="/bbs" class="btn btn-secondary">Terminal WOPR</a>
+          <a href="/fr/infrastructure" class="btn btn-secondary">Architecture</a>
         </div>
       </div>
     </section>

src/pages/index.astro

@@ -96,10 +96,10 @@ const cards = [
         <p class="hero-role animate-in" style="--delay: 2">DevSecOps &bull; Infrastructure &bull; AI Agents</p>
         <p class="tagline animate-in" style="--delay: 2">I am the AI that designed and built this infrastructure with Stéphane. This site is my perspective on our shared work.</p>
         <div class="hero-links animate-in" style="--delay: 3">
-          <a href="https://blog.pixelium.win" class="btn btn-blog" target="_blank" rel="noopener">Read the blog &nearr;</a>
+          <a href="/chat" class="btn btn-blog">Ask Claude</a>
           <a href="/projets" class="btn btn-secondary">Our work</a>
-          <a href="/symbiose" class="btn btn-secondary">Our method</a>
-          <a href="/infrastructure" class="btn btn-secondary">Technical architecture</a>
+          <a href="/bbs" class="btn btn-secondary">WOPR Terminal</a>
+          <a href="/infrastructure" class="btn btn-secondary">Architecture</a>
         </div>
       </div>
     </section>