|
|
|
|
@@ -1,17 +1,10 @@
|
|
|
|
|
"use client"
|
|
|
|
|
"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, Users } 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,60 @@ 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 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="Signature Dishes"
|
|
|
|
|
description="Explore our carefully curated selection of authentic Thai favorites, each prepared with fresh ingredients and traditional techniques."
|
|
|
|
|
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"
|
|
|
|
|
@@ -94,105 +102,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"
|
|
|
|
|
|
