Merge version_1 into main #1
443
src/app/page.tsx
443
src/app/page.tsx
@@ -15,325 +15,150 @@ import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="directional-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
defaultButtonVariant="directional-hover"
|
||||
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">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Elysium Bistro"
|
||||
button={{
|
||||
text: "Book a Table",
|
||||
href: "#contact",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Elysium Bistro"
|
||||
button={{ text: "Book a Table", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Unforgettable Fine Dining"
|
||||
description="Experience exquisite culinary creations in an ambiance of refined elegance and warmth."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-round-square-tables-some-chairs-plants_140725-8031.jpg",
|
||||
imageAlt: "Restaurant ambiance",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934667.jpg",
|
||||
imageAlt: "Gourmet dish",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-cocktail-beverage-glass-with-abstract-neo-futuristic-set_23-2150938354.jpg",
|
||||
imageAlt: "Cocktails",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-waiter-with-mask-preparing-drinks_23-2148645155.jpg",
|
||||
imageAlt: "Wine",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salad-bar-with-various-fresh-vegetables-supermarket_627829-7282.jpg",
|
||||
imageAlt: "Fresh ingredients",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-with-blurred-effect_23-2148164705.jpg",
|
||||
imageAlt: "Interior",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Unforgettable Fine Dining"
|
||||
description="Experience exquisite culinary creations in an ambiance of refined elegance and warmth."
|
||||
buttons={[{ text: "Reserve Now", href: "#contact" }]}
|
||||
carouselItems={[
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/restaurant-hall-with-round-square-tables-some-chairs-plants_140725-8031.jpg", imageAlt: "Restaurant ambiance" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934667.jpg", imageAlt: "Gourmet dish" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/view-cocktail-beverage-glass-with-abstract-neo-futuristic-set_23-2150938354.jpg", imageAlt: "Cocktails" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/close-up-waiter-with-mask-preparing-drinks_23-2148645155.jpg", imageAlt: "Wine" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/salad-bar-with-various-fresh-vegetables-supermarket_627829-7282.jpg", imageAlt: "Fresh ingredients" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-with-blurred-effect_23-2148164705.jpg", imageAlt: "Interior" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Culinary Excellence"
|
||||
description="Established with a passion for quality, our kitchen brings the finest seasonal ingredients to life through creative, artfully crafted dishes."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-chef-uniform-leans-stovetop-tasting-delicious-dish_482257-121112.jpg"
|
||||
imageAlt="Chef at work"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="A Legacy of Culinary Excellence"
|
||||
description="Established with a passion for quality, our kitchen brings the finest seasonal ingredients to life through creative, artfully crafted dishes."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/female-chef-uniform-leans-stovetop-tasting-delicious-dish_482257-121112.jpg"
|
||||
imageAlt="Chef at work"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "m1",
|
||||
brand: "Signature",
|
||||
name: "Truffle Risotto",
|
||||
price: "$32",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegeterian-salad-lettuce-beans-bell-pepper-parsley-tomato-sesame-side-view_141793-3209.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
brand: "Classic",
|
||||
name: "Handmade Tagliatelle",
|
||||
price: "$28",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/penne-arabiata-plate_140725-375.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
brand: "Sea",
|
||||
name: "Pan-Seared Scallops",
|
||||
price: "$38",
|
||||
rating: 5,
|
||||
reviewCount: "88",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tuna-roll-with-avocado-salad_1203-9609.jpg",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
brand: "Dessert",
|
||||
name: "Valrhona Chocolate Ganache",
|
||||
price: "$16",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dessert-restaurant-table_7939-3169.jpg",
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
brand: "Grill",
|
||||
name: "Prime Wagyu Ribeye",
|
||||
price: "$65",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-roasted-beef-with-lettuce-red-chili-pepper-plate-wood_141793-11154.jpg",
|
||||
},
|
||||
{
|
||||
id: "m6",
|
||||
brand: "Light",
|
||||
name: "Organic Garden Salad",
|
||||
price: "$22",
|
||||
rating: 5,
|
||||
reviewCount: "70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-topped-with-olives-cheese_140725-4156.jpg",
|
||||
},
|
||||
]}
|
||||
title="Chef's Curated Selection"
|
||||
description="Discover our signature dishes, meticulously prepared to delight your senses."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "m1", brand: "Signature", name: "Truffle Risotto", price: "$32", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/vegeterian-salad-lettuce-beans-bell-pepper-parsley-tomato-sesame-side-view_141793-3209.jpg" },
|
||||
{ id: "m2", brand: "Classic", name: "Handmade Tagliatelle", price: "$28", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/penne-arabiata-plate_140725-375.jpg" },
|
||||
{ id: "m3", brand: "Sea", name: "Pan-Seared Scallops", price: "$38", rating: 5, reviewCount: "88", imageSrc: "http://img.b2bpic.net/free-photo/tuna-roll-with-avocado-salad_1203-9609.jpg" },
|
||||
{ id: "m4", brand: "Dessert", name: "Valrhona Chocolate Ganache", price: "$16", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/dessert-restaurant-table_7939-3169.jpg" },
|
||||
{ id: "m5", brand: "Grill", name: "Prime Wagyu Ribeye", price: "$65", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/side-view-roasted-beef-with-lettuce-red-chili-pepper-plate-wood_141793-11154.jpg" },
|
||||
{ id: "m6", brand: "Light", name: "Organic Garden Salad", price: "$22", rating: 5, reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-topped-with-olives-cheese_140725-4156.jpg" }
|
||||
]}
|
||||
title="Chef's Curated Selection"
|
||||
description="Discover our signature dishes, meticulously prepared to delight your senses."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "v1",
|
||||
value: "15+",
|
||||
description: "Years of Excellence",
|
||||
},
|
||||
{
|
||||
id: "v2",
|
||||
value: "5k+",
|
||||
description: "Satisfied Diners",
|
||||
},
|
||||
{
|
||||
id: "v3",
|
||||
value: "200+",
|
||||
description: "Seasonal Menus",
|
||||
},
|
||||
]}
|
||||
title="A Proven Tradition"
|
||||
description="Years of dedication to quality and our community have built a dining legacy."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "v1", value: "15+", description: "Years of Excellence" },
|
||||
{ id: "v2", value: "5k+", description: "Satisfied Diners" },
|
||||
{ id: "v3", value: "200+", description: "Seasonal Menus" }
|
||||
]}
|
||||
title="A Proven Tradition"
|
||||
description="Years of dedication to quality and our community have built a dining legacy."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Incredible",
|
||||
quote: "The best dining experience in the city by far.",
|
||||
name: "Sarah Johnson",
|
||||
role: "Foodie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Stunning",
|
||||
quote: "Perfect romantic atmosphere and exceptional food.",
|
||||
name: "Michael Chen",
|
||||
role: "Local",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-lady-kiss-her-gorgeous-man-while-have-romantic-dinner_171337-19120.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Artistic",
|
||||
quote: "Every plate was a masterpiece. Simply wow.",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Critic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-barista-apron-white-shirt-standing-counter-with-clasped-hands-thoughtfully-looking-girl-with-cup-coffe-coffee-shop-boy-working-as-barista-restaurant_574295-5086.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Professional",
|
||||
quote: "The service was just as perfect as the meal.",
|
||||
name: "David Kim",
|
||||
role: "Guest",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598349.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Delightful",
|
||||
quote: "An oasis of taste. Will be back soon.",
|
||||
name: "Anna Smith",
|
||||
role: "Patron",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-sitting-table_23-2149720809.jpg",
|
||||
},
|
||||
]}
|
||||
title="Voices of Our Guests"
|
||||
description="Heartfelt experiences from those who have joined us at Elysium Bistro."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Incredible", quote: "The best dining experience in the city by far.", name: "Sarah Johnson", role: "Foodie", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg" },
|
||||
{ id: "2", title: "Stunning", quote: "Perfect romantic atmosphere and exceptional food.", name: "Michael Chen", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/young-lady-kiss-her-gorgeous-man-while-have-romantic-dinner_171337-19120.jpg" },
|
||||
{ id: "3", title: "Artistic", quote: "Every plate was a masterpiece. Simply wow.", name: "Emily Rodriguez", role: "Critic", imageSrc: "http://img.b2bpic.net/free-photo/young-barista-apron-white-shirt-standing-counter-with-clasped-hands-thoughtfully-looking-girl-with-cup-coffe-coffee-shop-boy-working-as-barista-restaurant_574295-5086.jpg" },
|
||||
{ id: "4", title: "Professional", quote: "The service was just as perfect as the meal.", name: "David Kim", role: "Guest", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598349.jpg" },
|
||||
{ id: "5", title: "Delightful", quote: "An oasis of taste. Will be back soon.", name: "Anna Smith", role: "Patron", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-sitting-table_23-2149720809.jpg" }
|
||||
]}
|
||||
title="Voices of Our Guests"
|
||||
description="Heartfelt experiences from those who have joined us at Elysium Bistro."
|
||||
/>
|
||||
</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 to ensure your table.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are dietary restrictions accommodated?",
|
||||
content: "Absolutely, please inform our staff of any requirements.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is parking available?",
|
||||
content: "Valet parking is provided for our evening guests.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg"
|
||||
title="Common Inquiries"
|
||||
description="Have questions? We're here to help make your visit seamless."
|
||||
faqsAnimation="slide-up"
|
||||
imageAlt="Restaurant interior minimalist design"
|
||||
/>
|
||||
</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 to ensure your table." },
|
||||
{ id: "f2", title: "Are dietary restrictions accommodated?", content: "Absolutely, please inform our staff of any requirements." },
|
||||
{ id: "f3", title: "Is parking available?", content: "Valet parking is provided for our evening guests." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg"
|
||||
title="Common Inquiries"
|
||||
description="Have questions? We're here to help make your visit seamless."
|
||||
faqsAnimation="slide-up"
|
||||
imageAlt="Restaurant interior minimalist design"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Reserve Your Table"
|
||||
description="Secure your spot at our table for a night to remember."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-ceremony-venue-with-floral-decorations_23-2151978933.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Confirm Booking"
|
||||
imageAlt="Restaurant reservation tablet booking"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "rotated-rays-animated" }}
|
||||
tag="Visit Us"
|
||||
title="Reserve Your Table"
|
||||
description="Secure your spot at our table for a night to remember."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elegant-ceremony-venue-with-floral-decorations_23-2151978933.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Confirm Booking"
|
||||
imageAlt="Restaurant reservation tablet booking"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Restaurant",
|
||||
items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Elysium Bistro"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{ title: "Restaurant", items: [{ label: "Our Story", href: "#about" }, { label: "Menu", href: "#menu" }] },
|
||||
{ title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
logoText="Elysium Bistro"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user