Merge version_1 into main #2
264
src/app/page.tsx
264
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Home", id: "#hero" },
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="L'Odas"
|
||||
/>
|
||||
@@ -54,67 +42,26 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="A Symphony of Culinary Art"
|
||||
description="Experience the refined elegance of L'Odas, where seasonal ingredients meet culinary mastery in the heart of the city."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157778.jpg?_wi=1"
|
||||
buttons={[{ text: "Reserve a Table", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157778.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vegetable-salad-with-glass-wine_140725-4323.jpg",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157794.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/such-good-tableware-table-gold-shades_8353-9923.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/table-with-glasses-cutlery_140725-9745.jpg",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-chef-flambeing-dish-kitchen_23-2148763118.jpg",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/vegetable-salad-with-glass-wine_140725-4323.jpg", alt: "Diner 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157794.jpg", alt: "Diner 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/such-good-tableware-table-gold-shades_8353-9923.jpg", alt: "Diner 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/table-with-glasses-cutlery_140725-9745.jpg", alt: "Diner 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-chef-flambeing-dish-kitchen_23-2148763118.jpg", alt: "Diner 5" },
|
||||
]}
|
||||
avatarText="Trusted by 5,000+ food enthusiasts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-glasses-full-champagne_23-2148244964.jpg",
|
||||
alt: "Award 1",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/ceiling-lamp-close_1203-789.jpg",
|
||||
alt: "Award 2",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/ceiling-lamps_1203-791.jpg",
|
||||
alt: "Award 3",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg",
|
||||
alt: "Award 4",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Michelin Star Rated",
|
||||
},
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/close-up-glasses-full-champagne_23-2148244964.jpg", alt: "Award 1" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/ceiling-lamp-close_1203-789.jpg", alt: "Award 2" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/ceiling-lamps_1203-791.jpg", alt: "Award 3" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/burning-candle-table_140725-8115.jpg", alt: "Award 4" },
|
||||
{ type: "text", text: "Michelin Star Rated" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -124,21 +71,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
title="The Art of Perfection"
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Michelin Stars",
|
||||
value: "2",
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Local Producers",
|
||||
value: "40+",
|
||||
},
|
||||
{ icon: Award, label: "Years Experience", value: "15+" },
|
||||
{ icon: Award, label: "Michelin Stars", value: "2" },
|
||||
{ icon: Leaf, label: "Local Producers", value: "40+" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -150,30 +85,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Fresh & Local",
|
||||
description: "We source the finest ingredients from local farmers.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Leaf,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-chef-cooking-restaurant-kitchen_329181-16143.jpg",
|
||||
imageAlt: "chef cooking gourmet dish kitchen",
|
||||
},
|
||||
{
|
||||
title: "Curated Cellar",
|
||||
description: "Fine wines hand-selected by our master sommeliers.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Wine,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157778.jpg?_wi=2",
|
||||
imageAlt: "chef cooking gourmet dish kitchen",
|
||||
},
|
||||
{
|
||||
title: "Intimate Ambiance",
|
||||
description: "Atmospheric lighting perfect for your most special occasions.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Moon,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dessert_74190-5605.jpg",
|
||||
imageAlt: "chef cooking gourmet dish kitchen",
|
||||
},
|
||||
{ title: "Fresh & Local", description: "We source the finest ingredients from local farmers.", bentoComponent: "reveal-icon", icon: Leaf },
|
||||
{ title: "Curated Cellar", description: "Fine wines hand-selected by our master sommeliers.", bentoComponent: "reveal-icon", icon: Wine },
|
||||
{ title: "Intimate Ambiance", description: "Atmospheric lighting perfect for your most special occasions.", bentoComponent: "reveal-icon", icon: Moon },
|
||||
]}
|
||||
title="Our Signature Experience"
|
||||
description="Discover what defines the L'Odas experience—from our farm-to-table philosophy to our hand-curated cellar."
|
||||
@@ -187,60 +101,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Starter",
|
||||
name: "Truffle Velouté",
|
||||
price: "€28",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-salad-with-fresh-vegetables_140725-6565.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Main",
|
||||
name: "Pan-Seared Sea Bass",
|
||||
price: "€45",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crab-meat-coconut-cream-soup-micro-greens-gray-concrete-background-top-view-copy-space-h_1258-52397.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Starter",
|
||||
name: "Artisanal Bread Selection",
|
||||
price: "€12",
|
||||
rating: 4,
|
||||
reviewCount: "80",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fresh-bruschetta-assortment-copy-space_23-2148517005.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "Dessert",
|
||||
name: "Valrhona Chocolate Ganache",
|
||||
price: "€18",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cookies-with-cream-dogwoods-grey_140725-29962.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "Main",
|
||||
name: "Aged Beef Tenderloin",
|
||||
price: "€52",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-side-dish-with-vegetables-caviar-top-with-blurred-background_181624-2204.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "Side",
|
||||
name: "Roasted Heirloom Vegetables",
|
||||
price: "€15",
|
||||
rating: 4,
|
||||
reviewCount: "65",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/veggies-tomatoes-wooden-copy-space-background_23-2148294687.jpg",
|
||||
},
|
||||
{ id: "1", brand: "Starter", name: "Truffle Velouté", price: "€28", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/chicken-salad-with-fresh-vegetables_140725-6565.jpg" },
|
||||
{ id: "2", brand: "Main", name: "Pan-Seared Sea Bass", price: "€45", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/crab-meat-coconut-cream-soup-micro-greens-gray-concrete-background-top-view-copy-space-h_1258-52397.jpg" },
|
||||
{ id: "3", brand: "Starter", name: "Artisanal Bread Selection", price: "€12", rating: 4, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/fresh-bruschetta-assortment-copy-space_23-2148517005.jpg" },
|
||||
{ id: "4", brand: "Dessert", name: "Valrhona Chocolate Ganache", price: "€18", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cookies-with-cream-dogwoods-grey_140725-29962.jpg" },
|
||||
{ id: "5", brand: "Main", name: "Aged Beef Tenderloin", price: "€52", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/closeup-side-dish-with-vegetables-caviar-top-with-blurred-background_181624-2204.jpg" },
|
||||
{ id: "6", brand: "Side", name: "Roasted Heirloom Vegetables", price: "€15", rating: 4, reviewCount: "65", imageSrc: "http://img.b2bpic.net/free-photo/veggies-tomatoes-wooden-copy-space-background_23-2148294687.jpg" },
|
||||
]}
|
||||
title="A Culinary Journey"
|
||||
description="Explore our curated seasonal selections."
|
||||
@@ -253,41 +119,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Clara S.",
|
||||
role: "Food Critic",
|
||||
testimonial: "An absolute masterpiece of culinary refinement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/women-table-with-food_23-2147681106.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marc B.",
|
||||
role: "Gourmet Enthusiast",
|
||||
testimonial: "The balance of flavors is simply unparalleled.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-senior-female-friends-luxurious-restaurant_23-2150517410.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena V.",
|
||||
role: "Regular Guest",
|
||||
testimonial: "Every visit feels like the first time we fell in love with fine dining.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julian D.",
|
||||
role: "Business Executive",
|
||||
testimonial: "The perfect place for a professional yet sophisticated dinner.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517411.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie L.",
|
||||
role: "Food Blogger",
|
||||
testimonial: "Innovative dishes in a beautiful, classic setting.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg",
|
||||
},
|
||||
{ id: "1", name: "Clara S.", role: "Food Critic", testimonial: "An absolute masterpiece of culinary refinement.", imageSrc: "http://img.b2bpic.net/free-photo/women-table-with-food_23-2147681106.jpg" },
|
||||
{ id: "2", name: "Marc B.", role: "Gourmet Enthusiast", testimonial: "The balance of flavors is simply unparalleled.", imageSrc: "http://img.b2bpic.net/free-photo/two-senior-female-friends-luxurious-restaurant_23-2150517410.jpg" },
|
||||
{ id: "3", name: "Elena V.", role: "Regular Guest", testimonial: "Every visit feels like the first time we fell in love with fine dining.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg" },
|
||||
{ id: "4", name: "Julian D.", role: "Business Executive", testimonial: "The perfect place for a professional yet sophisticated dinner.", imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517411.jpg" },
|
||||
{ id: "5", name: "Sophie L.", role: "Food Blogger", testimonial: "Innovative dishes in a beautiful, classic setting.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg" },
|
||||
]}
|
||||
title="Gourmet Praise"
|
||||
description="What our esteemed guests are saying about us."
|
||||
@@ -299,21 +135,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need a reservation?",
|
||||
content: "Yes, we highly recommend making a reservation in advance due to our limited seating capacity.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Is there a dress code?",
|
||||
content: "We maintain a smart-casual to formal dress code to match our elegant ambiance.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer private dining?",
|
||||
content: "Yes, we have a private room for larger groups and special celebrations.",
|
||||
},
|
||||
{ id: "1", title: "Do I need a reservation?", content: "Yes, we highly recommend making a reservation in advance due to our limited seating capacity." },
|
||||
{ id: "2", title: "Is there a dress code?", content: "We maintain a smart-casual to formal dress code to match our elegant ambiance." },
|
||||
{ id: "3", title: "Do you offer private dining?", content: "Yes, we have a private room for larger groups and special celebrations." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Everything you need to know about our dining experience."
|
||||
@@ -324,9 +148,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Join the Table"
|
||||
description="Book your experience at L'Odas."
|
||||
@@ -339,14 +161,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="L'Odas"
|
||||
leftLink={{
|
||||
text: "© 2024 L'Odas",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "© 2024 L'Odas", href: "#" }}
|
||||
rightLink={{ text: "Privacy Policy", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user