Merge version_1 into main #2
361
src/app/page.tsx
361
src/app/page.tsx
@@ -26,263 +26,122 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Lumière Bistro"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "features" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Lumière Bistro"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Culinary Artistry at Lumière"
|
||||
description="Experience a seasonal menu crafted with passion, served in an atmosphere of warmth and sophistication."
|
||||
tag="Since 1994"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-dinner-table-with-plates-cutlery-yellow-blue-glasses_140725-8444.jpg?_wi=1",
|
||||
imageAlt: "Upscale dining atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg?_wi=1",
|
||||
imageAlt: "Culinary plating detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dinner-table_53876-31644.jpg?_wi=1",
|
||||
imageAlt: "Vintage wine service",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wine-glass-table-setting_74190-4678.jpg",
|
||||
imageAlt: "Fine dining evening setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081868.jpg",
|
||||
imageAlt: "Gourmet dish presentation",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dining-silverware-nobody-glass-fine_1203-5754.jpg",
|
||||
imageAlt: "Professional kitchen artistry",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Culinary Artistry at Lumière"
|
||||
description="Experience a seasonal menu crafted with passion, served in an atmosphere of warmth and sophistication."
|
||||
tag="Since 1994"
|
||||
buttons={[{ text: "Book a Table", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/restaurant-dinner-table-with-plates-cutlery-yellow-blue-glasses_140725-8444.jpg", imageAlt: "Upscale dining atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg", imageAlt: "Culinary plating detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dinner-table_53876-31644.jpg", imageAlt: "Vintage wine service" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/wine-glass-table-setting_74190-4678.jpg", imageAlt: "Fine dining evening setting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081868.jpg", imageAlt: "Gourmet dish presentation" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/dining-silverware-nobody-glass-fine_1203-5754.jpg", imageAlt: "Professional kitchen artistry" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Crafting unforgettable memories ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/chopping-tomatoes-cutting-board_53876-144779.jpg",
|
||||
alt: "Chef in kitchen",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " one plate at a time.",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Story",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Crafting unforgettable memories " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/chopping-tomatoes-cutting-board_53876-144779.jpg", alt: "Chef in kitchen" },
|
||||
{ type: "text", content: " one plate at a time." },
|
||||
]}
|
||||
buttons={[{ text: "Our Story", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Seasonal Flavors",
|
||||
description: "Ingredients sourced daily from local farmers, ensuring the freshest taste of the season.",
|
||||
icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-mushrooms-red-green-tomatoes-bell-peppers-chopping-board_140725-145360.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-mushrooms-red-green-tomatoes-bell-peppers-chopping-board_140725-145360.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-dinner-table-with-plates-cutlery-yellow-blue-glasses_140725-8444.jpg?_wi=2",
|
||||
imageAlt: "upscale restaurant dining room elegant",
|
||||
},
|
||||
{
|
||||
title: "World-Class Selection",
|
||||
description: "Hand-picked wines from prestigious vineyards to complement every bite perfectly.",
|
||||
icon: Wine,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-accessories-standing-shelf_1304-4084.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/decorative-accessories-standing-shelf_1304-4084.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-sitting-cafe_627829-5456.jpg?_wi=2",
|
||||
imageAlt: "fine dining kitchen chefs working",
|
||||
},
|
||||
{
|
||||
title: "Artisanal Craft",
|
||||
description: "From handmade pasta to fresh-baked sourdough, every detail is crafted in-house.",
|
||||
icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bread-chopper-with-black-background_23-2148288108.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-bread-chopper-with-black-background_23-2148288108.jpg?_wi=2",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dinner-table_53876-31644.jpg?_wi=2",
|
||||
imageAlt: "restaurant wine service elegant pouring",
|
||||
},
|
||||
]}
|
||||
title="A Menu of Wonders"
|
||||
description="Our chef-curated selection blends traditional techniques with modern culinary innovation."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyFive
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="A Menu of Wonders"
|
||||
description="Our chef-curated selection blends traditional techniques with modern culinary innovation."
|
||||
features={[
|
||||
{
|
||||
title: "Seasonal Flavors", description: "Ingredients sourced daily from local farmers, ensuring the freshest taste of the season.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-mushrooms-red-green-tomatoes-bell-peppers-chopping-board_140725-145360.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-vegetables-mushrooms-red-green-tomatoes-bell-peppers-chopping-board_140725-145360.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "World-Class Selection", description: "Hand-picked wines from prestigious vineyards to complement every bite perfectly.", icon: Wine,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/decorative-accessories-standing-shelf_1304-4084.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/decorative-accessories-standing-shelf_1304-4084.jpg" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Artisanal Craft", description: "From handmade pasta to fresh-baked sourdough, every detail is crafted in-house.", icon: Award,
|
||||
mediaItems: [
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-bread-chopper-with-black-background_23-2148288108.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-bread-chopper-with-black-background_23-2148288108.jpg" }
|
||||
]
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Food Critic",
|
||||
testimonial: "An exquisite culinary journey. Every course was a masterpiece of taste.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-wine-together_23-2148454148.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Anderson",
|
||||
role: "Patron",
|
||||
testimonial: "The atmosphere and service were impeccable. Simply world-class.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/she-s-ready-making-coffee_329181-2917.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Chen",
|
||||
role: "Foodie",
|
||||
testimonial: "Lumière is a hidden gem. I recommend the chef's tasting menu.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-lunch-while-eating-with-her-boyfriend-restaurant_637285-1953.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Smith",
|
||||
role: "Regular",
|
||||
testimonial: "The attention to detail in every dish is just stunning. A must visit.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-wine-glass-kissing-man-forehead_23-2148014532.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alice Johnson",
|
||||
role: "Patron",
|
||||
testimonial: "Atmosphere and food combined into an unforgettable night out.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg",
|
||||
},
|
||||
]}
|
||||
title="From Our Guests"
|
||||
description="Read what our cherished patrons say about their experience at Lumière."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="From Our Guests"
|
||||
description="Read what our cherished patrons say about their experience at Lumière."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah Miller", role: "Food Critic", testimonial: "An exquisite culinary journey. Every course was a masterpiece of taste.", imageSrc: "http://img.b2bpic.net/free-photo/group-young-friends-having-wine-together_23-2148454148.jpg" },
|
||||
{ id: "2", name: "James Anderson", role: "Patron", testimonial: "The atmosphere and service were impeccable. Simply world-class.", imageSrc: "http://img.b2bpic.net/free-photo/she-s-ready-making-coffee_329181-2917.jpg" },
|
||||
{ id: "3", name: "Emily Chen", role: "Foodie", testimonial: "Lumière is a hidden gem. I recommend the chef's tasting menu.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-lunch-while-eating-with-her-boyfriend-restaurant_637285-1953.jpg" },
|
||||
{ id: "4", name: "David Smith", role: "Regular", testimonial: "The attention to detail in every dish is just stunning. A must visit.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-wine-glass-kissing-man-forehead_23-2148014532.jpg" },
|
||||
{ id: "5", name: "Alice Johnson", role: "Patron", testimonial: "Atmosphere and food combined into an unforgettable night out.", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Reserve Your Table"
|
||||
title="Join Us Tonight"
|
||||
description="Secure your table for an evening of fine dining and culinary excellence."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brick-wall-vintage-architecture_1359-827.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Send Reservation Request"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Reserve Your Table"
|
||||
title="Join Us Tonight"
|
||||
description="Secure your table for an evening of fine dining and culinary excellence."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/brick-wall-vintage-architecture_1359-827.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Send Reservation Request"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "Reservation",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Lumière Bistro"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="Lumière Bistro"
|
||||
columns={[
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "About Us", href: "#about" }, { label: "Menu", href: "#features" }] },
|
||||
{ items: [{ label: "Reviews", href: "#testimonials" }, { label: "Reservation", href: "#contact" }, { label: "Privacy Policy", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user