Merge version_3 into main #2
210
src/app/page.tsx
210
src/app/page.tsx
@@ -2,15 +2,15 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import { Award, Flame, Leaf, Wine } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -29,197 +29,123 @@ export default function LandingPage() {
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Reviews", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Reviews", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Lumière Dining"
|
||||
button={{
|
||||
text: "Book Table", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Experience Unforgettable Flavors"
|
||||
description="Discover a symphony of tastes at Lumière, where tradition meets contemporary culinary innovation. Join us for an evening of warmth and sophistication."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Diner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517422.jpg", alt: "Diner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-man-restaurant_23-2147861975.jpg", alt: "Diner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-holding-hands-table-restaurant_23-2148014447.jpg", alt: "Diner"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/dinner-set-sushi-rolls-salads-cocktails-hookah-side-view_141793-3100.jpg", alt: "Diner"},
|
||||
]}
|
||||
avatarText="Loved by 500+ food enthusiasts"
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Table", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text", text: "Michelin Star Trained Chefs"},
|
||||
{
|
||||
type: "text", text: "Local Farm-Fresh Produce"},
|
||||
{
|
||||
type: "text", text: "Award Winning Wine Cellar"},
|
||||
{
|
||||
type: "text", text: "Impeccable Service"},
|
||||
{
|
||||
type: "text", text: "Sophisticated Atmosphere"},
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517422.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Reserve Table", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
<SplitAbout
|
||||
tag="Our Philosophy"
|
||||
title="Artisanal Craftsmanship in Every Bite"
|
||||
description="At Lumière, we source our ingredients from local farms to ensure unparalleled freshness and quality. Our chefs are dedicated to the art of fine dining, creating memories that linger long after the last course."
|
||||
subdescription="From our open kitchen to your table, experience the passion and dedication that defines our culinary journey."
|
||||
icon={Award}
|
||||
bulletPoints={[
|
||||
{ title: "Farm Fresh", description: "Locally sourced ingredients." },
|
||||
{ title: "Expert Chefs", description: "Trained in the finest kitchens." },
|
||||
{ title: "Sustainable", description: "Ethically prepared." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-is-cooking-kitchen_53876-20986.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
textboxLayout="split"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
<FeatureCardNineteen
|
||||
title="Why Choose Lumière"
|
||||
description="A curated experience designed for those who appreciate the finer things in life."
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Leaf,
|
||||
title: "Farm to Table", description: "Fresh, seasonal ingredients sourced from trusted local farmers every morning."},
|
||||
tag: "01", title: "Farm to Table", subtitle: "Freshly sourced", description: "Daily produce from local farms.", imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetable-salad-dark-background_84443-85816.jpg"
|
||||
},
|
||||
{
|
||||
icon: Flame,
|
||||
title: "Artisanal Techniques", description: "Traditional preparation methods combined with modern culinary innovation."},
|
||||
{
|
||||
icon: Wine,
|
||||
title: "Curated Wine Selection", description: "Expertly paired wines to complement every dish on our seasonal menu."},
|
||||
tag: "02", title: "Culinary Art", subtitle: "Handcrafted", description: "Traditional meets modern technique.", imageSrc: "http://img.b2bpic.net/free-photo/seared-steak-with-roasted-vegetables_23-2151942406.jpg"
|
||||
}
|
||||
]}
|
||||
title="Why Choose Lumière"
|
||||
description="A curated experience designed for those who appreciate the finer things in life."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardThree
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1", name: "Aged Ribeye Steak", price: "$48", imageSrc: "http://img.b2bpic.net/free-photo/seared-steak-with-roasted-vegetables_23-2151942406.jpg"},
|
||||
{
|
||||
id: "p2", name: "Pan-Seared Sea Bass", price: "$42", imageSrc: "http://img.b2bpic.net/free-photo/wooden-plate-delicious-shrimps-with-tasty-crab-sticks-stone-surface_114579-57079.jpg"},
|
||||
{
|
||||
id: "p3", name: "Truffle Mushroom Risotto", price: "$34", imageSrc: "http://img.b2bpic.net/free-photo/pasta-with-chicken-tomatoes-greens-grated-cheese-served-with-juice_140725-7992.jpg"},
|
||||
{
|
||||
id: "p4", name: "Dark Chocolate Mousse", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/volcano-chocolate-soufle-served-with-vanilla-ice-cream-with-raspberry-syrup_140725-492.jpg"},
|
||||
{
|
||||
id: "p5", name: "Seasonal Artisan Salad", price: "$22", imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetable-salad-dark-background_84443-85816.jpg"},
|
||||
{
|
||||
id: "p6", name: "Lobster Bisque", price: "$26", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-tomato-soup-with-melted-parmesan-inside-blue-plate_114579-2908.jpg"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
title="Signature Creations"
|
||||
description="Indulge in our carefully selected signature dishes, designed to delight your senses."
|
||||
description="Indulge in our carefully selected signature dishes."
|
||||
products={[
|
||||
{ id: "p1", brand: "Classic", name: "Aged Ribeye Steak", price: "$48", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/seared-steak-with-roasted-vegetables_23-2151942406.jpg" },
|
||||
{ id: "p2", brand: "Classic", name: "Pan-Seared Sea Bass", price: "$42", rating: 4, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/wooden-plate-delicious-shrimps-with-tasty-crab-sticks-stone-surface_114579-57079.jpg" },
|
||||
{ id: "p3", brand: "Dessert", name: "Dark Chocolate Mousse", price: "$18", rating: 5, reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/volcano-chocolate-soufle-served-with-vanilla-ice-cream-with-raspberry-syrup_140725-492.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The atmosphere at Lumière is simply unmatched. Every dish we tasted was an absolute masterpiece, and the service was attentive without being intrusive. Truly a fine dining gem."
|
||||
rating={5}
|
||||
author="Sarah Jenkins"
|
||||
avatars={[
|
||||
<TestimonialCardTen
|
||||
title="What Guests Say"
|
||||
description="Real stories from our patrons."
|
||||
textboxLayout="split"
|
||||
testimonials={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-image-happy-smiling-woman-enjoy-her-morning-french-breakfast-open-cafe-terrace-tasty-organic-food-holding-french-croissant-her-hand_291049-526.jpg", alt: "Reviewer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-date-together-luxurious-restaurant_23-2150517403.jpg", alt: "Reviewer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-man-restaurant_23-2148395381.jpg", alt: "Reviewer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-young-people-enjoying-dinner-together_23-2148454092.jpg", alt: "Reviewer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-sitting-table_23-2149684349.jpg", alt: "Reviewer"},
|
||||
id: "t1", title: "Incredible", quote: "The atmosphere at Lumière is simply unmatched. Every dish was a masterpiece.", name: "Sarah Jenkins", role: "Regular Diner", imageSrc: "http://img.b2bpic.net/free-photo/close-up-image-happy-smiling-woman-enjoy-her-morning-french-breakfast-open-cafe-terrace-tasty-organic-food-holding-french-croissant-her-hand_291049-526.jpg"
|
||||
}
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "Do I need a reservation?", content: "Yes, we highly recommend making a reservation to secure your table, especially on weekends and holidays."},
|
||||
{
|
||||
id: "f2", title: "Are there vegetarian options?", content: "Certainly! We offer a dedicated seasonal vegetarian tasting menu and various options for every course."},
|
||||
{
|
||||
id: "f3", title: "What is the dress code?", content: "We maintain a business casual dress code to ensure a comfortable fine dining atmosphere for all our guests."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about dining with us? We've gathered some helpful information below."
|
||||
<FaqBase
|
||||
title="Common Questions"
|
||||
description="Get answers to your inquiries."
|
||||
faqsAnimation="blur-reveal"
|
||||
textboxLayout="split"
|
||||
faqs={[
|
||||
{ id: "f1", title: "Do I need a reservation?", content: "Yes, highly recommended." },
|
||||
{ id: "f2", title: "Vegetarian options?", content: "We have a dedicated menu." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
text="Contact our team today to learn more about our private event bookings, special dining packages, or any inquiries you may have about our menu."
|
||||
background={{
|
||||
variant: "sparkles-gradient"
|
||||
}}
|
||||
buttons={[
|
||||
{
|
||||
text: "Send Message", href: "mailto:hello@lumieredining.com"
|
||||
}
|
||||
]}
|
||||
<ContactSplit
|
||||
tag="Contact Us"
|
||||
title="Get in touch"
|
||||
description="We would love to hear from you for private events or general questions."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-cheering-with-wine-glasses-luxurious-restaurant_23-2150517422.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
<FooterMedia
|
||||
logoText="Lumière Dining"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/couple-holding-hands-table-restaurant_23-2148014447.jpg"
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Reviews", href: "#testimonials" }
|
||||
]
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{ label: "Reservations", href: "#contact" },
|
||||
{ label: "FAQs", href: "#faq" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
}
|
||||
{ title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Menu", href: "#menu" }] },
|
||||
{ title: "Support", items: [{ label: "FAQs", href: "#faq" }, { label: "Reservations", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user