Merge version_1 into main #1
386
src/app/page.tsx
386
src/app/page.tsx
@@ -25,286 +25,124 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Lumiére Dining"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Lumiére Dining"
|
||||
button={{ text: "Book Table", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="A Culinary Experience Like No Other"
|
||||
description="Discover seasonal flavors and artistic creations in the heart of the city. Join us for a journey of taste and refinement."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Years Experience",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Signature Dishes",
|
||||
},
|
||||
{
|
||||
value: "5k+",
|
||||
label: "Happy Guests",
|
||||
},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/decorated-wedding-reception-venue-with-view-sea-through-windows_637285-1001.jpg"
|
||||
imageAlt="Fine dining restaurant scene"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg",
|
||||
alt: "Smiling diner",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg",
|
||||
alt: "Happy guest",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-couple-sharing-fast-food_329181-20757.jpg",
|
||||
alt: "Couple dining",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg",
|
||||
alt: "Satisfied visitor",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-table_23-2149684349.jpg",
|
||||
alt: "Guest enjoying meal",
|
||||
},
|
||||
]}
|
||||
avatarText="Loved by over 5,000 food enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Michelin Star Rated",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Organic Ingredients",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Locally Sourced",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Artisanal Preparation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Seasonal Menu",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="A Culinary Experience Like No Other"
|
||||
description="Discover seasonal flavors and artistic creations in the heart of the city. Join us for a journey of taste and refinement."
|
||||
kpis={[
|
||||
{ value: "15+", label: "Years Experience" },
|
||||
{ value: "50+", label: "Signature Dishes" },
|
||||
{ value: "5k+", label: "Happy Guests" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/decorated-wedding-reception-venue-with-view-sea-through-windows_637285-1001.jpg"
|
||||
imageAlt="Fine dining restaurant scene"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/vertical-photo-beautiful-lady-sitting-restaurant-smiling-camera_114579-92383.jpg", alt: "Smiling diner" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006709.jpg", alt: "Happy guest" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiley-couple-sharing-fast-food_329181-20757.jpg", alt: "Couple dining" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg", alt: "Satisfied visitor" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-table_23-2149684349.jpg", alt: "Guest enjoying meal" }
|
||||
]}
|
||||
avatarText="Loved by over 5,000 food enthusiasts"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Michelin Star Rated" },
|
||||
{ type: "text", text: "Organic Ingredients" },
|
||||
{ type: "text", text: "Locally Sourced" },
|
||||
{ type: "text", text: "Artisanal Preparation" },
|
||||
{ type: "text", text: "Seasonal Menu" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="Crafting unforgettable memories one plate at a time."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="Crafting unforgettable memories one plate at a time."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Truffle Risotto",
|
||||
price: "$28",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-table_23-2150857722.jpg",
|
||||
imageAlt: "Truffle Risotto",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Herb Crusted Salmon",
|
||||
price: "$34",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720768.jpg",
|
||||
imageAlt: "Herb Crusted Salmon",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Wagyu Beef Filet",
|
||||
price: "$52",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-fusion-food-with-sushi-seasonings-plate-wooden-surface_181624-42994.jpg",
|
||||
imageAlt: "Wagyu Beef Filet",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
name: "Garden Asparagus",
|
||||
price: "$18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-plate-with-fish-cooked-fish-juicy-fish-plate-delicacy-seafood-lovers_639032-337.jpg",
|
||||
imageAlt: "Garden Asparagus",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
name: "Citrus Glazed Duck",
|
||||
price: "$42",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-shrimp-caesar-plate-topped-with-potato-shoestrings_140725-5064.jpg",
|
||||
imageAlt: "Citrus Glazed Duck",
|
||||
},
|
||||
{
|
||||
id: "m6",
|
||||
name: "Chocolate Lava Cake",
|
||||
price: "$16",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chilies-kaffir-lime-leaves-bitter-gourd-tomatoes-stacked-together-white-plate_1150-20846.jpg",
|
||||
imageAlt: "Chocolate Lava Cake",
|
||||
},
|
||||
]}
|
||||
title="Our Seasonal Menu"
|
||||
description="Fresh, locally sourced ingredients prepared with passion."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "m1", name: "Truffle Risotto", price: "$28", imageSrc: "http://img.b2bpic.net/free-photo/delicious-food-table_23-2150857722.jpg", imageAlt: "Truffle Risotto" },
|
||||
{ id: "m2", name: "Herb Crusted Salmon", price: "$34", imageSrc: "http://img.b2bpic.net/free-photo/female-chef-kitchen-preparing-plate-steak_23-2149720768.jpg", imageAlt: "Herb Crusted Salmon" },
|
||||
{ id: "m3", name: "Wagyu Beef Filet", price: "$52", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-fusion-food-with-sushi-seasonings-plate-wooden-surface_181624-42994.jpg", imageAlt: "Wagyu Beef Filet" },
|
||||
{ id: "m4", name: "Garden Asparagus", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/hand-plate-with-fish-cooked-fish-juicy-fish-plate-delicacy-seafood-lovers_639032-337.jpg", imageAlt: "Garden Asparagus" },
|
||||
{ id: "m5", name: "Citrus Glazed Duck", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/side-view-shrimp-caesar-plate-topped-with-potato-shoestrings_140725-5064.jpg", imageAlt: "Citrus Glazed Duck" },
|
||||
{ id: "m6", name: "Chocolate Lava Cake", price: "$16", imageSrc: "http://img.b2bpic.net/free-photo/chilies-kaffir-lime-leaves-bitter-gourd-tomatoes-stacked-together-white-plate_1150-20846.jpg", imageAlt: "Chocolate Lava Cake" }
|
||||
]}
|
||||
title="Our Seasonal Menu"
|
||||
description="Fresh, locally sourced ingredients prepared with passion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice M.",
|
||||
role: "Food Critic",
|
||||
company: "Dining Daily",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-lifestyle-portrait-happy-exited-pretty-woman-with-pink-hairs-having-dinner-vintage-american-cafe-eating-hot-dog-french-fries-mil-shake-junk-food-cheat-meal-pastel-colors_291049-341.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Robert B.",
|
||||
role: "Local Patron",
|
||||
company: "Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-enjoying-cocktail_52683-107593.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Clara T.",
|
||||
role: "Traveler",
|
||||
company: "Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-caucasian-redhead-woman-with-cute-smile-hair-bun-laughing-cheerfully-nice-chat-with-unrecognizable-brunette-girl-gray-hat_273609-2058.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Frequent Guest",
|
||||
company: "Regular",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-organic-shell-macaroni-with-aromatic-tasty-italian-herbs-spices-fresh-ripe-vegetables-cooking-pasta-white-background-healthy-energy-lifestyle-vegetarian-gourmet-dish_273609-38157.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Elena S.",
|
||||
role: "Foodie",
|
||||
company: "Blogger",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831070.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "1.2k",
|
||||
label: "Google Reviews",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Repeat Guests",
|
||||
},
|
||||
]}
|
||||
title="Diner Stories"
|
||||
description="See why our guests return time and time again."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Alice M.", role: "Food Critic", company: "Dining Daily", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/positive-lifestyle-portrait-happy-exited-pretty-woman-with-pink-hairs-having-dinner-vintage-american-cafe-eating-hot-dog-french-fries-mil-shake-junk-food-cheat-meal-pastel-colors_291049-341.jpg" },
|
||||
{ id: "2", name: "Robert B.", role: "Local Patron", company: "Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/adult-enjoying-cocktail_52683-107593.jpg" },
|
||||
{ id: "3", name: "Clara T.", role: "Traveler", company: "Visitor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-caucasian-redhead-woman-with-cute-smile-hair-bun-laughing-cheerfully-nice-chat-with-unrecognizable-brunette-girl-gray-hat_273609-2058.jpg" },
|
||||
{ id: "4", name: "David W.", role: "Frequent Guest", company: "Regular", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-organic-shell-macaroni-with-aromatic-tasty-italian-herbs-spices-fresh-ripe-vegetables-cooking-pasta-white-background-healthy-energy-lifestyle-vegetarian-gourmet-dish_273609-38157.jpg" },
|
||||
{ id: "5", name: "Elena S.", role: "Foodie", company: "Blogger", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-playing-poker-casino_23-2151831070.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "4.9", label: "Average Rating" },
|
||||
{ value: "1.2k", label: "Google Reviews" },
|
||||
{ value: "98%", label: "Repeat Guests" }
|
||||
]}
|
||||
title="Diner Stories"
|
||||
description="See why our guests return time and time again."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="Reserve Your Table"
|
||||
title="Join us for an evening of excellence."
|
||||
description="Book your table directly through our contact form or give us a call."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/big-event-hall-interior-restaurant_114579-2079.jpg"
|
||||
imageAlt="Restaurant ambiance"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Reserve Your Table"
|
||||
title="Join us for an evening of excellence."
|
||||
description="Book your table directly through our contact form or give us a call."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/big-event-hall-interior-restaurant_114579-2079.jpg"
|
||||
imageAlt="Restaurant ambiance"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/red-brown-restaurant_400718-10.jpg"
|
||||
logoText="Lumiére Dining"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Reservations",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/red-brown-restaurant_400718-10.jpg"
|
||||
logoText="Lumiére Dining"
|
||||
columns={[
|
||||
{ title: "Quick Links", items: [{ label: "Menu", href: "#menu" }, { label: "About Us", href: "#about" }, { label: "Reservations", href: "#contact" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user