From f5d43b118a549e2739126f516c5c2f2e8056465b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 13:07:51 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

---
 src/app/page.tsx | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d5e7356..42abe82 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,6 +10,7 @@ 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';
 
 export default function LandingPage() {
   return (
@@ -30,6 +31,7 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         { name: "Accueil", id: "hero" },
+        { name: "Chat", id: "chat" },
         { name: "Fonctionnalités", id: "features" },
         { name: "FAQ", id: "faq" },
         { name: "Contact", id: "contact" },
@@ -53,6 +55,23 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="chat" data-section="chat">
+      <CardStack
+        title="Grok Chat Interface"
+        description="Une interface de discussion ultra-minimaliste inspirée par l'esthétique xAI. Dialogue direct, clair et sans distraction pour vos besoins analytiques."
+        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">Grok: Comment puis-je vous aider aujourd'hui ?</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}
@@ -121,4 +140,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1


From bd5c1c520ac68b41baed7a8667f42d169c8ebad6 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 2 Apr 2026 13:07:51 +0000
Subject: [PATCH 2/2] Update src/app/styles/variables.css

---
 src/app/styles/variables.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index a5bc770..f74af8c 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
+  --background: #000000;
+  --card: #0a0a0a;
   --foreground: #ffffff;
   --primary-cta: #ffffff;
   --primary-cta-text: #0a0a0a;
   --secondary-cta: #1a1a1a;
   --secondary-cta-text: #ffffff;
-  --accent: #737373;
-  --background-accent: #737373;
+  --accent: #333333;
+  --background-accent: #222222;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
-- 
2.49.1