diff --git a/src/app/page.tsx b/src/app/page.tsx
index 278d96b..0303d57 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,20 +10,9 @@ import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboard
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import { Lightbulb, Monitor, PenTool, ShieldCheck, Zap } from "lucide-react";
-import CardStack from '@/components/cardStack/CardStack';
 import { useState } from 'react';
 
 export default function LandingPage() {
-  const [grokApiKey, setGrokApiKey] = useState("");
-
-  const handleContactSubmit = (data: Record<string, string>) => {
-      if (data.apiKey) {
-          // Store API key in memory for chat/tutor functionality
-          setGrokApiKey(data.apiKey);
-          console.log("xAI/Grok API Key integrated successfully");
-      }
-  };
-
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -42,7 +31,7 @@ export default function LandingPage() {
             <NavbarStyleFullscreen
             navItems={[
                 { name: "Accueil", id: "hero" },
-                { name: "Chat", id: "chat" },
+                { name: "Chat", id: "/chat" },
                 { name: "Fonctionnalités", id: "features" },
                 { name: "FAQ", id: "faq" },
                 { name: "Contact", id: "contact" },
@@ -66,23 +55,6 @@ export default function LandingPage() {
             />
         </div>
 
-        <div id="chat" data-section="chat">
-            <CardStack
-                title="Grok Chat Interface"
-                description={grokApiKey ? "Connecté au moteur xAI - Tuteur mathématique activé." : "Veuillez configurer votre clé API xAI dans la section contact pour activer le tuteur IA."}
-                textboxLayout="split"
-                animationType="blur-reveal"
-                ariaLabel="Chat interface"
-                className="bg-black text-white"
-            >
-                <div className="flex flex-col gap-4 p-8 border border-neutral-800 rounded-lg">
-                    <div className="text-sm text-neutral-400">{grokApiKey ? "xAI/Grok: Système en ligne. Quelle équation souhaitez-vous résoudre ?" : "xAI/Grok: En attente de configuration API..."}</div>
-                    <div className="h-px w-full bg-neutral-800 my-2" />
-                    <div className="text-white font-medium">User: Explique-moi le calcul intégral.</div>
-                </div>
-            </CardStack>
-        </div>
-
         <div id="about" data-section="about">
             <MediaAbout
             useInvertedBackground={false}
@@ -136,7 +108,6 @@ export default function LandingPage() {
                 { name: "email", type: "email", placeholder: "Email", required: true },
                 { name: "apiKey", type: "password", placeholder: "Clé API xAI", required: true },
             ]}
-            onSubmit={handleContactSubmit}
             imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BiavO3dCn02likxwS7upWoCIlU/futuristic-digital-aesthetic-background--1775133773550-69c25a60.png"
             mediaAnimation="blur-reveal"
             />