108 lines
5.1 KiB
TypeScript
108 lines
5.1 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroLogo from '@/components/sections/hero/HeroLogo';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="small"
|
|
sizing="largeSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Reservations", id: "/reservations" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
button={{ text: "Book Now", href: "/reservations" }}
|
|
brandName="Lumière Dining"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogo
|
|
logoText="Lumière Dining"
|
|
description="Experience culinary artistry in the heart of the city. A sophisticated blend of tradition and modern innovation."
|
|
buttons={[{ text: "Book a table", href: "/reservations" }]}
|
|
buttonAnimation="slide-up"
|
|
imageSrc="http://img.b2bpic.net/free-photo/restaurant-dinner-table-with-plates-cutlery-yellow-blue-glasses_140725-8444.jpg"
|
|
imageAlt="Luxurious restaurant atmosphere"
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured-dishes" data-section="featured-dishes">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{ id: "1", name: "Pan-Seared Salmon", price: "$38", imageSrc: "http://img.b2bpic.net/free-photo/fresh-shrimp-soaked-fish-sauce-thai-food_1150-22764.jpg?_wi=1" },
|
|
{ id: "2", name: "Aged Filet Mignon", price: "$52", imageSrc: "http://img.b2bpic.net/free-photo/cook-cutting-roasted-meat-board_23-2148040153.jpg?_wi=1" },
|
|
{ id: "3", name: "Deconstructed Tart", price: "$18", imageSrc: "http://img.b2bpic.net/free-photo/decorative-cake-slices-tray-orchid-flower-bouquet_23-2148028530.jpg" },
|
|
{ id: "4", name: "Truffle Risotto", price: "$29", imageSrc: "http://img.b2bpic.net/free-photo/fresh-shrimp-soaked-fish-sauce-thai-food_1150-22764.jpg?_wi=2" },
|
|
{ id: "5", name: "Seared Scallops", price: "$34", imageSrc: "http://img.b2bpic.net/free-photo/cook-cutting-roasted-meat-board_23-2148040153.jpg?_wi=2" },
|
|
]}
|
|
title="Signature Creations"
|
|
description="Our chef's hand-picked seasonal favorites crafted with precision."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "1", name: "Alex R.", role: "Food Critic", company: "Fine Dining Weekly", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/person-happy-woman-clanging-glasses-wine-table-cafe_23-2148016787.jpg" },
|
|
{ id: "2", name: "Elena M.", role: "Local Patron", company: "Neighbor", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-people-bistro_23-2149366453.jpg" },
|
|
{ id: "3", name: "Julian B.", role: "Traveler", company: "Visitor", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg" },
|
|
{ id: "4", name: "Sarah P.", role: "Corporate Client", company: "GrowthCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269176.jpg" },
|
|
{ id: "5", name: "Marcus V.", role: "Regular", company: "City Resident", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-celebrating-engagement_23-2149212184.jpg" },
|
|
]}
|
|
title="What Guests Say"
|
|
description="Exquisite experiences, memorable moments."
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialProof" data-section="socialProof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={["The Michelin Guide", "City Dining Weekly", "Gourmet Magazine", "Culinary Excellence", "Foodie World"]}
|
|
title="Recognized Excellence"
|
|
description="Featuring in leading publications for culinary distinction."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Lumière Dining"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Use", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|