Update src/app/mustapha/page.tsx

src/app/mustapha/page.tsx

@@ -8,38 +8,53 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
 
 export default function ProductsPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
-            navItems={[
-              { name: "Menu", id: "/#menu" },
-              { name: "Products", id: "/mustapha" },
-              { name: "Réservation", id: "/#reservation" },
-              { name: "Contact", id: "/#contact" },
-            ]}
-            brandName="Thawenza"
-        />
-        <div className="pt-32 pb-20">
-            <ProductCardFour
-            animationType="slide-up"
-            textboxLayout="default"
-            gridVariant="uniform-all-items-equal"
-            useInvertedBackground={true}
-            title="Our Products"
-            description="Browse our full selection of traditional offerings."
-            products={[
-                { id: "p1", name: "Couscous Royal", price: "1500 DA", variant: "Plat", imageSrc: "http://img.b2bpic.net/free-photo/saj-made-from-vegetables-meat-charcoal_140725-3569.jpg" },
-                { id: "p2", name: "Grillades Mixtes", price: "1800 DA", variant: "Plat", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-mushrooms-wooden-board_140725-761.jpg" },
-            ]}
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingOverlay
+                navItems={[
+                  { name: "Menu", id: "/#menu" },
+                  { name: "Products", id: "/mustapha" },
+                  { name: "Réservation", id: "/#reservation" },
+                  { name: "Contact", id: "/#contact" },
+                ]}
+                brandName="Thawenza"
+            />
+        </div>
+        <div id="menu" data-section="menu" className="pt-32 pb-20">
+            <ProductCardFour
+                animationType="slide-up"
+                textboxLayout="default"
+                gridVariant="uniform-all-items-equal"
+                useInvertedBackground={true}
+                title="Our Products"
+                description="Browse our full selection of traditional offerings."
+                products={[
+                    { id: "p1", name: "Couscous Royal", price: "1500 DA", variant: "Plat", imageSrc: "http://img.b2bpic.net/free-photo/saj-made-from-vegetables-meat-charcoal_140725-3569.jpg" },
+                    { id: "p2", name: "Grillades Mixtes", price: "1800 DA", variant: "Plat", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-mushrooms-wooden-board_140725-761.jpg" },
+                ]}
+            />
+        </div>
+        <div id="footer" data-section="footer">
+            <FooterBase
+                columns={[
+                    { title: "Liens", items: [{ label: "Menu", href: "/#menu" }, { label: "Products", href: "/mustapha" }, { label: "Réservation", href: "/#reservation" }] },
+                    { title: "Légal", items: [{ label: "Privacy", href: "#" }] },
+                ]}
+                logoText="Thawenza"
             />
         </div>
-        <FooterBase
-            columns={[
-                { title: "Liens", items: [{ label: "Menu", href: "/#menu" }, { label: "Products", href: "/mustapha" }, { label: "Réservation", href: "/#reservation" }] },
-                { title: "Légal", items: [{ label: "Privacy", href: "#" }] },
-            ]}
-            logoText="Thawenza"
-        />
       </ReactLenis>
     </ThemeProvider>
   );