Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-05-15 15:10:23 +00:00

View File

@@ -15,394 +15,159 @@ import TestimonialCardThirteen from '@/components/sections/testimonial/Testimoni
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="fluid"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
defaultButtonVariant="elastic-effect"
defaultTextAnimation="background-highlight"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="fluid"
cardStyle="glass-elevated"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="layered"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Menu",
id: "menu",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Lumiere"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "hero" },
{ name: "Menu", id: "menu" },
{ name: "Testimonials", id: "testimonials" },
{ name: "Contact", id: "contact" },
]}
brandName="Lumiere"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
title="A Symphony of Flavors"
description="Experience culinary excellence crafted with passion and fresh, locally sourced ingredients in an intimate, elegant setting."
testimonials={[
{
name: "Elena Rossi",
handle: "@elena.foodie",
testimonial: "An unforgettable experience! The flavors are perfectly balanced.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg",
},
{
name: "Marc Dubois",
handle: "@marc.travels",
testimonial: "The best fine dining I have had this year. Pure perfection.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg",
},
{
name: "Sarah Miller",
handle: "@sarah.eats",
testimonial: "Exquisite ingredients and impeccable service. Highly recommend.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-dark-skinned-smiling-young-woman-with-afro-hairstyle-dressed-casual-summer-clothing_273609-3169.jpg",
},
{
name: "James Chen",
handle: "@james.reviews",
testimonial: "The atmosphere is warm and the food is masterful.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg",
},
{
name: "Maria Garcia",
handle: "@maria.dine",
testimonial: "A beautiful hidden gem with exceptional culinary talent.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/dining-table-with-chairs-tableware_140725-7822.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/cute-elegant-calm-happy-woman-green-summer-dress-sits-with-coffee-cafe-enjoying-morning_343596-3669.jpg",
alt: "Diner 1",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg",
alt: "Diner 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg",
alt: "Diner 3",
},
{
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
alt: "Diner 4",
},
{
src: "http://img.b2bpic.net/free-photo/cute-tanned-brunette-woman-stylish-red-dress-beret-sunglasses-sits-cafe_197531-24181.jpg",
alt: "Diner 5",
},
]}
avatarText="Join 20,000+ satisfied guests"
marqueeItems={[
{
type: "text",
text: "Locally Sourced",
},
{
type: "text",
text: "Seasonal Menu",
},
{
type: "text",
text: "Fine Dining",
},
{
type: "text",
text: "Award Winning",
},
{
type: "text",
text: "Exceptional Service",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
useInvertedBackground={true}
background={{ variant: "gradient-bars" }}
title="A Symphony of Flavors"
description="Experience culinary excellence crafted with passion and fresh, locally sourced ingredients in an intimate, elegant setting."
testimonials={[
{ name: "Elena Rossi", handle: "@elena.foodie", testimonial: "An unforgettable experience! The flavors are perfectly balanced.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg" },
{ name: "Marc Dubois", handle: "@marc.travels", testimonial: "The best fine dining I have had this year. Pure perfection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg" },
{ name: "Sarah Miller", handle: "@sarah.eats", testimonial: "Exquisite ingredients and impeccable service. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cropped-shot-dark-skinned-smiling-young-woman-with-afro-hairstyle-dressed-casual-summer-clothing_273609-3169.jpg" },
{ name: "James Chen", handle: "@james.reviews", testimonial: "The atmosphere is warm and the food is masterful.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg" },
{ name: "Maria Garcia", handle: "@maria.dine", testimonial: "A beautiful hidden gem with exceptional culinary talent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg" },
]}
imageSrc="http://img.b2bpic.net/free-photo/dining-table-with-chairs-tableware_140725-7822.jpg"
mediaAnimation="blur-reveal"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/cute-elegant-calm-happy-woman-green-summer-dress-sits-with-coffee-cafe-enjoying-morning_343596-3669.jpg", alt: "Diner 1" },
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg", alt: "Diner 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg", alt: "Diner 3" },
{ src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg", alt: "Diner 4" },
{ src: "http://img.b2bpic.net/free-photo/cute-tanned-brunette-woman-stylish-red-dress-beret-sunglasses-sits-cafe_197531-24181.jpg", alt: "Diner 5" },
]}
avatarText="Join 20,000+ satisfied guests"
marqueeItems={[
{ type: "text", text: "Locally Sourced" },
{ type: "text", text: "Seasonal Menu" },
{ type: "text", text: "Fine Dining" },
{ type: "text", text: "Award Winning" },
{ type: "text", text: "Exceptional Service" },
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardSixteen
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: [
"No processed additives",
"No rush service",
"No frozen ingredients",
"No artificial colors",
"No synthetic preservatives",
],
}}
positiveCard={{
items: [
"Locally sourced ingredients",
"Chef-curated seasonal menu",
"Premium wine selection",
"Organic farm-to-table",
"Sustainable practices",
],
}}
title="Why Dine With Us?"
description="We blend tradition with modern culinary techniques to bring you a unique dining experience."
/>
</div>
<div id="features" data-section="features">
<FeatureCardSixteen
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{ items: ["No processed additives", "No rush service", "No frozen ingredients", "No artificial colors", "No synthetic preservatives"] }}
positiveCard={{ items: ["Locally sourced ingredients", "Chef-curated seasonal menu", "Premium wine selection", "Organic farm-to-table", "Sustainable practices"] }}
title="Why Dine With Us?"
description="We blend tradition with modern culinary techniques to bring you a unique dining experience."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Appetizer",
name: "Truffle Mushroom Risotto",
price: "$24",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-sauce-with-tomato_140725-2964.jpg",
},
{
id: "p2",
brand: "Main",
name: "Seared Atlantic Salmon",
price: "$38",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-spices-tomato-slices-teriyaki-sauce_114579-3348.jpg",
},
{
id: "p3",
brand: "Main",
name: "Herb-Crusted Rack of Lamb",
price: "$45",
rating: 5,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/beverage-topped-with-fried-orange-slice_141793-1126.jpg",
},
{
id: "p4",
brand: "Side",
name: "Artisan Sourdough Platter",
price: "$12",
rating: 4,
reviewCount: "80",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-tasty-dish-with-bacon-beef-white-plate_181624-20789.jpg",
},
{
id: "p5",
brand: "Main",
name: "Braised Wagyu Beef",
price: "$52",
rating: 5,
reviewCount: "200",
imageSrc: "http://img.b2bpic.net/free-photo/traditional-italian-dishes-gnocchi-with-duck_501050-746.jpg",
},
{
id: "p6",
brand: "Dessert",
name: "Valrhona Chocolate Torte",
price: "$18",
rating: 5,
reviewCount: "185",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-yummy-cakes-with-cream-strawberries-white-surface-birthday-celebration-sweet-biscuit-cake_140725-101970.jpg",
},
]}
title="Signature Menu"
description="Discover our chef's selection of exquisite dishes that delight the palate."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardTwo
animationType="blur-reveal"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
products={[
{ id: "p1", brand: "Appetizer", name: "Truffle Mushroom Risotto", price: "$24", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-sauce-with-tomato_140725-2964.jpg" },
{ id: "p2", brand: "Main", name: "Seared Atlantic Salmon", price: "$38", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-spices-tomato-slices-teriyaki-sauce_114579-3348.jpg" },
{ id: "p3", brand: "Main", name: "Herb-Crusted Rack of Lamb", price: "$45", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/beverage-topped-with-fried-orange-slice_141793-1126.jpg" },
{ id: "p4", brand: "Side", name: "Artisan Sourdough Platter", price: "$12", rating: 4, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-tasty-dish-with-bacon-beef-white-plate_181624-20789.jpg" },
{ id: "p5", brand: "Main", name: "Braised Wagyu Beef", price: "$52", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/traditional-italian-dishes-gnocchi-with-duck_501050-746.jpg" },
{ id: "p6", brand: "Dessert", name: "Valrhona Chocolate Torte", price: "$18", rating: 5, reviewCount: "185", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-yummy-cakes-with-cream-strawberries-white-surface-birthday-celebration-sweet-biscuit-cake_140725-101970.jpg" },
]}
title="Signature Menu"
description="Discover our chef's selection of exquisite dishes that delight the palate."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Elena Rossi",
handle: "@elena.foodie",
testimonial: "Everything was truly exquisite. A masterpiece of flavors.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005452.jpg",
},
{
id: "t2",
name: "Marc Dubois",
handle: "@marc.travels",
testimonial: "A must-visit for any gastronomy lover. Impeccable service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-sitting-table_23-2149212131.jpg",
},
{
id: "t3",
name: "Sarah Miller",
handle: "@sarah.eats",
testimonial: "The atmosphere and food are beyond expectation.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-5148.jpg",
},
{
id: "t4",
name: "James Chen",
handle: "@james.reviews",
testimonial: "A highlight of my trip. The chef is a true artist.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153754.jpg",
},
{
id: "t5",
name: "Maria Garcia",
handle: "@maria.dine",
testimonial: "Truly romantic setting and sensational flavors.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-brown-bra-smiles-widely-eats-tasty-waffle-with-ice-cream-chocolate-sauce_197531-18186.jpg",
},
]}
showRating={true}
title="What Our Guests Say"
description="Your experiences are the heart of our passion. Here is what diners share."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardThirteen
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", name: "Elena Rossi", handle: "@elena.foodie", testimonial: "Everything was truly exquisite. A masterpiece of flavors.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005452.jpg" },
{ id: "t2", name: "Marc Dubois", handle: "@marc.travels", testimonial: "A must-visit for any gastronomy lover. Impeccable service.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-sitting-table_23-2149212131.jpg" },
{ id: "t3", name: "Sarah Miller", handle: "@sarah.eats", testimonial: "The atmosphere and food are beyond expectation.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-sitting-cafe_273609-5148.jpg" },
{ id: "t4", name: "James Chen", handle: "@james.reviews", testimonial: "A highlight of my trip. The chef is a true artist.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153754.jpg" },
{ id: "t5", name: "Maria Garcia", handle: "@maria.dine", testimonial: "Truly romantic setting and sensational flavors.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-brown-bra-smiles-widely-eats-tasty-waffle-with-ice-cream-chocolate-sauce_197531-18186.jpg" },
]}
showRating={true}
title="What Our Guests Say"
description="Your experiences are the heart of our passion. Here is what diners share."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={true}
title="Milestones of Excellence"
tag="Our Stats"
metrics={[
{
id: "m1",
value: "15+",
description: "Years of Culinary Passion",
},
{
id: "m2",
value: "500+",
description: "Award-Winning Dishes Created",
},
{
id: "m3",
value: "20K+",
description: "Happy Guests Served",
},
]}
metricsAnimation="slide-up"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={true}
title="Milestones of Excellence"
tag="Our Stats"
metrics={[
{ id: "m1", value: "15+", description: "Years of Culinary Passion" },
{ id: "m2", value: "500+", description: "Award-Winning Dishes Created" },
{ id: "m3", value: "20K+", description: "Happy Guests Served" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do I need a reservation?",
content: "Yes, we highly recommend booking in advance, especially during weekends.",
},
{
id: "f2",
title: "Do you offer private dining?",
content: "Absolutely, we have an intimate private room perfect for special occasions.",
},
{
id: "f3",
title: "Can you accommodate allergies?",
content: "Our kitchen is happy to cater to specific dietary needs. Please let us know when booking.",
},
]}
title="Frequently Asked Questions"
description="Have questions? We have the answers."
faqsAnimation="blur-reveal"
/>
</div>
<div id="faq" data-section="faq">
<FaqDouble
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "f1", title: "Do I need a reservation?", content: "Yes, we highly recommend booking in advance, especially during weekends." },
{ id: "f2", title: "Do you offer private dining?", content: "Absolutely, we have an intimate private room perfect for special occasions." },
{ id: "f3", title: "Can you accommodate allergies?", content: "Our kitchen is happy to cater to specific dietary needs. Please let us know when booking." },
]}
title="Frequently Asked Questions"
description="Have questions? We have the answers."
faqsAnimation="blur-reveal"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
text="Ready to book your table? Join us for an extraordinary evening."
buttons={[
{
text: "Book a Table",
href: "#",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "sparkles-gradient" }}
text="Ready to book your table? Join us for an extraordinary evening."
buttons={[{ text: "Book a Table", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Explore",
items: [
{
label: "Menu",
href: "#menu",
},
{
label: "Reservations",
href: "#",
},
{
label: "Contact",
href: "#contact",
},
],
},
{
title: "Support",
items: [
{
label: "FAQ",
href: "#faq",
},
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
logoText="Lumiere"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Explore", items: [{ label: "Menu", href: "#menu" }, { label: "Reservations", href: "#" }, { label: "Contact", href: "#contact" }] },
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
logoText="Lumiere"
/>
</div>
</ReactLenis>
</ThemeProvider>
);