298 lines
14 KiB
TypeScript
298 lines
14 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import HeroSplitAvatars from "@/components/sections/hero/HeroSplitAvatars";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import ProductCardSeven from "@/components/sections/product/ProductCardSeven";
|
|
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import FaqDouble from "@/components/sections/faq/FaqDouble";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterCard from "@/components/sections/footer/FooterCard";
|
|
import { Star, ChefHat, Leaf, Trophy, Heart, Wine, UtensilsCrossed, Award, HelpCircle, Instagram, Facebook, Twitter } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="small"
|
|
sizing="large"
|
|
background="noise"
|
|
cardStyle="glass-outline-light"
|
|
primaryButtonStyle="outline"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
brandName="Lumière"
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183837505-ll9mx7sj.jpg"
|
|
logoAlt="Lumière Restaurant"
|
|
navItems={[
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{ text: "Reserve Table", href: "contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitAvatars
|
|
title="Culinary Excellence Awaits"
|
|
description="Experience fine dining reimagined. Exceptional cuisine, impeccable service, and an unforgettable atmosphere in the heart of the city."
|
|
tag="Premium Fine Dining"
|
|
tagIcon={Star}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184194596-kh57lr7j.jpg"
|
|
imageAlt="Fine dining establishment"
|
|
imagePosition="right"
|
|
avatars={[
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg", alt: "Guest 1" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg", alt: "Guest 2" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184200876-idjoemdc.jpg", alt: "Guest 3" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg", alt: "Guest 4" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184201718-hfojd9bk.jpg", alt: "Guest 5" }
|
|
]}
|
|
avatarText="Join 500+ satisfied guests every month"
|
|
buttons={[
|
|
{ text: "Reserve Table Now", href: "contact" },
|
|
{ text: "View Menu", href: "menu" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="A Passion for Culinary Artistry"
|
|
description="Founded in 2015, Lumière represents the pinnacle of contemporary fine dining. Chef François Ducasse brings two decades of Michelin-starred experience, crafting dishes that tell stories of flavors, techniques, and passion."
|
|
tag="Our Story"
|
|
tagIcon={ChefHat}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184197576-xe6oube6.jpg"
|
|
imageAlt="Executive Chef François Ducasse"
|
|
imagePosition="left"
|
|
bulletPoints={[
|
|
{
|
|
title: "Seasonal Excellence",
|
|
description: "We source only the finest local and international ingredients, changing our menu seasonally to showcase peak flavors.",
|
|
icon: Leaf
|
|
},
|
|
{
|
|
title: "Award-Winning Expertise",
|
|
description: "Recognized by Michelin and international food critics for innovation, technique, and memorable dining experiences.",
|
|
icon: Trophy
|
|
},
|
|
{
|
|
title: "Intimate Ambiance",
|
|
description: "Only 45 seats ensure personalized service and an atmosphere of refined elegance for every guest.",
|
|
icon: Heart
|
|
},
|
|
{
|
|
title: "Wine Pairing Mastery",
|
|
description: "Our sommelier curates exceptional wine selections to perfectly complement each course of your journey.",
|
|
icon: Wine
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Learn More About Us", href: "about" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardSeven
|
|
title="Signature Creations"
|
|
description="A curated selection of our most celebrated dishes, each a masterpiece of technique and flavor."
|
|
tag="Culinary Masterpieces"
|
|
tagIcon={UtensilsCrossed}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "Pan-Seared Diver Scallop",
|
|
price: "$48",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183837505-ll9mx7sj.jpg",
|
|
imageAlt: "Pan-seared scallops with seasonal vegetables"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Wagyu Beef Wellington",
|
|
price: "$72",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184195548-79df2nkb.jpg",
|
|
imageAlt: "Perfectly cooked wagyu beef with mushroom duxelles"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Chocolate Soufflé",
|
|
price: "$16",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184196448-ct5kvoom.jpg",
|
|
imageAlt: "Warm chocolate soufflé with vanilla bean ice cream"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
containerStyle="default"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSix
|
|
title="Guest Experiences"
|
|
description="Discover why guests return again and again to celebrate life's most important moments."
|
|
tag="Five-Star Reviews"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Margaret Chen",
|
|
handle: "Fine Dining Enthusiast",
|
|
testimonial: "An absolutely transcendent evening. Every course was a revelation of flavor and artistry. Chef Ducasse has created something truly special here.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
|
|
imageAlt: "Margaret Chen"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "James Richardson",
|
|
handle: "Restaurant Critic",
|
|
testimonial: "Lumière deserves its accolades. The precision, the passion, the presentation—every element works in perfect harmony. A masterclass in fine dining.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184199984-xnv4032m.jpg",
|
|
imageAlt: "James Richardson"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Isabella Rossi",
|
|
handle: "Food Writer",
|
|
testimonial: "This is what fine dining should be. Not pretentious, but genuinely excellent. The team makes you feel welcomed from the moment you arrive.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184200876-idjoemdc.jpg",
|
|
imageAlt: "Isabella Rossi"
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Matsumoto",
|
|
handle: "Corporate Executive",
|
|
testimonial: "Perfect for celebrating milestones. Our team celebrated here, and it was the highlight of our year. Impeccable attention to detail.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
|
|
imageAlt: "David Matsumoto"
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Sophie Laurent",
|
|
handle: "Lifestyle Blogger",
|
|
testimonial: "Every visit feels like stepping into a world of refined elegance. The sommelier's wine pairings elevated the entire experience beyond imagination.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184201718-hfojd9bk.jpg",
|
|
imageAlt: "Sophie Laurent"
|
|
},
|
|
{
|
|
id: "6",
|
|
name: "Thomas Anderson",
|
|
handle: "Travel Journalist",
|
|
testimonial: "Among the finest restaurants I've experienced globally. The creativity, the execution, the passion—this is what excellence looks like on a plate.",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
|
|
imageAlt: "Thomas Anderson"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="awards" data-section="awards">
|
|
<SocialProofOne
|
|
title="Industry Recognition"
|
|
description="Celebrated by the world's leading culinary authorities and media outlets."
|
|
tag="Awards & Accolades"
|
|
tagIcon={Award}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
logos={[
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184202938-zurlhbdq.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184203704-orjonsg4.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184204561-tno8yu00.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184205342-jj4ccr8t.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184206256-xa744iat.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184207274-zvou6mgt.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184208340-sbprweh0.jpg",
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184209743-is8i79f1.jpg"
|
|
]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
title="Dining Information"
|
|
description="Everything you need to know about your visit to Lumière."
|
|
tag="Common Questions"
|
|
tagIcon={HelpCircle}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
faqs={[
|
|
{
|
|
id: "1",
|
|
title: "How far in advance should I make a reservation?",
|
|
content: "We recommend reserving 4-6 weeks in advance for weekend dining, though walk-in availability may exist for weekday lunch service. Peak seasons (holidays, special events) often book 8+ weeks ahead."
|
|
},
|
|
{
|
|
id: "2",
|
|
title: "Do you accommodate dietary restrictions?",
|
|
content: "Absolutely. We happily prepare modified menus for vegetarian, vegan, gluten-free, and allergy-conscious diners. Please mention any restrictions when booking."
|
|
},
|
|
{
|
|
id: "3",
|
|
title: "What is your dress code?",
|
|
content: "Smart casual to business attire is appreciated. We welcome you to dress for the occasion, though we maintain an atmosphere of refined elegance."
|
|
},
|
|
{
|
|
id: "4",
|
|
title: "How long does the dining experience take?",
|
|
content: "Plan for 2.5 to 3.5 hours for the full tasting menu experience, depending on pace and wine pairings. We never rush our guests."
|
|
},
|
|
{
|
|
id: "5",
|
|
title: "Do you offer private dining experiences?",
|
|
content: "Yes. Our private salon accommodates up to 20 guests for special occasions, corporate events, and milestone celebrations."
|
|
},
|
|
{
|
|
id: "6",
|
|
title: "What is your cancellation policy?",
|
|
content: "Cancellations must be made 48 hours in advance for full refund. Late cancellations or no-shows may incur a charge."
|
|
}
|
|
]}
|
|
animationType="smooth"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to experience culinary excellence? Reserve your table at Lumière today. Our team is delighted to ensure your evening is truly unforgettable."
|
|
animationType="entrance-slide"
|
|
buttons={[
|
|
{ text: "Reserve Table", href: "#" },
|
|
{ text: "Call us at (555) 123-4567", href: "#" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Lumière"
|
|
copyrightText="© 2025 Lumière Restaurant. All rights reserved."
|
|
socialLinks={[
|
|
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
|
|
{ icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
|
|
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |