Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-18 06:27:57 +00:00

View File

@@ -20,457 +20,182 @@ export default function LandingPage() {
defaultButtonVariant="text-shift"
defaultTextAnimation="reveal-blur"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Menu",
id: "menu",
},
{
name: "Reviews",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="The Rustic Bistro"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "Menu", id: "menu" },
{ name: "Reviews", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="The Rustic Bistro"
button={{ text: "Reserve Now", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
title="Culinary Excellence in Every Bite"
description="Experience fine dining with fresh, locally-sourced ingredients and artisanal craftsmanship right in the heart of the city."
testimonials={[
{
name: "Alex R.",
handle: "@alexfoodie",
testimonial: "The best dining experience I've had in years. Incredible flavors!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-chain-necklace_23-2149409803.jpg",
},
{
name: "Sarah M.",
handle: "@sarahcooks",
testimonial: "Everything from the atmosphere to the wine selection was perfect.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg",
},
{
name: "John D.",
handle: "@johndines",
testimonial: "The steak was cooked to absolute perfection. Will definitely return.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-together_23-2149152898.jpg",
},
{
name: "Emily P.",
handle: "@emilyeats",
testimonial: "Absolutely stellar service and world-class culinary innovation.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-dress-cafe_273609-4087.jpg",
},
{
name: "Mike B.",
handle: "@mikeeats",
testimonial: "A true gem! The pasta is to die for.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elegant-couple-spend-time-restaurant_1157-20512.jpg",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg?_wi=1"
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/side-view-iron-teapot-with-glass-tea-potted-plant-table_141793-13004.jpg",
alt: "Diner 1",
},
{
src: "http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg",
alt: "Diner 2",
},
{
src: "http://img.b2bpic.net/free-photo/handsome-guy-hugging-young-cheerful-lady-table_23-2148016786.jpg",
alt: "Diner 3",
},
{
src: "http://img.b2bpic.net/free-photo/shisha-place-with-full-furniture_140725-9261.jpg",
alt: "Diner 4",
},
{
src: "http://img.b2bpic.net/free-photo/elegant-couple-spend-time-restaurant_1157-20504.jpg",
alt: "Diner 5",
},
]}
avatarText="Trusted by 500+ happy diners"
marqueeItems={[
{
type: "text",
text: "Michelin Recommended",
},
{
type: "text",
text: "Locally Sourced Ingredients",
},
{
type: "text",
text: "Authentic Cuisine",
},
{
type: "text",
text: "Family Owned & Operated",
},
{
type: "text",
text: "Est. 2009",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{ variant: "gradient-bars" }}
title="Culinary Excellence in Every Bite"
description="Experience fine dining with fresh, locally-sourced ingredients and artisanal craftsmanship right in the heart of the city."
testimonials={[
{ name: "Alex R.", handle: "@alexfoodie", testimonial: "The best dining experience I've had in years. Incredible flavors!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-chain-necklace_23-2149409803.jpg" },
{ name: "Sarah M.", handle: "@sarahcooks", testimonial: "Everything from the atmosphere to the wine selection was perfect.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg" },
{ name: "John D.", handle: "@johndines", testimonial: "The steak was cooked to absolute perfection. Will definitely return.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-together_23-2149152898.jpg" },
{ name: "Emily P.", handle: "@emilyeats", testimonial: "Absolutely stellar service and world-class culinary innovation.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-dress-cafe_273609-4087.jpg" },
{ name: "Mike B.", handle: "@mikeeats", testimonial: "A true gem! The pasta is to die for.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-couple-spend-time-restaurant_1157-20512.jpg" },
]}
imageSrc="http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg"
mediaAnimation="slide-up"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/side-view-iron-teapot-with-glass-tea-potted-plant-table_141793-13004.jpg", alt: "Diner 1" },
{ src: "http://img.b2bpic.net/free-photo/event-hall-furniture-brown-white-colors_114579-2230.jpg", alt: "Diner 2" },
{ src: "http://img.b2bpic.net/free-photo/handsome-guy-hugging-young-cheerful-lady-table_23-2148016786.jpg", alt: "Diner 3" },
{ src: "http://img.b2bpic.net/free-photo/shisha-place-with-full-furniture_140725-9261.jpg", alt: "Diner 4" },
{ src: "http://img.b2bpic.net/free-photo/elegant-couple-spend-time-restaurant_1157-20504.jpg", alt: "Diner 5" },
]}
avatarText="Trusted by 500+ happy diners"
marqueeItems={[
{ type: "text", text: "Michelin Recommended" },
{ type: "text", text: "Locally Sourced Ingredients" },
{ type: "text", text: "Authentic Cuisine" },
{ type: "text", text: "Family Owned & Operated" },
{ type: "text", text: "Est. 2009" },
]}
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Our Passionate Journey"
description="Rooted in tradition and inspired by modern culinary techniques, we strive to create unforgettable dining experiences for every guest who walks through our doors."
metrics={[
{
value: "15+",
title: "Years of Tradition",
},
{
value: "50+",
title: "Artisanal Recipes",
},
{
value: "100%",
title: "Local Ingredients",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/dedicated-chef-testing-flavors-gourmet-dish-kitchen-counter_482257-121171.jpg?_wi=1"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Our Passionate Journey"
description="Rooted in tradition and inspired by modern culinary techniques, we strive to create unforgettable dining experiences for every guest who walks through our doors."
metrics={[
{ value: "15+", title: "Years of Tradition" },
{ value: "50+", title: "Artisanal Recipes" },
{ value: "100%", title: "Local Ingredients" },
]}
imageSrc="http://img.b2bpic.net/free-photo/dedicated-chef-testing-flavors-gourmet-dish-kitchen-counter_482257-121171.jpg"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
</div>
<div id="features" data-section="features">
<FeatureBento
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Farm to Table",
description: "We source all our fresh ingredients from local farms daily.",
bentoComponent: "reveal-icon",
icon: Leaf,
imageSrc: "http://img.b2bpic.net/free-photo/tomatoes-stall-market-sanarysurmer_268835-3781.jpg",
imageAlt: "fresh organic ingredients vegetables",
},
{
title: "Craft Bar",
description: "Curated selection of spirits and local craft wines.",
bentoComponent: "reveal-icon",
icon: Wine,
imageSrc: "http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg?_wi=2",
imageAlt: "fresh organic ingredients vegetables",
},
{
title: "Cozy Atmosphere",
description: "Relax in our warm, rustic, and elegant dining area.",
bentoComponent: "reveal-icon",
icon: Home,
imageSrc: "http://img.b2bpic.net/free-photo/dedicated-chef-testing-flavors-gourmet-dish-kitchen-counter_482257-121171.jpg?_wi=2",
imageAlt: "fresh organic ingredients vegetables",
},
]}
title="Why Choose Us"
description="From farm-fresh sourcing to our exquisite bar selection, we deliver the highest standard in dining."
/>
</div>
<div id="features" data-section="features">
<FeatureBento
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{ title: "Farm to Table", description: "We source all our fresh ingredients from local farms daily.", bentoComponent: "reveal-icon", icon: Leaf },
{ title: "Craft Bar", description: "Curated selection of spirits and local craft wines.", bentoComponent: "reveal-icon", icon: Wine },
{ title: "Cozy Atmosphere", description: "Relax in our warm, rustic, and elegant dining area.", bentoComponent: "reveal-icon", icon: Home },
]}
title="Why Choose Us"
description="From farm-fresh sourcing to our exquisite bar selection, we deliver the highest standard in dining."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Entree",
name: "Prime Ribeye Steak",
price: "$45",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-sauce-fried-eggplant_140725-2972.jpg",
},
{
id: "p2",
brand: "Appetizer",
name: "Garden Fresh Salad",
price: "$12",
rating: 4,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/healthy-salad-with-cheese-close-up_23-2148517001.jpg",
},
{
id: "p3",
brand: "Entree",
name: "Homemade Pasta",
price: "$28",
rating: 5,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/chicken-caesar-table-top-view_140725-6547.jpg",
},
{
id: "p4",
brand: "Dessert",
name: "Chocolate Lava Cake",
price: "$14",
rating: 5,
reviewCount: "340",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-chocolate-cake_23-2148549956.jpg",
},
{
id: "p5",
brand: "Side",
name: "Artisan Bread Basket",
price: "$8",
rating: 4,
reviewCount: "50",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-mexican-sweetness_23-2149666282.jpg",
},
{
id: "p6",
brand: "Entree",
name: "Fresh Catch Seafood",
price: "$38",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/salmon-with-sushi_1203-697.jpg",
},
]}
title="Our Signature Dishes"
description="Explore our chef's curated selections of seasonal favorites and classic comfort food, prepared with meticulous attention to detail."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "p1", brand: "Entree", name: "Prime Ribeye Steak", price: "$45", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-sauce-fried-eggplant_140725-2972.jpg" },
{ id: "p2", brand: "Appetizer", name: "Garden Fresh Salad", price: "$12", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/healthy-salad-with-cheese-close-up_23-2148517001.jpg" },
{ id: "p3", brand: "Entree", name: "Homemade Pasta", price: "$28", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/chicken-caesar-table-top-view_140725-6547.jpg" },
{ id: "p4", brand: "Dessert", name: "Chocolate Lava Cake", price: "$14", rating: 5, reviewCount: "340", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-chocolate-cake_23-2148549956.jpg" },
{ id: "p5", brand: "Side", name: "Artisan Bread Basket", price: "$8", rating: 4, reviewCount: "50", imageSrc: "http://img.b2bpic.net/free-photo/still-life-mexican-sweetness_23-2149666282.jpg" },
{ id: "p6", brand: "Entree", name: "Fresh Catch Seafood", price: "$38", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/salmon-with-sushi_1203-697.jpg" },
]}
title="Our Signature Dishes"
description="Explore our chef's curated selections of seasonal favorites and classic comfort food, prepared with meticulous attention to detail."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25275.jpg",
},
{
id: "2",
name: "Michael B.",
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-eating-restaurant_23-2148395385.jpg",
},
{
id: "3",
name: "Elena R.",
imageSrc: "http://img.b2bpic.net/free-photo/communicating-with-multicultural-colleagues-small-local-cosy-restaurant-with-delicious-food_8353-10023.jpg",
},
{
id: "4",
name: "David W.",
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187167.jpg",
},
{
id: "5",
name: "Linda P.",
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-night_23-2149236903.jpg",
},
]}
cardTitle="Guest Highlights"
cardTag="Reviews"
cardAnimation="slide-up"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-salad-cafe_1303-25275.jpg" },
{ id: "2", name: "Michael B.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-eating-restaurant_23-2148395385.jpg" },
{ id: "3", name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/communicating-with-multicultural-colleagues-small-local-cosy-restaurant-with-delicious-food_8353-10023.jpg" },
{ id: "4", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-dining-out_23-2149187167.jpg" },
{ id: "5", name: "Linda P.", imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-night_23-2149236903.jpg" },
]}
cardTitle="Guest Highlights"
cardTag="Reviews"
cardAnimation="slide-up"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "basic",
title: "Intimate Gathering",
price: "$500",
period: "/event",
features: [
"Private area",
"Custom 3-course menu",
"Personal server",
],
button: {
text: "Inquire Now",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-white-wine-carafe-glass_23-2149706761.jpg",
imageAlt: "handcrafted cocktail bar drink",
},
{
id: "pro",
title: "Corporate Event",
price: "$1,200",
period: "/event",
features: [
"Full venue access",
"Buffet or plated options",
"Projector included",
],
button: {
text: "Inquire Now",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg?_wi=3",
imageAlt: "handcrafted cocktail bar drink",
},
{
id: "premium",
title: "Grand Celebration",
price: "$2,500",
period: "/event",
features: [
"Exclusive restaurant buyout",
"Open bar selection",
"Chef collaboration",
],
button: {
text: "Inquire Now",
href: "#contact",
},
imageSrc: "http://img.b2bpic.net/free-photo/dedicated-chef-testing-flavors-gourmet-dish-kitchen-counter_482257-121171.jpg?_wi=3",
imageAlt: "handcrafted cocktail bar drink",
},
]}
title="Private Dining Events"
description="Host your special occasions in our elegant dining rooms with bespoke menus tailored to your needs."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
plans={[
{ id: "basic", title: "Intimate Gathering", price: "$500", period: "/event", features: ["Private area", "Custom 3-course menu", "Personal server"], button: { text: "Inquire Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-white-wine-carafe-glass_23-2149706761.jpg" },
{ id: "pro", title: "Corporate Event", price: "$1,200", period: "/event", features: ["Full venue access", "Buffet or plated options", "Projector included"], button: { text: "Inquire Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg" },
{ id: "premium", title: "Grand Celebration", price: "$2,500", period: "/event", features: ["Exclusive restaurant buyout", "Open bar selection", "Chef collaboration"], button: { text: "Inquire Now", href: "#contact" }, imageSrc: "http://img.b2bpic.net/free-photo/dedicated-chef-testing-flavors-gourmet-dish-kitchen-counter_482257-121171.jpg" },
]}
title="Private Dining Events"
description="Host your special occasions in our elegant dining rooms with bespoke menus tailored to your needs."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do I need a reservation?",
content: "Yes, we highly recommend booking in advance, especially for weekends.",
},
{
id: "f2",
title: "Are there vegetarian options?",
content: "Yes, we provide several gourmet vegetarian and gluten-free choices on our menu.",
},
{
id: "f3",
title: "How do I book a private event?",
content: "Please fill out our contact form or call us directly to discuss event availability.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-asian-waitress-cafe-manager-working-with-tablet-graphic-tablet_1258-199016.jpg"
title="Questions Answered"
description="Everything you need to know about our reservation policy, dietary options, and event bookings."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Do I need a reservation?", content: "Yes, we highly recommend booking in advance, especially for weekends." },
{ id: "f2", title: "Are there vegetarian options?", content: "Yes, we provide several gourmet vegetarian and gluten-free choices on our menu." },
{ id: "f3", title: "How do I book a private event?", content: "Please fill out our contact form or call us directly to discuss event availability." },
]}
imageSrc="http://img.b2bpic.net/free-photo/young-asian-waitress-cafe-manager-working-with-tablet-graphic-tablet_1258-199016.jpg"
title="Questions Answered"
description="Everything you need to know about our reservation policy, dietary options, and event bookings."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Book Your Table"
description="Let us know your preferences and we'll reach out to confirm your reservation or event inquiry."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
]}
textarea={{
name: "message",
placeholder: "Your request or message",
rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/luxury-dining-room-authentic-interior-design_53876-129853.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Book Your Table"
description="Let us know your preferences and we'll reach out to confirm your reservation or event inquiry."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true },
]}
textarea={{ name: "message", placeholder: "Your request or message", rows: 4, required: true }}
imageSrc="http://img.b2bpic.net/free-photo/luxury-dining-room-authentic-interior-design_53876-129853.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Visit Us",
items: [
{
label: "123 Main St, USA",
href: "#",
},
{
label: "contact@rusticbistro.com",
href: "mailto:contact@rusticbistro.com",
},
],
},
{
title: "Hours",
items: [
{
label: "Mon-Fri: 11am - 10pm",
href: "#",
},
{
label: "Sat-Sun: 10am - 11pm",
href: "#",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="The Rustic Bistro"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Visit Us", items: [{ label: "123 Main St, USA", href: "#" }, { label: "contact@rusticbistro.com", href: "mailto:contact@rusticbistro.com" }] },
{ title: "Hours", items: [{ label: "Mon-Fri: 11am - 10pm", href: "#" }, { label: "Sat-Sun: 10am - 11pm", href: "#" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
logoText="The Rustic Bistro"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}