src/app/menu/page.tsx

@@ -18,7 +18,18 @@ 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>
         <NavbarLayoutFloatingOverlay
             navItems={[
@@ -38,6 +49,7 @@ export default function MenuPage() {
             title="Our Menu"
             description="Carefully selected teas, espresso drinks, and single origin beans."
             products={menu}
+            useInvertedBackground={false}
             />
         </div>
       </ReactLenis>