development/bc203efc-2dfe-4637-a7cb-d3d1a2c4bc9d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
dk
2025-12-20 00:44:45 +02:00
commit 1a649d1263
308 changed files with 64911 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

298
src/app/page.tsx Normal file
View File

@@ -0,0 +1,298 @@
"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>
);
}