Merge version_1 into main #1
474
src/app/page.tsx
474
src/app/page.tsx
@@ -20,343 +20,165 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Elegant Dining"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elegant Dining"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Exceptional Dining Experiences"
|
||||
description="Discover authentic culinary traditions and contemporary innovation in every dish we craft."
|
||||
tag="Award Winning Cuisine"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-lit-lightbulbs-electrical-wire-near-wooden-fence_181624-1887.jpg",
|
||||
imageAlt: "Luxurious dining setting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg",
|
||||
imageAlt: "Chef preparation area",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892970.jpg",
|
||||
imageAlt: "City background panoramic view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-assortment_23-2150312224.jpg",
|
||||
imageAlt: "High angle dining table assortment",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-elegant-dining-table-arrangement_52683-111484.jpg",
|
||||
imageAlt: "View of elegant dining table arrangement",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Based on 500+ glowing reviews"
|
||||
tagIcon={Star}
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Exceptional Dining Experiences"
|
||||
description="Discover authentic culinary traditions and contemporary innovation in every dish we craft."
|
||||
tag="Award Winning Cuisine"
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-lit-lightbulbs-electrical-wire-near-wooden-fence_181624-1887.jpg", imageAlt: "Luxurious dining setting" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/life-style_1122-1851.jpg", imageAlt: "Chef preparation area" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Based on 500+ glowing reviews"
|
||||
tagIcon={Star}
|
||||
buttons={[
|
||||
{ text: "Reserve a Table", href: "#contact" },
|
||||
{ text: "View Menu", href: "#products" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Who We Are"
|
||||
description={[
|
||||
"Founded on the principles of passion, quality, and hospitality, our restaurant brings the finest seasonal ingredients to your table.",
|
||||
"Our culinary team is dedicated to creating memorable moments through carefully curated menus that celebrate diverse flavor profiles.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Who We Are"
|
||||
description={[
|
||||
"Founded on the principles of passion, quality, and hospitality, our restaurant brings the finest seasonal ingredients to your table.", "Our culinary team is dedicated to creating memorable moments through carefully curated menus that celebrate diverse flavor profiles."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "We source only the freshest produce from local farms.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/boiled-chicken-cut-into-pieces-white-dish-wooden-table_1150-23186.jpg",
|
||||
imageAlt: "Fresh produce",
|
||||
},
|
||||
{
|
||||
title: "Expert Sommelier",
|
||||
description: "Our wine list is curated by world-class experts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-meal-arrangement-with-wine_23-2148664028.jpg",
|
||||
imageAlt: "Wine selection",
|
||||
},
|
||||
{
|
||||
title: "Immersive Ambiance",
|
||||
description: "Atmosphere that elevates every meal.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/valentine-s-day-celebration-with-flowers_23-2151917798.jpg",
|
||||
imageAlt: "Dining ambiance",
|
||||
},
|
||||
]}
|
||||
title="Why Dine With Us"
|
||||
description="We ensure every visit is exceptional by focusing on high-quality sourcing, ambiance, and service."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Fresh Ingredients", description: "We source only the freshest produce from local farms.", imageSrc: "http://img.b2bpic.net/free-photo/boiled-chicken-cut-into-pieces-white-dish-wooden-table_1150-23186.jpg", imageAlt: "Fresh produce" },
|
||||
{ title: "Expert Sommelier", description: "Our wine list is curated by world-class experts.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-meal-arrangement-with-wine_23-2148664028.jpg", imageAlt: "Wine selection" },
|
||||
{ title: "Immersive Ambiance", description: "Atmosphere that elevates every meal.", imageSrc: "http://img.b2bpic.net/free-photo/valentine-s-day-celebration-with-flowers_23-2151917798.jpg", imageAlt: "Dining ambiance" },
|
||||
]}
|
||||
title="Why Dine With Us"
|
||||
description="We ensure every visit is exceptional by focusing on high-quality sourcing, ambiance, and service."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Prime Wagyu Steak",
|
||||
price: "$65",
|
||||
variant: "Main Course",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-with-leaf_181624-808.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Truffle Pasta",
|
||||
price: "$38",
|
||||
variant: "Main Course",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assorted-mediterranean-food_23-2147772052.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Dark Chocolate Tart",
|
||||
price: "$18",
|
||||
variant: "Dessert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-chocolate-cake_23-2148801171.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Seasonal Garden Salad",
|
||||
price: "$22",
|
||||
variant: "Appetizer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-vegetable-salad-inside-plate-grey-table_140725-131694.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Grilled Sea Bass",
|
||||
price: "$45",
|
||||
variant: "Main Course",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-with-tartar-sauce_114579-2016.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Artisan Bread Basket",
|
||||
price: "$12",
|
||||
variant: "Appetizer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-bread-wooden-box-with-classic-bottle_114579-72179.jpg",
|
||||
},
|
||||
]}
|
||||
title="Featured Menu Selection"
|
||||
description="Indulge in our most celebrated dishes, prepared with precision and love."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="one-large-right-three-stacked-left"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Prime Wagyu Steak", price: "$65", variant: "Main Course", imageSrc: "http://img.b2bpic.net/free-photo/beef-steak-with-leaf_181624-808.jpg" },
|
||||
{ id: "p2", name: "Truffle Pasta", price: "$38", variant: "Main Course", imageSrc: "http://img.b2bpic.net/free-photo/assorted-mediterranean-food_23-2147772052.jpg" },
|
||||
{ id: "p3", name: "Dark Chocolate Tart", price: "$18", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-delicious-chocolate-cake_23-2148801171.jpg" },
|
||||
{ id: "p4", name: "Seasonal Garden Salad", price: "$22", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-vegetable-salad-inside-plate-grey-table_140725-131694.jpg" },
|
||||
{ id: "p5", name: "Grilled Sea Bass", price: "$45", variant: "Main Course", imageSrc: "http://img.b2bpic.net/free-photo/grilled-salmon-with-tartar-sauce_114579-2016.jpg" },
|
||||
{ id: "p6", name: "Artisan Bread Basket", price: "$12", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/fresh-bread-wooden-box-with-classic-bottle_114579-72179.jpg" },
|
||||
]}
|
||||
title="Featured Menu Selection"
|
||||
description="Indulge in our most celebrated dishes, prepared with precision and love."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alice M.",
|
||||
role: "Food Blogger",
|
||||
company: "DailyEats",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150519974.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John D.",
|
||||
role: "Regular",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006713.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sophia L.",
|
||||
role: "Critic",
|
||||
company: "Gastronomy Monthly",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-luxury-restaurant_23-2150598346.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark R.",
|
||||
role: "Frequent Guest",
|
||||
company: "City Business",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-with-delicious-cocktails_23-2150244937.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena P.",
|
||||
role: "Dining Enthusiast",
|
||||
company: "Culture Club",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-delicious-food_23-2149250117.jpg",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "12k+",
|
||||
label: "Satisfied Diners",
|
||||
},
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "20",
|
||||
label: "Years Active",
|
||||
},
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="What our guests say about their recent culinary experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Alice M.", role: "Food Blogger", company: "DailyEats", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150519974.jpg" },
|
||||
{ id: "t2", name: "John D.", role: "Regular", company: "Local Community", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-conversating-restaurant_23-2148006713.jpg" },
|
||||
{ id: "t3", name: "Sophia L.", role: "Critic", company: "Gastronomy Monthly", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-luxury-restaurant_23-2150598346.jpg" },
|
||||
{ id: "t4", name: "Mark R.", role: "Frequent Guest", company: "City Business", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-with-delicious-cocktails_23-2150244937.jpg" },
|
||||
{ id: "t5", name: "Elena P.", role: "Dining Enthusiast", company: "Culture Club", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-with-delicious-food_23-2149250117.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "12k+", label: "Satisfied Diners" },
|
||||
{ value: "5.0", label: "Average Rating" },
|
||||
{ value: "20", label: "Years Active" },
|
||||
]}
|
||||
title="Guest Stories"
|
||||
description="What our guests say about their recent culinary experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"The Culinary Review",
|
||||
"Gourmet Magazine",
|
||||
"City Dining Guide",
|
||||
"Foodie Times",
|
||||
"International Chef's Choice",
|
||||
"Michelin Guide Entry",
|
||||
"Top Tables Weekly",
|
||||
]}
|
||||
title="Recognized By Experts"
|
||||
description="Proudly featured in the industry's leading publications."
|
||||
/>
|
||||
</div>
|
||||
<div id="social" data-section="social">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"The Culinary Review", "Gourmet Magazine", "City Dining Guide", "Foodie Times", "International Chef's Choice", "Michelin Guide Entry", "Top Tables Weekly"
|
||||
]}
|
||||
title="Recognized By Experts"
|
||||
description="Proudly featured in the industry's leading publications."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you accept reservations?",
|
||||
content: "Yes, reservations are recommended for dinner hours.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer private dining?",
|
||||
content: "Absolutely, we provide private event spaces for parties.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Are there vegan options?",
|
||||
content: "Our menu features several plant-based and vegan-friendly options.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about your reservation or our menu? We're here to help."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do you accept reservations?", content: "Yes, reservations are recommended for dinner hours." },
|
||||
{ id: "f2", title: "Do you offer private dining?", content: "Absolutely, we provide private event spaces for parties." },
|
||||
{ id: "f3", title: "Are there vegan options?", content: "Our menu features several plant-based and vegan-friendly options." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about your reservation or our menu? We're here to help."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Ready to dine with us? We'd love to hear from you or assist with your reservation."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to dine with us? We'd love to hear from you or assist with your reservation."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Discover",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Use",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Elegant Dining"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Discover", items: [{ label: "About Us", href: "#about" }, { label: "Menu", href: "#products" }]
|
||||
},
|
||||
{
|
||||
title: "Support", items: [{ label: "Contact Us", href: "#contact" }, { label: "Help Center", href: "#" }]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Use", href: "#" }]
|
||||
},
|
||||
]}
|
||||
logoText="Elegant Dining"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user