Compare commits
26 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 770daaa27c | |||
| 2aa9fa6f85 | |||
| 5fda2d3fef | |||
| d980828de9 | |||
| eae4aad4d2 | |||
| a0a51cdd95 | |||
| e03d042c45 | |||
| 012fd9b227 | |||
| 2fe29e15c4 | |||
| 42d92ee84f | |||
| 4019a354d5 | |||
| 57bcfd5767 | |||
| f553f73a85 | |||
| 80b191598b | |||
| f2f9edb973 | |||
| 2c315fc62e | |||
| 4a912b8ab1 | |||
| e52b6d22c3 | |||
| 227c7da0d1 | |||
| c47eaecc55 | |||
| 87315ea325 | |||
| d6f69a3f17 | |||
| 7c6cc552fe | |||
| c1f705e08b | |||
| fc04a4a7f8 | |||
| 9080a8aeaf |
@@ -1,7 +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({ subsets: ["latin"] });
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Baan Mu - Thai Restaurant", description: "Authentic Thai cuisine at Baan Mu"};
|
||||
title: "Baan Mu - Authentic Thai Cuisine", description: "Discover authentic Thai cuisine at Baan Mu in San Francisco"};
|
||||
|
||||
export default function RootLayout({
|
||||
children,
|
||||
@@ -10,7 +16,7 @@ export default function RootLayout({
|
||||
}) {
|
||||
return (
|
||||
<html lang="en">
|
||||
<body>{children}
|
||||
<body className={inter.className}>{children}
|
||||
<script
|
||||
dangerouslySetInnerHTML={{
|
||||
__html: `
|
||||
|
||||
@@ -1,12 +1,52 @@
|
||||
"use client";
|
||||
|
||||
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, Users } from "lucide-react";
|
||||
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,115 +60,50 @@ export default function MenuPage() {
|
||||
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>
|
||||
<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="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">
|
||||
<div id="menu" data-section="menu">
|
||||
<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."
|
||||
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={[
|
||||
{
|
||||
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"
|
||||
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 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>
|
||||
<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>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -11,7 +11,7 @@ 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 { Sparkles, Heart, ChefHat, Users } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,11 +31,10 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Baan Mu"
|
||||
navItems={[
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Menu", id: "/menu" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Reviews", id: "testimonial" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
{ name: "Menu Page", id: "/menu" }
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
button={{
|
||||
text: "Reserve Now", href: "https://www.opentable.com"
|
||||
@@ -51,14 +50,21 @@ 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?_wi=1"
|
||||
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: "Reserve a Table", href: "https://www.opentable.com" },
|
||||
{ text: "View Menu", href: "#products" }
|
||||
{ text: "View Menu", href: "/menu" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon", icon: Users,
|
||||
text: "Trusted by over 2000 customers"
|
||||
}
|
||||
]}
|
||||
showMarqueeCard={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -145,16 +151,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?_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"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
@@ -202,4 +208,4 @@ export default function LandingPage() {
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user