From 57bcfd5767e7a6b022e8ecbdec58e270a43b2a8b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 28 Feb 2026 07:24:19 +0000
Subject: [PATCH] Update src/app/menu/page.tsx

---
 src/app/menu/page.tsx | 264 ++++++++++++++----------------------------
 1 file changed, 84 insertions(+), 180 deletions(-)

diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
index c36fa07..8f013b1 100644
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -1,19 +1,52 @@
-"use client"
+"use client";
 
+import ReactLenis from "lenis/react";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-import TextAbout from '@/components/sections/about/TextAbout';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Sparkles, Heart, ChefHat } from "lucide-react";
+import { ChefHat } from "lucide-react";
 
 export default function MenuPage() {
+  const menuItems = [
+    {
+      id: "1",      name: "Pad Thai",      price: "$16.95",      imageSrc: "http://img.b2bpic.net/free-photo/stir-noodles-fry-green-chinese_1203-5877.jpg",      imageAlt: "Pad Thai - Stir-fried noodles"
+    },
+    {
+      id: "2",      name: "Green Curry",      price: "$18.95",      imageSrc: "http://img.b2bpic.net/free-photo/curry-pork-spicy_1388-222.jpg",      imageAlt: "Green Curry with chicken"
+    },
+    {
+      id: "3",      name: "Tom Yum Soup",      price: "$14.95",      imageSrc: "http://img.b2bpic.net/free-photo/tom-yum-kung-thai-hot-spicy-soup-shrimp-with-lemon-grass-lemon-galangal-chilli-wooden-table-thailand-food_1150-21062.jpg",      imageAlt: "Tom Yum - Hot and sour soup"
+    },
+    {
+      id: "4",      name: "Pad Krapow Moo",      price: "$17.95",      imageSrc: "http://img.b2bpic.net/free-photo/stir-fried-meat-with-basil-leaves-thai-food_1203-5877.jpg",      imageAlt: "Pad Krapow Moo - Basil pork stir-fry"
+    },
+    {
+      id: "5",      name: "Massaman Curry",      price: "$19.95",      imageSrc: "http://img.b2bpic.net/free-photo/thai-massaman-curry-with-beef-peanuts_1203-5877.jpg",      imageAlt: "Massaman Curry - Rich and aromatic"
+    },
+    {
+      id: "6",      name: "Pad See Ew",      price: "$16.95",      imageSrc: "http://img.b2bpic.net/free-photo/dark-soy-noodles-thai-stir-fry_1203-5877.jpg",      imageAlt: "Pad See Ew - Dark soy noodles"
+    },
+    {
+      id: "7",      name: "Larb Gai",      price: "$15.95",      imageSrc: "http://img.b2bpic.net/free-photo/spicy-minced-chicken-salad_1203-5877.jpg",      imageAlt: "Larb Gai - Spicy minced chicken"
+    },
+    {
+      id: "8",      name: "Satay Skewers",      price: "$12.95",      imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-skewers-peanut-sauce_1203-5877.jpg",      imageAlt: "Satay Skewers - Grilled with peanut sauce"
+    },
+    {
+      id: "9",      name: "Spring Rolls",      price: "$8.95",      imageSrc: "http://img.b2bpic.net/free-photo/crispy-spring-rolls-sweet-sauce_1203-5877.jpg",      imageAlt: "Spring Rolls - Crispy appetizer"
+    },
+    {
+      id: "10",      name: "Green Papaya Salad",      price: "$13.95",      imageSrc: "http://img.b2bpic.net/free-photo/som-tam-green-papaya-salad_1203-5877.jpg",      imageAlt: "Green Papaya Salad - Som Tam"
+    },
+    {
+      id: "11",      name: "Mango Sticky Rice",      price: "$9.95",      imageSrc: "http://img.b2bpic.net/free-photo/mango-sticky-rice-dessert_1203-5877.jpg",      imageAlt: "Mango Sticky Rice - Thai dessert"
+    },
+    {
+      id: "12",      name: "Thai Iced Tea",      price: "$5.95",      imageSrc: "http://img.b2bpic.net/free-photo/thai-iced-tea-traditional_1203-5877.jpg",      imageAlt: "Thai Iced Tea - Refreshing beverage"
+    }
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="icon-arrow"
@@ -27,179 +60,50 @@ export default function MenuPage() {
       secondaryButtonStyle="layered"
       headingFontWeight="semibold"
     >
-      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline
-          brandName="Baan Mu"
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Menu", id: "/menu" },
-            { name: "About", id: "about" },
-            { name: "Reviews", id: "testimonial" },
-            { name: "Contact", id: "contact" }
-          ]}
-          button={{
-            text: "Reserve Now",            href: "https://www.opentable.com"
-          }}
-        />
-      </div>
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            brandName="Baan Mu"
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Menu", id: "/menu" },
+              { name: "About", id: "about" },
+              { name: "Reviews", id: "testimonial" },
+              { name: "Contact", id: "contact" }
+            ]}
+            button={{
+              text: "Reserve Now",              href: "https://www.opentable.com"
+            }}
+          />
+        </div>
 
-      <div id="hero" data-section="hero">
-        <HeroBillboard
-          title="Our Complete Menu"
-          description="Explore the full range of authentic Thai dishes we offer. Each item is carefully crafted using traditional recipes and the finest ingredients."
-          background={{ variant: "sparkles-gradient" }}
-          tag="Since 2019"
-          tagIcon={Sparkles}
-          tagAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/medium-fried-pieces-meat-fried-onions_140725-3560.jpg?_wi=2"
-          imageAlt="Baan Mu Menu"
-          mediaAnimation="blur-reveal"
-          buttons={[
-            { text: "Reserve a Table", href: "https://www.opentable.com" },
-            { text: "Back Home", href: "/" }
-          ]}
-          buttonAnimation="slide-up"
-        />
-      </div>
+        <div id="menu" data-section="menu">
+          <ProductCardOne
+            title="Full Menu"
+            description="Explore our complete selection of authentic Thai dishes, from traditional favorites to signature creations. Each item is carefully prepared with fresh ingredients and authentic techniques."
+            tag="Chef's Selection"
+            tagIcon={ChefHat}
+            tagAnimation="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            products={menuItems}
+            gridVariant="four-items-2x2-equal-grid"
+            animationType="slide-up"
+            buttons={[
+              { text: "Reserve a Table", href: "https://www.opentable.com" }
+            ]}
+            buttonAnimation="slide-up"
+          />
+        </div>
 
-      <div id="about" data-section="about">
-        <TextAbout
-          tag="Menu Philosophy"
-          tagIcon={Heart}
-          tagAnimation="slide-up"
-          title="Our menu celebrates the diversity and authenticity of Thai cuisine. Every dish represents centuries of culinary tradition, from street food favorites to royal Thai preparations."
-          useInvertedBackground={false}
-          buttons={[
-            { text: "Learn More", href: "#" }
-          ]}
-          buttonAnimation="slide-up"
-        />
-      </div>
-
-      <div id="products" data-section="products">
-        <ProductCardOne
-          title="Signature Dishes"
-          description="Explore our carefully curated selection of authentic Thai favorites, each prepared with fresh ingredients and traditional techniques."
-          tag="Chef's Selection"
-          tagIcon={ChefHat}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          products={[
-            {
-              id: "1",              name: "Pad Thai",              price: "$16.95",              imageSrc: "http://img.b2bpic.net/free-photo/stir-noodles-fry-green-chinese_1203-5877.jpg?_wi=2",              imageAlt: "Pad Thai - Stir-fried noodles"
-            },
-            {
-              id: "2",              name: "Green Curry",              price: "$18.95",              imageSrc: "http://img.b2bpic.net/free-photo/curry-pork-spicy_1388-222.jpg?_wi=2",              imageAlt: "Green Curry with chicken"
-            },
-            {
-              id: "3",              name: "Tom Yum Soup",              price: "$14.95",              imageSrc: "http://img.b2bpic.net/free-photo/tom-yum-kung-thai-hot-spicy-soup-shrimp-with-lemon-grass-lemon-galangal-chilli-wooden-table-thailand-food_1150-21062.jpg?_wi=2",              imageAlt: "Tom Yum - Hot and sour soup"
-            }
-          ]}
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          buttons={[
-            { text: "View Full Menu", href: "#" }
-          ]}
-          buttonAnimation="slide-up"
-        />
-      </div>
-
-      <div id="metrics" data-section="metrics">
-        <MetricCardFourteen
-          title="Menu Highlights"
-          tag="Baan Mu Menu"
-          tagAnimation="slide-up"
-          metrics={[
-            {
-              id: "1",              value: "40+",              description: "Signature dishes on our complete menu"
-            },
-            {
-              id: "2",              value: "100%",              description: "Made fresh to order with premium ingredients"
-            }
-          ]}
-          metricsAnimation="slide-up"
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="socialproof" data-section="socialproof">
-        <SocialProofOne
-          title="Loved by Food Enthusiasts"
-          description="Join thousands of satisfied diners who've discovered their favorite Thai dishes at Baan Mu"
-          names={[
-            "Food Critics Choice",            "Best Thai 2024",            "5-Star Rated",            "Local Favorite",            "Award Winner"
-          ]}
-          textboxLayout="default"
-          useInvertedBackground={false}
-          showCard={true}
-          speed={40}
-        />
-      </div>
-
-      <div id="testimonial" data-section="testimonial">
-        <TestimonialCardTen
-          title="Guest Stories"
-          description="Hear from our valued guests about their Baan Mu experience"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          testimonials={[
-            {
-              id: "1",              title: "Authentic Thai in San Francisco",              quote: "The flavors are incredible and transport you straight to Bangkok. Every dish is prepared with such care and authenticity. This is now our favorite Thai restaurant in the city.",              name: "Sarah Chen",              role: "Food Blogger",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg?_wi=2",              imageAlt: "Sarah Chen"
-            },
-            {
-              id: "2",              title: "Outstanding Service & Atmosphere",              quote: "From the warm welcome at the door to the final dessert course, everything about Baan Mu is exceptional. The staff really knows their dishes and makes great recommendations.",              name: "Michael Torres",              role: "Restaurant Critic",              imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg?_wi=2",              imageAlt: "Michael Torres"
-            },
-            {
-              id: "3",              title: "Perfect for Special Occasions",              quote: "We celebrated our anniversary at Baan Mu and it was absolutely perfect. The intimate setting, incredible food, and attentive service made it a night we'll never forget.",              name: "Emma Rodriguez",              role: "Event Planner",              imageSrc: "http://img.b2bpic.net/free-photo/headshot-charismatic-pleasant-friendly-european-woman-short-chestnut-haircut-smiling-positive-feeling-happy-upbeat-enjoying-lifes-casually-talking-friends-amused-cheerful-standing-white-background_176420-34680.jpg?_wi=2",              imageAlt: "Emma Rodriguez"
-            },
-            {
-              id: "4",              title: "Best Curry in the Bay Area",              quote: "The curries here are genuinely some of the best I've had anywhere. The balance of flavors, the heat level, the creamy coconut base - everything is perfectly executed.",              name: "James Park",              role: "Culinary Chef",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-guy-wearing-green-shirt_141793-122624.jpg?_wi=2",              imageAlt: "James Park"
-            }
-          ]}
-        />
-      </div>
-
-      <div id="features" data-section="features">
-        <FeatureCardSixteen
-          title="Why Choose Baan Mu"
-          description="Experience the difference of authentic Thai cuisine combined with modern hospitality"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          negativeCard={{
-            items: [
-              "Mass-produced frozen ingredients",              "One-size-fits-all menu",              "Impersonal dining experience",              "Limited customization options"
-            ]
-          }}
-          positiveCard={{
-            items: [
-              "Fresh, locally-sourced ingredients",              "Authentic recipes from Thai masters",              "Personalized service and attention",              "Customizable spice levels and preferences"
-            ]
-          }}
-        />
-      </div>
-
-      <div id="contact" data-section="contact">
-        <ContactText
-          text="Ready to experience authentic Thai cuisine? Reserve your table at Baan Mu today and discover why San Francisco's food lovers choose us."
-          animationType="background-highlight"
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
-          buttons={[
-            { text: "Make a Reservation", href: "https://www.opentable.com" },
-            { text: "Order Online", href: "https://www.doordash.com" }
-          ]}
-        />
-      </div>
-
-      <div id="footer" data-section="footer">
-        <FooterLogoReveal
-          logoText="Baan Mu"
-          leftLink={{ text: "Privacy Policy", href: "#" }}
-          rightLink={{ text: "Contact Us", href: "mailto:hello@baanmu.com" }}
-        />
-      </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoReveal
+            logoText="Baan Mu"
+            leftLink={{ text: "Privacy Policy", href: "#" }}
+            rightLink={{ text: "Contact Us", href: "mailto:hello@baanmu.com" }}
+          />
+        </div>
+      </ReactLenis>
     </ThemeProvider>
   );
 }