diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
index 60cda9d..aa0f16c 100644
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -3,37 +3,56 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 
 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>
-        <NavbarStyleApple
-          navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, { name: "Contact", id: "/#contact" }]}
-          brandName="MIA 102"
-        />
-        <div className="pt-32">
-          <ProductCardTwo
-            title="Our Menu"
-            description="Explore our curated selection of authentic milk teas, fruit teas, and street food."
-            gridVariant="three-columns-all-equal-width"
-            animationType="slide-up"
-            products={[
-              { id: "mt1", brand: "Milk Tea", name: "Classic Milk Tea", price: "$5.95", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994377.jpg?_wi=1" },
-              { id: "mt2", brand: "Milk Tea", name: "Brown Sugar Pearl", price: "$6.50", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/adding-milk-glass-cappuccino_114579-15194.jpg?_wi=1" },
-              { id: "ft1", brand: "Fruit Tea", name: "Strawberry Refresher", price: "$6.00", rating: 4, reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709043.jpg" },
-              { id: "fm1", brand: "Fresh Milk", name: "Hokkaido Fresh Milk", price: "$6.25", rating: 5, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/purple-figs-with-cup-drink-blue_114579-29174.jpg?_wi=1" },
-              { id: "vc1", brand: "Coffee", name: "Vietnamese Iced Coffee", price: "$5.50", rating: 5, reviewCount: "105", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709027.jpg" },
-              { id: "sf1", brand: "Food", name: "Crispy Popcorn Chicken", price: "$7.50", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/japanese-street-food-restaurant-with-bright-sign_23-2149410168.jpg" }
-            ]}
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[{ name: "Home", id: "/" }, { name: "Menu", id: "/menu" }, { name: "Contact", id: "/contact" }]}
+            brandName="MIA 102"
+          />
+        </div>
+        <div className="pt-32">
+          <div id="menu" data-section="menu">
+            <ProductCardOne
+              title="Our Menu"
+              description="Explore our curated selection of authentic milk teas, fruit teas, and street food."
+              gridVariant="three-columns-all-equal-width"
+              animationType="slide-up"
+              textboxLayout="split"
+              useInvertedBackground={false}
+              products={[
+                { id: "mt1", name: "Classic Milk Tea", price: "$5.95", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994377.jpg?_wi=1" },
+                { id: "mt2", name: "Brown Sugar Pearl", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/adding-milk-glass-cappuccino_114579-15194.jpg?_wi=1" },
+                { id: "ft1", name: "Strawberry Refresher", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709043.jpg" },
+                { id: "fm1", name: "Hokkaido Fresh Milk", price: "$6.25", imageSrc: "http://img.b2bpic.net/free-photo/purple-figs-with-cup-drink-blue_114579-29174.jpg?_wi=1" },
+                { id: "vc1", name: "Vietnamese Iced Coffee", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709027.jpg" },
+                { id: "sf1", name: "Crispy Popcorn Chicken", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/japanese-street-food-restaurant-with-bright-sign_23-2149410168.jpg" }
+              ]}
+            />
+          </div>
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[{ items: [{ label: "Home", href: "/" }, { label: "Menu", href: "/menu" }, { label: "Contact", href: "/contact" }] }]}
+            logoText="MIA 102"
           />
         </div>
-        <FooterLogoEmphasis
-          columns={[{ items: [{ label: "Home", href: "/" }] }, { items: [{ label: "Contact", href: "/#contact" }] }]}
-          logoText="MIA 102"
-        />
       </ReactLenis>
     </ThemeProvider>
   );