Update src/app/menu/page.tsx

Merge version_3 into main

src/app/menu/page.tsx

@@ -1,17 +1,10 @@
 "use client"
 
 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() {
   return (
@@ -33,8 +26,6 @@ export default function MenuPage() {
           navItems={[
             { name: "Home", id: "/" },
             { name: "Menu", id: "/menu" },
-            { name: "About", id: "about" },
-            { name: "Reviews", id: "testimonial" },
             { name: "Contact", id: "contact" }
           ]}
           button={{
@@ -43,43 +34,10 @@ export default function MenuPage() {
         />
       </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="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"
+          title="Our Complete Menu"
-          description="Explore our carefully curated selection of authentic Thai favorites, each prepared with fresh ingredients and traditional techniques."
+          description="Explore the full range of authentic Thai dishes we offer. Each item is carefully crafted using traditional recipes and the finest ingredients."
           tag="Chef's Selection"
           tagIcon={ChefHat}
           tagAnimation="slide-up"
@@ -94,105 +52,26 @@ export default function MenuPage() {
             },
             {
               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"
+            },
+            {
+              id: "4",              name: "Massaman Curry",              price: "$17.95",              imageSrc: "http://img.b2bpic.net/free-photo/curry-pork-spicy_1388-222.jpg?_wi=2",              imageAlt: "Massaman Curry with beef"
+            },
+            {
+              id: "5",              name: "Pad Krapow Moo",              price: "$15.95",              imageSrc: "http://img.b2bpic.net/free-photo/stir-noodles-fry-green-chinese_1203-5877.jpg?_wi=2",              imageAlt: "Pad Krapow Moo - Stir-fried pork with basil"
+            },
+            {
+              id: "6",              name: "Red Curry",              price: "$18.95",              imageSrc: "http://img.b2bpic.net/free-photo/curry-pork-spicy_1388-222.jpg?_wi=2",              imageAlt: "Red Curry with vegetables"
             }
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           buttons={[
-            { text: "View Full Menu", href: "#" }
+            { text: "Reserve a Table", href: "https://www.opentable.com" }
           ]}
           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"