Files
75f6c6e2-e38d-4488-b994-10a…/src/app/page.tsx
2026-05-17 11:08:08 +00:00

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>
);
}