src/app/menu/page.tsx

@@ -8,7 +8,18 @@ import FooterMedia from '@/components/sections/footer/FooterMedia';
 
 export default function MenuPage() {
   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>
         <NavbarLayoutFloatingInline
           navItems={[
@@ -25,6 +36,8 @@ export default function MenuPage() {
             description="Discover our complete selection of freshly baked goods and drinks."
             gridVariant="three-columns-all-equal-width"
             animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
             products={[
               { id: "ice-1", name: "Blended Mocha Frappe", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/chocolate-frappe_1339-2405.jpg" },
               { id: "ice-2", name: "Blended Oreo Shake", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/close-up-glass-coffee-with-cream_23-2148349613.jpg" },
@@ -38,6 +51,7 @@ export default function MenuPage() {
 
         <FooterMedia
           logoText="Tee's Donuts"
+          videoSrc="https://www.w3schools.com/howto/mov_bbb.mp4"
           columns={[{ title: "Menu", items: [{ label: "Home", href: "/" }] }]}
         />
       </ReactLenis>