43 Commits

Author SHA1 Message Date
a0a51cdd95 Update src/app/page.tsx 2026-02-28 07:25:05 +00:00
e03d042c45 Update src/app/menu/page.tsx 2026-02-28 07:25:05 +00:00
2fe29e15c4 Update src/app/shop/page.tsx 2026-02-28 07:24:21 +00:00
42d92ee84f Update src/app/shop/[id]/page.tsx 2026-02-28 07:24:20 +00:00
4019a354d5 Update src/app/page.tsx 2026-02-28 07:24:19 +00:00
57bcfd5767 Update src/app/menu/page.tsx 2026-02-28 07:24:19 +00:00
f553f73a85 Update src/app/layout.tsx 2026-02-28 07:24:18 +00:00
80b191598b Update src/app/blog/page.tsx 2026-02-28 07:24:17 +00:00
f2f9edb973 Update src/app/shop/page.tsx 2026-02-28 07:22:06 +00:00
2c315fc62e Update src/app/shop/[id]/page.tsx 2026-02-28 07:22:05 +00:00
4a912b8ab1 Update src/app/page.tsx 2026-02-28 07:22:04 +00:00
e52b6d22c3 Update src/app/blog/page.tsx 2026-02-28 07:22:04 +00:00
227c7da0d1 Update src/app/page.tsx 2026-02-28 07:21:57 +00:00
c47eaecc55 Update src/app/menu/page.tsx 2026-02-28 07:21:57 +00:00
87315ea325 Update src/app/layout.tsx 2026-02-28 07:21:56 +00:00
d6f69a3f17 Update src/app/menu/page.tsx 2026-02-28 07:21:48 +00:00
7c6cc552fe Update src/app/page.tsx 2026-02-28 07:21:24 +00:00
c1f705e08b Update src/app/menu/page.tsx 2026-02-28 07:21:23 +00:00
fc04a4a7f8 Update src/app/layout.tsx 2026-02-28 07:21:22 +00:00
9080a8aeaf Merge version_6 into main
Merge version_6 into main
2026-02-28 07:19:16 +00:00
308e897742 Update src/app/menu/page.tsx 2026-02-28 07:19:11 +00:00
6eb66ab19e Update src/app/layout.tsx 2026-02-28 07:19:10 +00:00
2c2b9dda22 Update src/app/menu/page.tsx 2026-02-28 07:04:14 +00:00
ca3a419dfa Update src/app/shop/page.tsx 2026-02-28 07:04:08 +00:00
d412b4ff32 Update src/app/shop/[id]/page.tsx 2026-02-28 07:04:07 +00:00
e4f87fbecc Update src/app/page.tsx 2026-02-28 07:04:06 +00:00
4b252e98e1 Update src/app/blog/page.tsx 2026-02-28 07:04:05 +00:00
d5c72a2d29 Update src/app/shop/page.tsx 2026-02-28 07:03:56 +00:00
6d5596463c Update src/app/shop/[id]/page.tsx 2026-02-28 07:03:55 +00:00
68d17896f6 Update src/app/page.tsx 2026-02-28 07:03:55 +00:00
9e86db3742 Update src/app/blog/page.tsx 2026-02-28 07:03:54 +00:00
89d6ad8ef1 Update src/app/page.tsx 2026-02-28 07:03:25 +00:00
41b8337236 Update src/app/menu/page.tsx 2026-02-28 07:03:24 +00:00
da4c5a8c28 Update src/app/layout.tsx 2026-02-28 07:03:23 +00:00
8d0a9b6649 Update src/app/menu/page.tsx 2026-02-28 07:03:11 +00:00
185a15e194 Merge version_5 into main
Merge version_5 into main
2026-02-28 06:57:13 +00:00
70ae6de928 Update src/app/page.tsx 2026-02-28 06:57:09 +00:00
bf3865c405 Update src/app/menu/page.tsx 2026-02-28 06:57:08 +00:00
96fe286842 Update src/app/layout.tsx 2026-02-28 06:57:07 +00:00
52ca21bcfb Merge version_4 into main
Merge version_4 into main
2026-02-28 06:49:14 +00:00
fe915489ab Update src/app/menu/page.tsx 2026-02-28 06:49:10 +00:00
87acfa593e Merge version_3 into main
Merge version_3 into main
2026-02-28 06:46:58 +00:00
1dd170b2ac Merge version_3 into main
Merge version_3 into main
2026-02-28 06:46:13 +00:00
3 changed files with 95 additions and 194 deletions

View File

@@ -4,12 +4,10 @@ import "./globals.css";
import "./styles/variables.css"; import "./styles/variables.css";
import "./styles/base.css"; import "./styles/base.css";
const inter = Inter({ const inter = Inter({ subsets: ["latin"] });
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Baan Mu - Authentic Thai Cuisine", description: "Experience authentic Thai cuisine at Baan Mu in San Francisco"}; title: "Baan Mu - Authentic Thai Cuisine", description: "Discover authentic Thai cuisine at Baan Mu in San Francisco"};
export default function RootLayout({ export default function RootLayout({
children, children,
@@ -18,7 +16,7 @@ export default function RootLayout({
}) { }) {
return ( return (
<html lang="en"> <html lang="en">
<body className={inter.variable}>{children} <body className={inter.className}>{children}
<script <script
dangerouslySetInnerHTML={{ dangerouslySetInnerHTML={{
__html: ` __html: `

View File

@@ -1,19 +1,52 @@
"use client" "use client";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline'; 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 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 FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider"; import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles, Heart, ChefHat } from "lucide-react"; import { ChefHat } from "lucide-react";
export default function MenuPage() { 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 ( return (
<ThemeProvider <ThemeProvider
defaultButtonVariant="icon-arrow" defaultButtonVariant="icon-arrow"
@@ -27,179 +60,50 @@ export default function MenuPage() {
secondaryButtonStyle="layered" secondaryButtonStyle="layered"
headingFontWeight="semibold" headingFontWeight="semibold"
> >
<div id="nav" data-section="nav"> <ReactLenis root>
<NavbarLayoutFloatingInline <div id="nav" data-section="nav">
brandName="Baan Mu" <NavbarLayoutFloatingInline
navItems={[ brandName="Baan Mu"
{ name: "Home", id: "/" }, navItems={[
{ name: "Menu", id: "/menu" }, { name: "Home", id: "/" },
{ name: "About", id: "about" }, { name: "Menu", id: "/menu" },
{ name: "Reviews", id: "testimonial" }, { name: "About", id: "about" },
{ name: "Contact", id: "contact" } { name: "Reviews", id: "testimonial" },
]} { name: "Contact", id: "contact" }
button={{ ]}
text: "Reserve Now", href: "https://www.opentable.com" button={{
}} text: "Reserve Now", href: "https://www.opentable.com"
/> }}
</div> />
</div>
<div id="hero" data-section="hero"> <div id="menu" data-section="menu">
<HeroBillboard <ProductCardOne
title="Our Complete Menu" title="Full Menu"
description="Explore the full range of authentic Thai dishes we offer. Each item is carefully crafted using traditional recipes and the finest ingredients." 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."
background={{ variant: "sparkles-gradient" }} tag="Chef's Selection"
tag="Since 2019" tagIcon={ChefHat}
tagIcon={Sparkles} tagAnimation="slide-up"
tagAnimation="slide-up" textboxLayout="default"
imageSrc="http://img.b2bpic.net/free-photo/medium-fried-pieces-meat-fried-onions_140725-3560.jpg?_wi=2" useInvertedBackground={false}
imageAlt="Baan Mu Menu" products={menuItems}
mediaAnimation="blur-reveal" gridVariant="four-items-2x2-equal-grid"
buttons={[ animationType="slide-up"
{ text: "Reserve a Table", href: "https://www.opentable.com" }, buttons={[
{ text: "Back Home", href: "/" } { text: "Reserve a Table", href: "https://www.opentable.com" }
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
/> />
</div> </div>
<div id="about" data-section="about"> <div id="footer" data-section="footer">
<TextAbout <FooterLogoReveal
tag="Menu Philosophy" logoText="Baan Mu"
tagIcon={Heart} leftLink={{ text: "Privacy Policy", href: "#" }}
tagAnimation="slide-up" rightLink={{ text: "Contact Us", href: "mailto:hello@baanmu.com" }}
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} </div>
buttons={[ </ReactLenis>
{ 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>
</ThemeProvider> </ThemeProvider>
); );
} }

View File

@@ -31,11 +31,10 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
brandName="Baan Mu" brandName="Baan Mu"
navItems={[ navItems={[
{ name: "Menu", id: "products" }, { name: "Menu", id: "/menu" },
{ name: "About", id: "about" }, { name: "About", id: "about" },
{ name: "Reviews", id: "testimonial" }, { name: "Reviews", id: "testimonial" },
{ name: "Contact", id: "contact" }, { name: "Contact", id: "contact" }
{ name: "Menu Page", id: "/menu" }
]} ]}
button={{ button={{
text: "Reserve Now", href: "https://www.opentable.com" text: "Reserve Now", href: "https://www.opentable.com"
@@ -51,12 +50,12 @@ export default function LandingPage() {
tag="Since 2019" tag="Since 2019"
tagIcon={Sparkles} tagIcon={Sparkles}
tagAnimation="slide-up" tagAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/medium-fried-pieces-meat-fried-onions_140725-3560.jpg?_wi=1" imageSrc="http://img.b2bpic.net/free-photo/medium-fried-pieces-meat-fried-onions_140725-3560.jpg"
imageAlt="Baan Mu Restaurant Interior" imageAlt="Baan Mu Restaurant Interior"
mediaAnimation="blur-reveal" mediaAnimation="blur-reveal"
buttons={[ buttons={[
{ text: "Reserve a Table", href: "https://www.opentable.com" }, { text: "Reserve a Table", href: "https://www.opentable.com" },
{ text: "View Menu", href: "#products" } { text: "View Menu", href: "/menu" }
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
/> />
@@ -145,16 +144,16 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ 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=1", 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", 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=1", 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", 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=1", 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", 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=1", 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", imageAlt: "James Park"
} }
]} ]}
/> />