Merge version_8 into main

Update src/app/page.tsx
2026-02-28 07:27:36 +00:00 · 2026-02-28 07:27:31 +00:00 · 2026-02-28 07:26:00 +00:00 · 2026-02-28 07:25:56 +00:00 · 2026-02-28 07:25:10 +00:00 · 2026-02-28 07:25:05 +00:00
3 changed files with 232 additions and 225 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,13 +1,13 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
+import "./styles/variables.css";
+import "./styles/base.css";

-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
-});
+const inter = Inter({ subsets: ["latin"] });

 export const metadata: Metadata = {
-  title: "Baan Mu - Authentic Thai Cuisine",  description: "Experience the bold flavors and aromatic spices of traditional Thai cooking in an elegant setting."};
+  title: "Baan Mu - Authentic Thai Cuisine",  description: "Discover authentic Thai cuisine at Baan Mu in San Francisco"};

 export default function RootLayout({
  children,
@@ -16,9 +16,7 @@ export default function RootLayout({
 }) {
  return (
    <html lang="en">
-      <body className={inter.variable}>
-        {children}
-      
+      <body className={inter.className}>{children}
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1388,4 +1386,4 @@ export default function RootLayout({
      </body>
    </html>
  );
-}
+}
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -1,12 +1,52 @@
-"use client"
+"use client";

-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 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?_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"
+    },
+    {
+      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"
@@ -20,66 +60,50 @@ export default function MenuPage() {
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
-      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay
-          brandName="Baan Mu"
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Menu", id: "/menu" },
-            { name: "Gallery", id: "#gallery" },
-            { 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="products" data-section="products">
-        <ProductCardOne
-          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."
-          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"
-            },
-            {
-              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: "Reserve a Table", href: "https://www.opentable.com" }
-          ]}
-          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="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>
  );
-}
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,68 +1,39 @@
-"use client";
+"use client"

-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import HeroBillboardDashboard from '@/components/sections/hero/HeroBillboardDashboard';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
+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, Mail, MapPin, Clock } from "lucide-react";
-import Image from 'next/image';
-
-export default function HomePage() {
-  const galleryImages = [
-    {
-      id: '1',
-      src: 'https://images.unsplash.com/photo-1504674900152-b8b27e3dcded?w=600&h=400&fit=crop',
-      alt: 'Restaurant interior ambiance'
-    },
-    {
-      id: '2',
-      src: 'https://images.unsplash.com/photo-1546069901-ba9599a7e63c?w=600&h=400&fit=crop',
-      alt: 'Signature dish plating'
-    },
-    {
-      id: '3',
-      src: 'https://images.unsplash.com/photo-1540189549336-e6e99c3679fe?w=600&h=400&fit=crop',
-      alt: 'Fine dining experience'
-    },
-    {
-      id: '4',
-      src: 'https://images.unsplash.com/photo-1495195134817-aeb325ef3c27?w=600&h=400&fit=crop',
-      alt: 'Chef preparing signature dishes'
-    },
-    {
-      id: '5',
-      src: 'https://images.unsplash.com/photo-1504674900152-b8b27e3dcded?w=600&h=400&fit=crop',
-      alt: 'Elegant table setting'
-    },
-    {
-      id: '6',
-      src: 'https://images.unsplash.com/photo-1546069901-ba9599a7e63c?w=600&h=400&fit=crop',
-      alt: 'Appetizer showcase'
-    }
-  ];
+import { Sparkles, Heart, ChefHat, Users } from "lucide-react";

+export default function LandingPage() {
  return (
    <ThemeProvider
-      defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="rounded"
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
      contentWidth="medium"
-      sizing="medium"
-      background="aurora"
+      sizing="mediumLarge"
+      background="floatingGradient"
      cardStyle="glass-elevated"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay
+        <NavbarLayoutFloatingInline
          brandName="Baan Mu"
          navItems={[
-            { name: "Home", id: "/" },
            { name: "Menu", id: "/menu" },
-            { name: "Gallery", id: "gallery" },
+            { name: "About", id: "about" },
+            { name: "Reviews", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
@@ -71,97 +42,64 @@ export default function HomePage() {
        />
      </div>

-      <div id="gallery" data-section="gallery" className="relative w-full py-16 md:py-24">
-        <div className="mx-auto px-4 md:px-8 max-w-7xl">
-          <div className="mb-12">
-            <h2 className="text-4xl md:text-5xl font-bold text-foreground mb-4">Gallery & Ambiance</h2>
-            <p className="text-lg text-foreground/75 max-w-2xl">Experience the warmth and elegance of our restaurant through our signature dishes and inviting atmosphere.</p>
-          </div>
-          
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
-            {galleryImages.map((image) => (
-              <div key={image.id} className="relative overflow-hidden rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300 aspect-video group">
-                <img
-                  src={image.src}
-                  alt={image.alt}
-                  className="w-full h-full object-cover group-hover:scale-105 transition-transform duration-300"
-                />
-                <div className="absolute inset-0 bg-black/20 group-hover:bg-black/10 transition-colors duration-300" />
-              </div>
-            ))}
-          </div>
-        </div>
-      </div>
-
      <div id="hero" data-section="hero">
-        <HeroBillboardDashboard
-          background={{ variant: 'radial-gradient' }}
-          tag="Welcome"
+        <HeroBillboard
+          title="Welcome to Baan Mu"
+          description="Discover authentic Thai cuisine crafted with passion in the heart of San Francisco. Experience bold flavors, warm hospitality, and culinary excellence."
+          background={{ variant: "sparkles-gradient" }}
+          tag="Since 2019"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
-          title="Authentic Thai Cuisine"
-          description="Experience the bold flavors and aromatic spices of traditional Thai cooking in an elegant setting."
+          imageSrc="http://img.b2bpic.net/free-photo/medium-fried-pieces-meat-fried-onions_140725-3560.jpg"
+          imageAlt="Baan Mu Restaurant Interior"
+          mediaAnimation="blur-reveal"
          buttons={[
-            { text: "View Menu", href: "/menu" },
-            { text: "Reserve Table", href: "https://www.opentable.com" }
+            { text: "Reserve a Table", href: "https://www.opentable.com" },
+            { text: "View Menu", href: "/menu" }
          ]}
          buttonAnimation="slide-up"
-          dashboard={{
-            title: "Today's Specials",            logoIcon: Sparkles,
-            imageSrc: "https://images.unsplash.com/photo-1546069901-ba9599a7e63c?w=100&h=100&fit=crop",            searchPlaceholder: "Search dishes...",            buttons: [
-              { text: "Make Reservation", href: "https://www.opentable.com" },
-              { text: "Call Us", href: "tel:+1234567890" }
-            ],
-            sidebarItems: [
-              { icon: MapPin, active: true },
-              { icon: Clock },
-              { icon: Mail }
-            ],
-            stats: [
-              { title: "Dishes", values: [45, 52, 58], description: "In rotation" },
-              { title: "Diners", values: [120, 180, 220], description: "Daily average" },
-              { title: "Rating", values: [4.8, 4.9, 5.0], description: "Customer satisfaction" }
-            ],
-            chartTitle: "Weekly Visitors",            chartData: [
-              { value: 65 },
-              { value: 75 },
-              { value: 85 },
-              { value: 70 },
-              { value: 90 }
-            ],
-            listTitle: "Popular Orders",            listItems: [
-              { icon: Sparkles, title: "Pad Thai Supreme", status: "Most Popular" },
-              { icon: Sparkles, title: "Green Curry Delight", status: "Chef's Pick" },
-              { icon: Sparkles, title: "Tom Yum Sensation", status: "Trending" }
-            ]
-          }}
+          marqueeItems={[
+            {
+              type: "text-icon",              icon: Users,
+              text: "Trusted by over 2000 customers"
+            }
+          ]}
+          showMarqueeCard={true}
        />
      </div>

-      <div id="featured" data-section="featured">
-        <ProductCardTwo
-          title="Featured Dishes"
-          description="Discover our carefully curated selection of signature dishes that showcase the heart of Thai cuisine."
+      <div id="about" data-section="about">
+        <TextAbout
+          tag="Our Story"
+          tagIcon={Heart}
+          tagAnimation="slide-up"
+          title="Celebrating Thai culinary traditions with authentic recipes passed down through generations. At Baan Mu, every dish tells a story of Thailand's rich heritage and vibrant flavors."
+          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",              brand: "Baan Mu",              name: "Pad Thai",              price: "$16.95",              rating: 5,
-              reviewCount: "2.3k",              imageSrc: "https://images.unsplash.com/photo-1569718212e3-3a95db8f5e6a?w=500&h=500&fit=crop",              imageAlt: "Pad Thai - Stir-fried noodles"
+              id: "1",              name: "Pad Thai",              price: "$16.95",              imageSrc: "http://img.b2bpic.net/free-photo/stir-noodles-fry-green-chinese_1203-5877.jpg?_wi=1",              imageAlt: "Pad Thai - Stir-fried noodles"
            },
            {
-              id: "2",              brand: "Baan Mu",              name: "Green Curry",              price: "$18.95",              rating: 5,
-              reviewCount: "1.9k",              imageSrc: "https://images.unsplash.com/photo-1609501676725-7186f017a4b7?w=500&h=500&fit=crop",              imageAlt: "Green Curry with chicken"
+              id: "2",              name: "Green Curry",              price: "$18.95",              imageSrc: "http://img.b2bpic.net/free-photo/curry-pork-spicy_1388-222.jpg?_wi=1",              imageAlt: "Green Curry with chicken"
            },
            {
-              id: "3",              brand: "Baan Mu",              name: "Tom Yum Soup",              price: "$14.95",              rating: 5,
-              reviewCount: "1.7k",              imageSrc: "https://images.unsplash.com/photo-1567299886990-51e3b2db2a57?w=500&h=500&fit=crop",              imageAlt: "Tom Yum - Hot and sour soup"
-            },
-            {
-              id: "4",              brand: "Baan Mu",              name: "Massaman Curry",              price: "$17.95",              rating: 4,
-              reviewCount: "1.5k",              imageSrc: "https://images.unsplash.com/photo-1535519227936-287u8e78c40f?w=500&h=500&fit=crop",              imageAlt: "Massaman Curry with beef"
+              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=1",              imageAlt: "Tom Yum - Hot and sour soup"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
@@ -173,52 +111,99 @@ export default function HomePage() {
        />
      </div>

-      <div id="contact" data-section="contact">
-        <ContactCTA
-          tag="Get in Touch"
-          tagIcon={Mail}
+      <div id="metrics" data-section="metrics">
+        <MetricCardFourteen
+          title="Trusted by San Francisco"
+          tag="Baan Mu"
          tagAnimation="slide-up"
-          title="Ready to Experience Authentic Thai Cuisine?"
-          description="Reserve your table today and join us for an unforgettable dining experience. Our team looks forward to welcoming you."
-          buttons={[
-            { text: "Reserve Now", href: "https://www.opentable.com" },
-            { text: "Contact Us", href: "mailto:hello@baanmu.com" }
+          metrics={[
+            {
+              id: "1",              value: "5.0★",              description: "Average rating across all platforms from over 800+ reviews"
+            },
+            {
+              id: "2",              value: "2,000+",              description: "Satisfied customers who trust and return to Baan Mu"
+            }
          ]}
-          buttonAnimation="slide-up"
-          background={{ variant: 'radial-gradient' }}
+          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

-      <div id="footer" data-section="footer">
-        <FooterMedia
-          imageSrc="https://images.unsplash.com/photo-1504674900152-b8b27e3dcded?w=1920&h=400&fit=crop"
-          imageAlt="Restaurant ambiance"
-          columns={[
+      <div id="socialproof" data-section="socialproof">
+        <SocialProofOne
+          title="Trusted by Over 2000 Customers"
+          description="Join thousands of food lovers who've experienced the authentic flavors and warm hospitality of 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={[
            {
-              title: "Restaurant",              items: [
-                { label: "About Us", href: "#" },
-                { label: "Our Menu", href: "/menu" },
-                { label: "Gallery", href: "#gallery" }
-              ]
+              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",              imageAlt: "Sarah Chen"
            },
            {
-              title: "Dining",              items: [
-                { label: "Reserve Table", href: "https://www.opentable.com" },
-                { label: "Private Events", href: "#" },
-                { label: "Catering", href: "#" }
-              ]
+              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",              imageAlt: "Michael Torres"
            },
            {
-              title: "Connect",              items: [
-                { label: "Contact Us", href: "mailto:hello@baanmu.com" },
-                { label: "Hours", href: "#" },
-                { label: "Location", href: "#" }
-              ]
+              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",              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",              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"
-          copyrightText="© 2025 Baan Mu. All rights reserved."
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Contact Us", href: "mailto:hello@baanmu.com" }}
        />
      </div>
    </ThemeProvider>
Author	SHA1	Message	Date
bender	770daaa27c	Merge version_8 into main Merge version_8 into main	2026-02-28 07:27:36 +00:00
bender	2aa9fa6f85	Update src/app/page.tsx	2026-02-28 07:27:31 +00:00
bender	5fda2d3fef	Merge version_8 into main Merge version_8 into main	2026-02-28 07:26:00 +00:00
bender	d980828de9	Update src/app/page.tsx	2026-02-28 07:25:56 +00:00
bender	eae4aad4d2	Merge version_7 into main Merge version_7 into main	2026-02-28 07:25:10 +00:00
bender	a0a51cdd95	Update src/app/page.tsx	2026-02-28 07:25:05 +00:00
bender	e03d042c45	Update src/app/menu/page.tsx	2026-02-28 07:25:05 +00:00
bender	012fd9b227	Merge version_7 into main Merge version_7 into main	2026-02-28 07:24:25 +00:00
bender	2fe29e15c4	Update src/app/shop/page.tsx	2026-02-28 07:24:21 +00:00
bender	42d92ee84f	Update src/app/shop/[id]/page.tsx	2026-02-28 07:24:20 +00:00
bender	4019a354d5	Update src/app/page.tsx	2026-02-28 07:24:19 +00:00
bender	57bcfd5767	Update src/app/menu/page.tsx	2026-02-28 07:24:19 +00:00
bender	f553f73a85	Update src/app/layout.tsx	2026-02-28 07:24:18 +00:00
bender	80b191598b	Update src/app/blog/page.tsx	2026-02-28 07:24:17 +00:00
bender	f2f9edb973	Update src/app/shop/page.tsx	2026-02-28 07:22:06 +00:00
bender	2c315fc62e	Update src/app/shop/[id]/page.tsx	2026-02-28 07:22:05 +00:00
bender	4a912b8ab1	Update src/app/page.tsx	2026-02-28 07:22:04 +00:00
bender	e52b6d22c3	Update src/app/blog/page.tsx	2026-02-28 07:22:04 +00:00
bender	227c7da0d1	Update src/app/page.tsx	2026-02-28 07:21:57 +00:00
bender	c47eaecc55	Update src/app/menu/page.tsx	2026-02-28 07:21:57 +00:00
bender	87315ea325	Update src/app/layout.tsx	2026-02-28 07:21:56 +00:00
bender	d6f69a3f17	Update src/app/menu/page.tsx	2026-02-28 07:21:48 +00:00
bender	7c6cc552fe	Update src/app/page.tsx	2026-02-28 07:21:24 +00:00
bender	c1f705e08b	Update src/app/menu/page.tsx	2026-02-28 07:21:23 +00:00
bender	fc04a4a7f8	Update src/app/layout.tsx	2026-02-28 07:21:22 +00:00
bender	9080a8aeaf	Merge version_6 into main Merge version_6 into main	2026-02-28 07:19:16 +00:00
bender	308e897742	Update src/app/menu/page.tsx	2026-02-28 07:19:11 +00:00
bender	6eb66ab19e	Update src/app/layout.tsx	2026-02-28 07:19:10 +00:00
bender	2c2b9dda22	Update src/app/menu/page.tsx	2026-02-28 07:04:14 +00:00
bender	ca3a419dfa	Update src/app/shop/page.tsx	2026-02-28 07:04:08 +00:00
bender	d412b4ff32	Update src/app/shop/[id]/page.tsx	2026-02-28 07:04:07 +00:00
bender	e4f87fbecc	Update src/app/page.tsx	2026-02-28 07:04:06 +00:00
bender	4b252e98e1	Update src/app/blog/page.tsx	2026-02-28 07:04:05 +00:00
bender	d5c72a2d29	Update src/app/shop/page.tsx	2026-02-28 07:03:56 +00:00
bender	6d5596463c	Update src/app/shop/[id]/page.tsx	2026-02-28 07:03:55 +00:00
bender	68d17896f6	Update src/app/page.tsx	2026-02-28 07:03:55 +00:00
bender	9e86db3742	Update src/app/blog/page.tsx	2026-02-28 07:03:54 +00:00
bender	89d6ad8ef1	Update src/app/page.tsx	2026-02-28 07:03:25 +00:00
bender	41b8337236	Update src/app/menu/page.tsx	2026-02-28 07:03:24 +00:00
bender	da4c5a8c28	Update src/app/layout.tsx	2026-02-28 07:03:23 +00:00
bender	8d0a9b6649	Update src/app/menu/page.tsx	2026-02-28 07:03:11 +00:00
bender	185a15e194	Merge version_5 into main Merge version_5 into main	2026-02-28 06:57:13 +00:00