262 lines
14 KiB
TypeScript
262 lines
14 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
|
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmall"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Lumière"
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Dining Experience", id: "dining" },
|
|
{ name: "Gallery", id: "gallery" },
|
|
{ name: "Reservations", id: "reservations" }
|
|
]}
|
|
button={{
|
|
text: "Book a Table", href: "#reservations"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Welcome to Lumière"
|
|
description="An exquisite culinary journey through refined French and contemporary cuisine, crafted by our award-winning executive chef. Experience gastronomy at its finest in an intimate, elegantly appointed setting."
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="Fine Dining Excellence"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Reserve Your Table", href: "#reservations" },
|
|
{ text: "Explore Our Menu", href: "#menu" }
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/luxury-dining-room-with-elegant-chandelier-lighting-generated-by-ai_188544-21199.jpg", imageAlt: "Exquisitely plated fine dining dish"
|
|
}
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
ariaLabel="Lumière fine dining restaurant hero section"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Our Culinary Philosophy"
|
|
description="At Lumière, we believe exceptional dining transcends mere sustenance. Every dish tells a story of passion, precision, and the finest seasonal ingredients. Our kitchen is a symphony of technique and creativity, orchestrated by our team of culinary masters who have trained under Michelin-starred chefs across Europe."
|
|
tag="Tradition Meets Innovation"
|
|
tagAnimation="slide-up"
|
|
bulletPoints={[
|
|
{
|
|
title: "Seasonal Ingredients", description: "We source only the finest produce and proteins from trusted local artisans, ensuring peak freshness and quality in every course."
|
|
},
|
|
{
|
|
title: "Culinary Mastery", description: "Our executive chef brings 20+ years of international experience, having trained in Michelin-starred establishments across France and Italy."
|
|
},
|
|
{
|
|
title: "Personalized Service", description: "Our hospitality team ensures every guest feels welcomed and celebrated, with attentive service that anticipates your every need."
|
|
},
|
|
{
|
|
title: "Wine Pairing Expertise", description: "Our sommelier curates an extensive collection of rare vintages and pairings that elevate each course to perfection."
|
|
}
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/couple-lovers-having-romantic-dinner-home_171337-663.jpg"
|
|
imageAlt="Elegant restaurant interior with intimate lighting"
|
|
mediaAnimation="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imagePosition="right"
|
|
ariaLabel="About Lumière restaurant"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardTwentyFour
|
|
title="Dining Experience"
|
|
description="Discover what sets Lumière apart from other fine dining establishments. Each element has been thoughtfully designed to create an unforgettable evening."
|
|
tag="Premium Services"
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: "feature-1", title: "Tasting Menus", author: "Chef Jean-Claude", description: "Multi-course experiences crafted to showcase seasonal ingredients and culinary innovation.", tags: ["6 Courses", "Wine Pairing", "2.5 Hours"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081455.jpg?_wi=1", imageAlt: "Elegant multi-course tasting menu"
|
|
},
|
|
{
|
|
id: "feature-2", title: "Private Dining", author: "Hospitality Team", description: "Intimate spaces perfect for celebrations, business dinners, and special occasions with customized menus.", tags: ["Up to 20 Guests", "Custom Menus", "Sommelier Service"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081849.jpg?_wi=1", imageAlt: "Private dining room elegant setup"
|
|
},
|
|
{
|
|
id: "feature-3", title: "Wine Collection", author: "Sommelier Marcus", description: "Curated selection of rare vintages and emerging wines with expert pairing recommendations.", tags: ["500+ Selections", "Rare Vintages", "Expert Guidance"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/plate-lamb-ribs-served-with-smoked-tomato-arugula-pepper_140725-4906.jpg?_wi=1", imageAlt: "Premium wine collection display"
|
|
}
|
|
]}
|
|
animationType="blur-reveal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Dining experience features"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
title="Signature Creations"
|
|
description="Explore our most celebrated dishes, each a masterpiece of flavor, technique, and presentation that defines our culinary identity."
|
|
tag="Chef's Selections"
|
|
tagAnimation="slide-up"
|
|
products={[
|
|
{
|
|
id: "prod-1", name: "Pan-Seared Foie Gras", price: "$48", variant: "À La Carte", imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081455.jpg?_wi=2", imageAlt: "Pan-seared foie gras with berry reduction"
|
|
},
|
|
{
|
|
id: "prod-2", name: "Dover Sole Meunière", price: "$52", variant: "À La Carte", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081849.jpg?_wi=2", imageAlt: "Dover sole with brown butter and capers"
|
|
},
|
|
{
|
|
id: "prod-3", name: "Beef Wellington", price: "$58", variant: "À La Carte", imageSrc: "http://img.b2bpic.net/free-photo/plate-lamb-ribs-served-with-smoked-tomato-arugula-pepper_140725-4906.jpg?_wi=2", imageAlt: "Premium beef Wellington with mushroom duxelles"
|
|
},
|
|
{
|
|
id: "prod-4", name: "Grand Marnier Soufflé", price: "$22", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081455.jpg?_wi=3", imageAlt: "Perfectly risen Grand Marnier soufflé"
|
|
}
|
|
]}
|
|
gridVariant="bento-grid"
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Signature menu items"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwelve
|
|
testimonials={[
|
|
{
|
|
id: "test-1", name: "Victoria Chen", imageSrc: "http://img.b2bpic.net/free-photo/stylish-handsome-caucasian-man-posing-looking-camera-isolated-dark-background_613910-15062.jpg", imageAlt: "Victoria Chen"
|
|
},
|
|
{
|
|
id: "test-2", name: "Marcus Thompson", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-young-male-blue-suit_181624-55728.jpg", imageAlt: "Marcus Thompson"
|
|
},
|
|
{
|
|
id: "test-3", name: "Sophie Laurent", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-pensive-young-european-female-enjoying-her-leisure-time-alone-drinking-tea-coffee-having-thoughtful-dreamy-look-sitting-cafe-table-with-mug-people-lifestyle_273609-538.jpg", imageAlt: "Sophie Laurent"
|
|
},
|
|
{
|
|
id: "test-4", name: "David Richardson", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-going-work-with-coffee_158595-4702.jpg", imageAlt: "David Richardson"
|
|
},
|
|
{
|
|
id: "test-5", name: "Elena Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-sitting-couch-smiling_23-2148095698.jpg", imageAlt: "Elena Rodriguez"
|
|
},
|
|
{
|
|
id: "test-6", name: "James Whitmore", imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-walking-outside-modern-office-building_1139-1078.jpg", imageAlt: "James Whitmore"
|
|
}
|
|
]}
|
|
cardTitle="Guest Testimonials"
|
|
cardTag="5-Star Experiences"
|
|
cardAnimation="blur-reveal"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Guest testimonials and reviews"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTen
|
|
title="Excellence By Numbers"
|
|
description="Our commitment to culinary excellence is reflected in these remarkable achievements and milestones."
|
|
tag="Award-Winning"
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "metric-1", title: "Michelin Stars", subtitle: "Consecutive Years", category: "Recognition", value: "12"
|
|
},
|
|
{
|
|
id: "metric-2", title: "Satisfied Guests", subtitle: "Since Opening", category: "Hospitality", value: "45K+"
|
|
},
|
|
{
|
|
id: "metric-3", title: "Wine Selection", subtitle: "Curated Varieties", category: "Collection", value: "500+"
|
|
},
|
|
{
|
|
id: "metric-4", title: "Years Experience", subtitle: "Executive Chef", category: "Expertise", value: "20"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="centered"
|
|
useInvertedBackground={false}
|
|
ariaLabel="Restaurant metrics and achievements"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready for an unforgettable culinary experience? Reserve your table at Lumière today. Our hospitality team looks forward to welcoming you to an evening of exquisite dining and impeccable service."
|
|
background={{ variant: "radial-gradient" }}
|
|
buttons={[
|
|
{ text: "Reserve Online", href: "https://reservations.example.com" },
|
|
{ text: "Call: +1 (555) 123-4567", href: "tel:+15551234567" }
|
|
]}
|
|
useInvertedBackground={false}
|
|
ariaLabel="Contact and reservations"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="Lumière Fine Dining"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "About Us", href: "#about" },
|
|
{ label: "Menu", href: "#menu" },
|
|
{ label: "Gallery", href: "#gallery" },
|
|
{ label: "Chef's Blog", href: "#blog" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Reservations", href: "#reservations" },
|
|
{ label: "Private Events", href: "#events" },
|
|
{ label: "Wine Pairing", href: "#wine" },
|
|
{ label: "Contact", href: "#contact" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Hours: Tues-Sun 5PM-11PM", href: "#" },
|
|
{ label: "Closed Mondays", href: "#" },
|
|
{ label: "123 Culinary Lane", href: "#" },
|
|
{ label: "Chef's District", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Accessibility", href: "#" },
|
|
{ label: "Sitemap", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
ariaLabel="Lumière fine dining footer"
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |