Update src/app/menu/page.tsx

Update src/app/layout.tsx
2026-02-28 07:19:11 +00:00 · 2026-02-28 07:19:10 +00:00 · 2026-02-28 07:04:14 +00:00 · 2026-02-28 07:04:08 +00:00 · 2026-02-28 07:04:07 +00:00 · 2026-02-28 07:04:06 +00:00
6 changed files with 161 additions and 59 deletions
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -29,7 +29,7 @@ export default function BlogPage() {
                        brandName="Baan Mu"
                        navItems={[
                            { name: "Home", id: "/" },
-                            { name: "Menu", id: "products" },
+                            { name: "Menu", id: "/menu" },
                            { name: "About", id: "about" },
                            { name: "Reviews", id: "testimonial" },
                            { name: "Contact", id: "contact" }
@@ -67,4 +67,4 @@ export default function BlogPage() {
            </ReactLenis>
        </ThemeProvider>
    );
-}
+}
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,53 +1,16 @@
 import type { Metadata } from "next";
-import { Montserrat } from "next/font/google";
-import { Inter } from "next/font/google";
-import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
-
-const montserrat = Montserrat({
-  variable: "--font-montserrat",  subsets: ["latin"],
-});
-
-const inter = Inter({
-  variable: "--font-inter",  subsets: ["latin"],
-});

 export const metadata: Metadata = {
-  title: "Baan Mu - Authentic Thai Restaurant in San Francisco",  description: "Discover authentic Thai cuisine at Baan Mu in San Francisco. Fresh ingredients, traditional recipes, and warm hospitality. Reserve your table today.",  keywords: "thai restaurant San Francisco, authentic thai food, pad thai, green curry, thai cuisine, fine dining",  metadataBase: new URL("https://baanmu.com"),
-  alternates: {
-    canonical: "https://baanmu.com"
-  },
-  openGraph: {
-    title: "Baan Mu - Authentic Thai Restaurant in San Francisco",    description: "Experience bold flavors and warm hospitality at Baan Mu. The best Thai restaurant in San Francisco with traditional recipes and fresh ingredients.",    url: "https://baanmu.com",    siteName: "Baan Mu",    type: "website",    images: [
-      {
-        url: "http://img.b2bpic.net/free-photo/medium-fried-pieces-meat-fried-onions_140725-3560.jpg",        alt: "Baan Mu Restaurant"
-      }
-    ]
-  },
-  twitter: {
-    card: "summary_large_image",    title: "Baan Mu - Authentic Thai Restaurant in San Francisco",    description: "Experience authentic Thai cuisine in the heart of San Francisco. Discover our signature dishes and warm hospitality.",    images: ["http://img.b2bpic.net/free-photo/medium-fried-pieces-meat-fried-onions_140725-3560.jpg"]
-  },
-  robots: {
-    index: true,
-    follow: true
-  }
-};
+  title: "Baan Mu - Thai Restaurant",  description: "Authentic Thai cuisine at Baan Mu"};

 export default function RootLayout({
  children,
-}: Readonly<{
+}: {
  children: React.ReactNode;
-}>) {
+}) {
  return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${montserrat.variable} ${inter.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
+    <html lang="en">
+      <body>{children}
        <script
          dangerouslySetInnerHTML={{
            __html: `
@@ -1415,7 +1378,6 @@ export default function RootLayout({
          }}
        />
      </body>
-      </ServiceWrapper>
    </html>
  );
-}
+}
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -0,0 +1,134 @@
+"use client";
+
+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, Users } from "lucide-react";
+
+export default function MenuPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="background-highlight"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="mediumLarge"
+      background="floatingGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="shadow"
+      secondaryButtonStyle="layered"
+      headingFontWeight="semibold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="Baan Mu"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Menu", id: "/menu" },
+            { name: "Contact", id: "contact" }
+          ]}
+          button={{
+            text: "Reserve Now",            href: "https://www.opentable.com"
+          }}
+        />
+      </div>
+
+      <div id="hero" data-section="hero" className="relative w-full min-h-screen flex items-center justify-center px-4 py-20 md:py-32">
+        <div className="absolute inset-0 pointer-events-none"></div>
+        <div className="relative z-10 flex flex-col items-center justify-center text-center max-w-4xl">
+          <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 className="absolute top-20 md:top-32 left-1/2 -translate-x-1/2 w-full max-w-md backdrop-blur-md bg-white/30 dark:bg-black/30 rounded-2xl p-6 md:p-8 border border-white/20 dark:border-white/10 shadow-xl hover:shadow-2xl transition-shadow duration-300">
+            <div className="flex items-center justify-center gap-3 mb-4">
+              <Users className="w-5 h-5 md:w-6 md:h-6 text-primary-cta" />
+              <h3 className="text-lg md:text-xl font-semibold text-foreground">Trusted by Customers</h3>
+            </div>
+            <p className="text-2xl md:text-3xl font-bold text-primary-cta mb-2">Over 2,000+</p>
+            <p className="text-sm md:text-base text-foreground/80">Satisfied diners have experienced our authentic Thai cuisine</p>
+          </div>
+        </div>
+      </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="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Baan Mu"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Contact Us", href: "mailto:hello@baanmu.com" }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -34,7 +34,8 @@ export default function LandingPage() {
            { name: "Menu", id: "products" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonial" },
-            { name: "Contact", id: "contact" }
+            { name: "Contact", id: "contact" },
+            { name: "Menu Page", id: "/menu" }
          ]}
          button={{
            text: "Reserve Now",            href: "https://www.opentable.com"
@@ -50,7 +51,7 @@ export default function LandingPage() {
          tag="Since 2019"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
-          imageSrc="http://img.b2bpic.net/free-photo/medium-fried-pieces-meat-fried-onions_140725-3560.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/medium-fried-pieces-meat-fried-onions_140725-3560.jpg?_wi=1"
          imageAlt="Baan Mu Restaurant Interior"
          mediaAnimation="blur-reveal"
          buttons={[
@@ -86,19 +87,19 @@ export default function LandingPage() {
          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",              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",              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: "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",              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: "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"
          animationType="slide-up"
          buttons={[
-            { text: "View Full Menu", href: "#" }
+            { text: "View Full Menu", href: "/menu" }
          ]}
          buttonAnimation="slide-up"
        />
@@ -144,16 +145,16 @@ export default function LandingPage() {
          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",              imageAlt: "Sarah Chen"
+              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=1",              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",              imageAlt: "Michael Torres"
+              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=1",              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",              imageAlt: "Emma Rodriguez"
+              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=1",              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"
+              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=1",              imageAlt: "James Park"
            }
          ]}
        />
@@ -201,4 +202,4 @@ export default function LandingPage() {
      </div>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/shop/[id]/page.tsx
+++ b/src/app/shop/[id]/page.tsx
@@ -94,6 +94,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                        brandName="Baan Mu"
                        navItems={[
                            {"name":"Home","id":"/"},
+                            {"name":"Menu","id":"/menu"},
                            {"name":"Shop","id":"/shop"}
                        ]}
                        button={{ text: "Cart", onClick: () => setCartOpen(true) }}
@@ -134,6 +135,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                            brandName="Baan Mu"
                            navItems={[
                                {"name":"Home","id":"/"},
+                                {"name":"Menu","id":"/menu"},
                                {"name":"Shop","id":"/shop"}
                            ]}
                            button={{ text: "Cart", onClick: () => setCartOpen(true) }}
@@ -181,6 +183,7 @@ function ProductPageContent({ params }: ProductPageProps) {
                    brandName="Baan Mu"
                    navItems={[
                        {"name":"Home","id":"/"},
+                        {"name":"Menu","id":"/menu"},
                        {"name":"Shop","id":"/shop"}
                    ]}
                    button={{ text: "Cart", onClick: () => setCartOpen(true) }}
@@ -232,4 +235,4 @@ function ProductPageContent({ params }: ProductPageProps) {
            </ReactLenis>
        </ThemeProvider>
    );
-}
+}
--- a/src/app/shop/page.tsx
+++ b/src/app/shop/page.tsx
@@ -37,6 +37,7 @@ function ShopPageContent() {
                        brandName="Baan Mu"
                        navItems={[
                            {"name":"Home","id":"/"},
+                            {"name":"Menu","id":"/menu"},
                            {"name":"Shop","id":"/shop"}
                        ]}
                        button={{ text: "Cart", onClick: () => console.log("cart") }}
@@ -76,6 +77,7 @@ function ShopPageContent() {
                    brandName="Baan Mu"
                    navItems={[
                        {"name":"Home","id":"/"},
+                        {"name":"Menu","id":"/menu"},
                        {"name":"Shop","id":"/shop"}
                    ]}
                    button={{ text: "Cart", onClick: () => console.log("cart") }}
@@ -110,4 +112,4 @@ export default function ShopPage() {
            <ShopPageContent />
        </Suspense>
    );
-}
+}
Author	SHA1	Message	Date
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
bender	70ae6de928	Update src/app/page.tsx	2026-02-28 06:57:09 +00:00
bender	bf3865c405	Update src/app/menu/page.tsx	2026-02-28 06:57:08 +00:00
bender	96fe286842	Update src/app/layout.tsx	2026-02-28 06:57:07 +00:00
bender	52ca21bcfb	Merge version_4 into main Merge version_4 into main	2026-02-28 06:49:14 +00:00
bender	fe915489ab	Update src/app/menu/page.tsx	2026-02-28 06:49:10 +00:00
bender	87acfa593e	Merge version_3 into main Merge version_3 into main	2026-02-28 06:46:58 +00:00
bender	3d28f7a71c	Update src/app/page.tsx	2026-02-28 06:46:54 +00:00
bender	99a799e740	Update src/app/menu/page.tsx	2026-02-28 06:46:53 +00:00
bender	1dd170b2ac	Merge version_3 into main Merge version_3 into main	2026-02-28 06:46:13 +00:00
bender	44fb889f9e	Update src/app/shop/page.tsx	2026-02-28 06:46:09 +00:00
bender	51db06e73a	Update src/app/shop/[id]/page.tsx	2026-02-28 06:46:08 +00:00
bender	f47f445871	Update src/app/page.tsx	2026-02-28 06:46:07 +00:00
bender	88a061fccb	Add src/app/menu/page.tsx	2026-02-28 06:46:07 +00:00
bender	ba73b942f4	Update src/app/layout.tsx	2026-02-28 06:46:06 +00:00
bender	9e8349bd55	Update src/app/blog/page.tsx	2026-02-28 06:46:05 +00:00
bender	b71344c38a	Merge version_2 into main Merge version_2 into main	2026-02-28 06:38:33 +00:00