163 lines
7.5 KiB
TypeScript
163 lines
7.5 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import { Award, CheckCircle, Star } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-shift"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ name: "Accueil", id: "hero" },
|
|
{ name: "Notre Histoire", id: "about" },
|
|
{ name: "La Carte", id: "menu" },
|
|
{ name: "Concept", id: "concept" },
|
|
{ name: "Réserver", id: "contact" },
|
|
]}
|
|
brandName="L'Essentiel"
|
|
button={{ text: "Réserver", href: "#contact" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{ variant: "gradient-bars" }}
|
|
logoText="L'Essentiel"
|
|
description="Une expérience culinaire où la tradition méridionale rencontre l'élégance contemporaine. Noté 4,7/5 par nos convives."
|
|
buttons={[{ text: "Réserver", href: "#contact" }, { text: "Découvrir la carte", href: "#menu" }]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/wide-restaurant-hall-with-wooden-table-chairs-6-persons_140725-8910.jpg"
|
|
imageAlt="Ambiance restaurant"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
title="Notre Histoire"
|
|
description="Né d'une passion pour le produit brut, L'Essentiel revisite les saveurs du terroir avec audace. Chaque plat raconte une part de notre terre."
|
|
bulletPoints={[
|
|
{ title: "Artisanat", description: "Produits sourcés localement." },
|
|
{ title: "Saisonnalité", description: "Une carte qui évolue au gré des mois." },
|
|
{ title: "Passion", description: "Une équipe dédiée à l'excellence." }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208326.jpg"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", name: "Signature du chef", price: "34€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-meal-luxury-restaurant_23-2150598373.jpg" },
|
|
{ id: "p2", name: "Classique Méridional", price: "28€", imageSrc: "http://img.b2bpic.net/free-vector/party-menu-template-design_742173-23580.jpg" },
|
|
{ id: "p3", name: "Assiette Végétale", price: "24€", imageSrc: "http://img.b2bpic.net/free-photo/fresh-organic-healthy-vegetable-stall-farmers-market_23-2148209839.jpg" }
|
|
]}
|
|
title="La Carte"
|
|
description="Découvrez nos créations signatures et nos classiques revisités."
|
|
/>
|
|
</div>
|
|
|
|
<div id="concept" data-section="concept">
|
|
<FeatureCardTwelve
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ id: "f1", label: "01", title: "Terroir", items: ["Produits locaux", "Circuit court"] },
|
|
{ id: "f2", label: "02", title: "Audace", items: ["Saveurs fusion", "Techniques modernes"] },
|
|
{ id: "f3", label: "03", title: "Service", items: ["Sur place", "À emporter"] },
|
|
{ id: "f4", label: "04", title: "Engagement", items: ["Zéro déchet", "Éco-responsabilité"] }
|
|
]}
|
|
title="Le Concept"
|
|
description="Quatre piliers qui définissent notre identité."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{ id: "m1", value: "4,7", title: "Note Moyenne", description: "Sur Google Reviews", icon: Star },
|
|
{ id: "m2", value: "830+", title: "Avis Clients", description: "Convives ravis", icon: Award },
|
|
{ id: "m3", value: "100%", title: "Produits", description: "Frais et locaux", icon: CheckCircle }
|
|
]}
|
|
title="Nos Chiffres"
|
|
description="La satisfaction de nos clients est notre meilleure récompense."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", name: "Sophie M.", role: "Fidèle", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg?_wi=1" },
|
|
{ id: "t2", name: "Marc T.", role: "Gourmet", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-looking-with-love-his-girlfriend_23-2148435796.jpg" },
|
|
{ id: "t3", name: "Julie L.", role: "Amateur", company: "Client", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/medium-woman-taking-food-photo_23-2149250048.jpg" },
|
|
{ id: "t4", name: "Paul B.", role: "Expert", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-happy-friends-sitting-cafe_171337-19734.jpg" },
|
|
{ id: "t5", name: "Emma R.", role: "Gastronome", company: "Client", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg?_wi=2" }
|
|
]}
|
|
title="Avis Clients"
|
|
description="Ce que disent nos convives."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
tag="Réservation"
|
|
title="Réservez votre table"
|
|
description="Nous sommes impatients de vous accueillir pour un moment d'exception."
|
|
buttons={[{ text: "Appeler", href: "tel:+33123456789" }, { text: "Réserver en ligne", href: "#" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
columns={[
|
|
{ title: "L'Essentiel", items: [{ label: "Mentions Légales", href: "#" }, { label: "Confidentialité", href: "#" }] },
|
|
{ title: "Contact", items: [{ label: "12 rue des Saveurs", href: "#" }, { label: "01 23 45 67 89", href: "tel:+33123456789" }] }
|
|
]}
|
|
copyrightText="© 2024 L'Essentiel Restaurant"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|