184 lines
8.5 KiB
TypeScript
184 lines
8.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import { ChefHat, Coffee, PartyPopper } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="directional-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="medium"
|
|
sizing="mediumLarge"
|
|
background="floatingGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Accueil", id: "hero" },
|
|
{ name: "Philosophie", id: "about" },
|
|
{ name: "La Carte", id: "products" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="La Table de John"
|
|
button={{ text: "Réserver", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDualMedia
|
|
background={{ variant: "gradient-bars" }}
|
|
title="La Table de John"
|
|
description="Cave & Restaurant — L'art de recevoir à la française. Découvrez une cuisine généreuse et des vins d'exception."
|
|
tag="Gastronomie Raffinée"
|
|
buttons={[
|
|
{ text: "Réserver", href: "#contact" },
|
|
{ text: "Découvrir la carte", href: "#products" },
|
|
]}
|
|
mediaItems={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/wine-cellar_181624-916.jpg", imageAlt: "Restaurant ambiance" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/served-dinner-table-restaurant_23-2148086091.jpg", imageAlt: "Fine dining atmosphere" }
|
|
]}
|
|
mediaAnimation="slide-up"
|
|
rating={4.7}
|
|
ratingText="47 avis Google"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
title="Notre Philosophie"
|
|
description="Une cuisine généreuse, des vins choisis avec soin, un accueil où l'on se sent comme chez soi. Voilà notre promesse, portée par un chef passionné et une équipe aux petits soins."
|
|
bulletPoints={[
|
|
{ title: "Produits frais", description: "Sélection rigoureuse des meilleurs produits locaux." },
|
|
{ title: "Cave d'exception", description: "Une sélection de vins pour chaque plat." },
|
|
{ title: "Accueil sincère", description: "Une attention particulière portée à chaque client." },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/male-chef-cutting-tomatoes-kitchen_23-2148763116.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
imageAlt="chef cooking professional kitchen"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureBorderGlow
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
icon: ChefHat,
|
|
title: "Repas sur place", description: "Une expérience gastronomique dans notre cadre intimiste."},
|
|
{
|
|
icon: Coffee,
|
|
title: "À emporter", description: "Retrouvez nos spécialités chez vous en un clic."},
|
|
{
|
|
icon: PartyPopper,
|
|
title: "Événements privés", description: "Anniversaires, séminaires, nous privatisons pour vous."},
|
|
]}
|
|
title="L'expérience La Table"
|
|
description="Tout ce dont vous avez besoin pour un moment inoubliable."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{ id: "p1", name: "Poulpe Croustillant", price: "28€", imageSrc: "http://img.b2bpic.net/free-photo/grilled-charred-octopus_74190-7584.jpg" },
|
|
{ id: "p2", name: "Entrecôte Maturée", price: "34€", imageSrc: "http://img.b2bpic.net/free-photo/slices-meat-served-with-lettuce-sesame-seeds-sauce_141793-955.jpg" },
|
|
{ id: "p3", name: "Dessert Signature", price: "14€", imageSrc: "http://img.b2bpic.net/free-photo/front-view-little-delicious-cake-with-chocolate-raisins-light-dark-background_140725-132619.jpg" },
|
|
{ id: "p4", name: "Sélection Grands Crus", price: "Varies", imageSrc: "http://img.b2bpic.net/free-photo/mid-section-bar-tender-opening-bottle-wine_107420-65380.jpg" },
|
|
{ id: "p5", name: "Tartare du Chef", price: "22€", imageSrc: "http://img.b2bpic.net/free-photo/fruit-white-plate_1203-2817.jpg" },
|
|
{ id: "p6", name: "Cave & Terroir", price: "Varies", imageSrc: "http://img.b2bpic.net/free-photo/neoclassical-style-interior-design-with-decor-furnishings_23-2151199433.jpg" },
|
|
]}
|
|
title="La Carte & La Cave"
|
|
description="Nos plats signatures et notre sélection de vins d'exception."
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Guide Michelin", "Gault Millau", "Sommelier Guild", "TripAdvisor Excellence", "French Quality Label"]}
|
|
title="Reconnaissance et Qualité"
|
|
description="La reconnaissance de notre engagement pour l'excellence culinaire."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="split-description"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{ id: "t1", name: "Sophie M.", role: "Habituée", testimonial: "Dîner comme jamais, la viande comme il faut.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinks-cocktail-bar_641386-403.jpg" },
|
|
{ id: "t2", name: "Thomas L.", role: "Professionnel", testimonial: "Accueil chaleureux, cuisine excellente, un sans-faute.", imageSrc: "http://img.b2bpic.net/free-photo/urban-portrait-young-man-with-long-hair_23-2149122919.jpg" },
|
|
{ id: "t3", name: "Claire D.", role: "Amateur de vin", testimonial: "La sélection de vins est vraiment exceptionnelle.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-luxurious-restaurant_23-2150517450.jpg" },
|
|
{ id: "t4", name: "Marc R.", role: "Événement privé", testimonial: "Anniversaire parfait, tout était délicieux et organisé.", imageSrc: "http://img.b2bpic.net/free-photo/girl-is-sitting-table-restaurant-drink-wine-enjoy-scent-roses-flower-waiting-date_496169-221.jpg" },
|
|
{ id: "t5", name: "Julie H.", role: "Locale", testimonial: "Une adresse incontournable à Saint-André-sur-Orne.", imageSrc: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg" },
|
|
]}
|
|
title="Avis de nos convives"
|
|
description="Découvrez pourquoi nos clients nous recommandent."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
tag="À bientôt !"
|
|
title="Contact & Réservations"
|
|
description="Un événement, une question ou une réservation ? Contactez-nous."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Menu", href: "#products" },
|
|
{ label: "Cave", href: "#products" },
|
|
{ label: "Événements", href: "#about" },
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Contact", href: "#contact" },
|
|
{ label: "Mentions Légales", href: "#" },
|
|
{ label: "Instagram", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
logoText="La Table de John"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|