Update src/app/page.tsx

This commit is contained in:
2026-05-06 09:54:30 +00:00
parent de95040fe8
commit 555a2d0c9e

View File

@@ -4,13 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
export default function LandingPage() {
return (
@@ -30,16 +30,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Accueil", id: "hero"},
{
name: "À propos", id: "about"},
{
name: "Menu", id: "menu"},
{
name: "Avis", id: "testimonials"},
{
name: "Réservation", id: "contact"},
{ name: "Accueil", id: "hero" },
{ name: "À propos", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Avis", id: "testimonials" },
{ name: "Réservation", id: "contact" },
]}
brandName="Le Grand Café"
/>
@@ -47,64 +42,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "plain"}}
background={{ variant: "plain" }}
title="Une institution culinaire au cœur de Cholet"
description="Le Grand Café, brasserie traditionnelle au service élégant et raffiné."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/beige-colored-interior-dining-room_114579-2540.jpg", imageAlt: "restaurant parisien élégant intérieur"},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157792.jpg", imageAlt: "détail dressage table restaurant"},
{
imageSrc: "http://img.b2bpic.net/free-photo/eggplant-dolma-with-tomato-belly-pepper_140725-4616.jpg", imageAlt: "assiette fruits de mer huîtres dorade"},
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-garnished-with-vegetables-spices-sauce-plate-with-glass-white-wine-table_140725-11498.jpg", imageAlt: "restaurant parisien élégant intérieur"},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop-cafe-interior_74190-6312.jpg", imageAlt: "détail dressage table restaurant"},
{ imageSrc: "http://img.b2bpic.net/free-photo/beige-colored-interior-dining-room_114579-2540.jpg", imageAlt: "restaurant parisien élégant intérieur" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157792.jpg", imageAlt: "détail dressage table restaurant" },
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-42535.jpg", imageAlt: "détail dressage table restaurant"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-spanish-food_23-2149210925.jpg", imageAlt: "assiette fruits de mer huîtres dorade"},
{
imageSrc: "http://img.b2bpic.net/free-photo/couple-cafe_1157-4339.jpg", imageAlt: "restaurant parisien élégant intérieur"},
{
imageSrc: "http://img.b2bpic.net/free-photo/coffee-shop-with-blurred-effect_23-2148164705.jpg", imageAlt: "détail dressage table restaurant"},
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-floral-feast-still-life_23-2149509080.jpg", imageAlt: "assiette fruits de mer huîtres dorade"},
{ imageSrc: "http://img.b2bpic.net/free-photo/interior-cafe-with-brick-walls_53876-42535.jpg", imageAlt: "détail dressage table restaurant" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-spanish-food_23-2149210925.jpg", imageAlt: "assiette fruits de mer huîtres dorade" },
]}
buttons={[
{
text: "Réserver votre table", href: "#contact"},
{
text: "Voir le menu", href: "#menu"},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/luxury-meeting-dining-room-table-multiple-chairs_114579-2067.jpg", alt: "Luxury meeting and dining room table and multiple chairs"},
{
src: "http://img.b2bpic.net/free-photo/royal-dining-room-with-wooden-furniture-chandeliers_114579-2222.jpg", alt: "Royal dining room with wooden furniture and chandeliers"},
{
src: "http://img.b2bpic.net/free-photo/modern-interior-design-interior_23-2151929524.jpg", alt: "Modern interior design interior"},
{
src: "http://img.b2bpic.net/free-photo/close-up-restaurant-table-with-pink-velvet-chairs-grey-painted-hall-with-classic-paintings_140725-8705.jpg", alt: "Close up of restaurant table with pink velvet chairs in grey painted hall with classic paintings"},
{
src: "http://img.b2bpic.net/free-photo/wonderful-wedding-table-amazing-restaurant_8353-9875.jpg", alt: "Wonderful wedding table in amazing restaurant"},
]}
avatarText="Recommandé par plus de 500 convives"
marqueeItems={[
{
type: "image", src: "http://img.b2bpic.net/free-photo/russian-salad-with-orange-juice_140725-3686.jpg", alt: "Russian salad with orange juice"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/waiter-is-serving-dinner-two-pretty-friends-women-elegant-restaurant_8353-10575.jpg", alt: "Waiter is serving dinner for two pretty friends women at the elegant restaurant"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/young-attractive-woman-striped-trench-coat-happily-talking-cellphone-sitting-near-big-window-while-spending-time-modern-cafe_574295-4851.jpg", alt: "Young attractive woman in striped trench coat happily talking on cellphone sitting near big window while spending time in modern cafe"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/classic-luxury-restaurant-with-tables-chairs_140725-9388.jpg", alt: "Classic luxury restaurant with tables and chairs"},
{
type: "image", src: "http://img.b2bpic.net/free-photo/modern-serve-restaurant-outdoor-chairs_1203-4492.jpg", alt: "modern serve restaurant outdoor chairs"},
{ text: "Réserver votre table", href: "#contact" },
{ text: "Voir le menu", href: "#menu" },
]}
/>
</div>
@@ -115,15 +66,10 @@ export default function LandingPage() {
title="Une tradition culinaire ancrée à Cholet"
description="Brasserie traditionnelle reconnue, nous privilégions les produits frais dans un cadre chaleureux et raffiné. Idéal pour vos moments de partage."
metrics={[
{
value: "20+", title: "Années d'excellence"},
{
value: "100%", title: "Cuisine maison"},
{ value: "20+", title: "Années d'excellence" },
{ value: "100%", title: "Cuisine maison" },
]}
imageSrc="http://img.b2bpic.net/free-photo/beer-concept-with-nuts_23-2147790682.jpg"
imageAlt="chef cuisine française préparation produits frais"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
@@ -134,18 +80,8 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "p1", name: "Plateau de Fruits de Mer", price: "45€", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-putting-tartines-display-case_23-2147830514.jpg"},
{
id: "p2", name: "Escargots de Bourgogne", price: "18€", imageSrc: "http://img.b2bpic.net/free-photo/traditional-french-food-world-tourism-day_23-2149114054.jpg"},
{
id: "p3", name: "Paleron de Bœuf Fondant", price: "28€", imageSrc: "http://img.b2bpic.net/free-photo/cutting-biscuit-with-whipping-cream-berries-with-cutlery_114579-3648.jpg"},
{
id: "p4", name: "Dorade Royale Grillée", price: "32€", imageSrc: "http://img.b2bpic.net/free-photo/boiled-eggs-stir-fried-with-tamarind-sauce_1150-22284.jpg"},
{
id: "p5", name: "Crème Brûlée Tradition", price: "12€", imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-dish-branches-plate-mushrooms-potatoes-grey-table-spruce-branches-with-cones-fork-mushrooms-salt_140725-117356.jpg"},
{
id: "p6", name: "Vins de Propriété", price: "Variable", imageSrc: "http://img.b2bpic.net/free-photo/chicken-roll-vegetables-greens-tomato-sauce-lettuce-side-view_141793-3088.jpg"},
{ id: "p1", name: "Plateau de Fruits de Mer", price: "45€", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-putting-tartines-display-case_23-2147830514.jpg" },
{ id: "p2", name: "Escargots de Bourgogne", price: "18€", imageSrc: "http://img.b2bpic.net/free-photo/traditional-french-food-world-tourism-day_23-2149114054.jpg" },
]}
title="Notre Menu Classique"
description="Le meilleur de la cuisine française traditionnelle, élaboré avec passion."
@@ -158,21 +94,7 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Jean Dupont", handle: "@jeandup", testimonial: "Une valeur sûre depuis plusieurs années à Cholet.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg"},
{
id: "2", name: "Marie Lefebvre", handle: "@marielef", testimonial: "Un incontournable de Cholet pour les familles.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077662.jpg"},
{
id: "3", name: "Paul Martin", handle: "@paulmart", testimonial: "Cuisine délicieuse et service impeccable à chaque fois.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-pretty-waitress_1098-15705.jpg"},
{
id: "4", name: "Sophie Martin", handle: "@sophiem", testimonial: "Très bon accueil et cuisine savoureuse.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-tanned-student-with-thick-beard-having-good-coffee-lunch-smiling-happily-enjoying-summer-vacations-tropical-country_273609-1756.jpg"},
{
id: "5", name: "Lucie V.", handle: "@luciev", testimonial: "Cadre élégant et cuisine généreuse, j'adore.", rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/positive-smiling-woman-with-collected-hair-wearing-white-shirt_291650-656.jpg"},
{ id: "1", name: "Jean Dupont", handle: "@jeandup", testimonial: "Une valeur sûre depuis plusieurs années à Cholet.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg" },
]}
showRating={true}
title="L'avis de nos convives"
@@ -186,18 +108,7 @@ export default function LandingPage() {
textboxLayout="inline-image"
useInvertedBackground={false}
features={[
{
id: "g1", title: "Terrasse Chic", author: "Élégance", description: "Détendez-vous sur notre terrasse avec nappes blanches.", tags: [
"Ambiance"],
imageSrc: "http://img.b2bpic.net/free-photo/table-setting_74190-3618.jpg"},
{
id: "g2", title: "Intérieur Raffiné", author: "Atmosphère", description: "Un décor feutré idéal pour vos occasions spéciales.", tags: [
"Décor"],
imageSrc: "http://img.b2bpic.net/free-photo/side-view-baked-fish-fillet-with-red-onions-narsharab-plate_140725-11496.jpg"},
{
id: "g3", title: "Service Attentif", author: "Accueil", description: "Notre équipe est dédiée à votre confort.", tags: [
"Service"],
imageSrc: "http://img.b2bpic.net/free-photo/employee-giving-directions-tourist_482257-76674.jpg"},
{ id: "g1", title: "Terrasse Chic", author: "Élégance", description: "Détendez-vous sur notre terrasse avec nappes blanches.", tags: ["Ambiance"], imageSrc: "http://img.b2bpic.net/free-photo/table-setting_74190-3618.jpg" },
]}
title="Ambiance du Grand Café"
description="Découvrez notre atmosphère chaleureuse."
@@ -209,12 +120,10 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1", title: "Quelle est votre adresse ?", content: "Nous sommes situés au cœur du centre-ville de Cholet."},
{
id: "f2", title: "Acceptez-vous les réservations ?", content: "Oui, vivement recommandées via notre formulaire."},
{
id: "f3", title: "Quels sont vos horaires ?", content: "Mardi à Samedi : 12h-14h / 19h-22h ; Dimanche : 12h-15h."},
{ id: "f1", title: "Quelle est votre adresse ?", content: "Nous sommes situés au cœur du centre-ville de Cholet." },
{ id: "f2", title: "Acceptez-vous les réservations ?", content: "Oui, vivement recommandées via notre formulaire." },
{ id: "f3", title: "Quels sont vos horaires ?", content: "Mardi à Samedi : 12h00 - 14h00 et 19h00 - 22h00 ; Dimanche : 12h00 - 15h00." },
{ id: "f4", title: "Le site est-il fini ?", content: "Oui, le développement du site est désormais terminé et pleinement opérationnel pour vos réservations." },
]}
title="Questions Fréquentes"
description="Tout ce que vous devez savoir."
@@ -228,16 +137,10 @@ export default function LandingPage() {
title="Réserver une table"
description="Le restaurant est souvent complet, pensez à réserver à l'avance."
inputs={[
{
name: "nom", type: "text", placeholder: "Votre nom", required: true,
},
{
name: "tel", type: "tel", placeholder: "Téléphone", required: true,
},
{ name: "nom", type: "text", placeholder: "Votre nom", required: true },
{ name: "tel", type: "tel", placeholder: "Téléphone", required: true },
]}
textarea={{
name: "details", placeholder: "Date et nombre de personnes...", rows: 4,
}}
textarea={{ name: "details", placeholder: "Date et nombre de personnes...", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/young-african-american-waiter-man-hold-tray-with-burger-restaurant-show-thumb-up_627829-13236.jpg"
buttonText="Réserver ma table"
/>
@@ -246,10 +149,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Le Grand Café"
leftLink={{
text: "© 2024 Le Grand Café", href: "#"}}
rightLink={{
text: "Contact : 02 41 00 00 00", href: "tel:0241000000"}}
leftLink={{ text: "© 2024 Le Grand Café", href: "#" }}
rightLink={{ text: "Contact : 02 41 00 00 00", href: "tel:0241000000" }}
/>
</div>
</ReactLenis>