diff --git a/src/app/chat/page.tsx b/src/app/chat/page.tsx
index 25b5254..6c01b75 100644
--- a/src/app/chat/page.tsx
+++ b/src/app/chat/page.tsx
@@ -5,14 +5,27 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
 
 export default function ChatPage() {
   return (
-    <ThemeProvider>
-      <NavbarStyleFullscreen
-        navItems={[
-            { name: "Accueil", id: "/" },
-            { name: "Chat", id: "/chat" },
-        ]}
-        brandName="MathIA Chat"
-      />
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+              { name: "Accueil", id: "/" },
+              { name: "Chat", id: "/chat" },
+          ]}
+          brandName="MathIA Chat"
+        />
+      </div>
       <main className="container mx-auto p-8 pt-32 min-h-screen flex flex-col md:flex-row gap-8">
         <div className="flex-1 border border-neutral-800 rounded-xl p-6 bg-neutral-900">
            <h2 className="text-2xl font-bold mb-4">3D Math Teacher</h2>