Update src/app/avis/page.tsx

This commit is contained in:
2026-03-23 17:59:34 +00:00
parent d6da18b7e5
commit 969376470a

View File

@@ -2,13 +2,29 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
export default function AvisPage() {
const navItems = [
{
name: "Accueil", id: "/"}
,
{
name: "Menu", id: "/menu"}
,
{
name: "À propos", id: "/about"}
,
{
name: "Avis", id: "/avis"}
,
{
name: "Contact", id: "/contact"}
];
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
@@ -23,242 +39,84 @@ export default function LandingPage() {
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Accueil",
id: "home",
href: "/",
},
{
name: "Menu",
id: "menu",
href: "/menu",
},
{
name: "À propos",
id: "about",
href: "/about",
},
{
name: "Avis",
id: "avis",
href: "/avis",
},
{
name: "Contact",
id: "contact",
href: "/contact",
},
]}
brandName="Restaurant Le Cappadoce"
button={{
text: "Commander",
href: "/menu",
}}
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={navItems}
brandName="Restaurant Le Cappadoce"
button={{
text: "Commander", href: "/menu"
}}
/>
</div>
<div id="customer-stories" data-section="customer-stories">
<TestimonialCardTwo
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sophie M.",
role: "Cliente Fidèle",
testimonial: "Le meilleur kebab de Montceau-les-Mines ! La viande est toujours parfaitement assaisonnée et les frites croustillantes. Un régal à chaque fois !",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-35693.jpg?_wi=3",
imageAlt: "Sophie M.",
},
{
id: "2",
name: "Marc L.",
role: "Visiteur Régulier",
testimonial: "Une ambiance familiale très agréable et un service rapide. L'assiette Adana est à tomber par terre, pleine de saveurs !",
imageSrc: "http://img.b2bpic.net/free-photo/young-tourist-couple-looking-views-city_1301-4485.jpg?_wi=3",
imageAlt: "Marc L.",
},
{
id: "3",
name: "Chloé D.",
role: "Amoureuse de la Cuisine Turque",
testimonial: "J'adore leurs galettes végétariennes, c'est frais et très savoureux. Une excellente option pour un déjeuner sain et gourmand.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman_23-2147823623.jpg?_wi=3",
imageAlt: "Chloé D.",
},
{
id: "4",
name: "Antoine P.",
role: "Gourmet Averti",
testimonial: "Le French Tacos est une vraie découverte ! La sauce fromage maison est incroyable. Je recommande vivement ce restaurant.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg?_wi=2",
imageAlt: "Antoine P.",
},
{
id: "5",
name: "Léa R.",
role: "Cliente Occasionnelle",
testimonial: "Service impeccable et plats généreux. L'accueil est toujours chaleureux. Un incontournable pour les amateurs de cuisine turque.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-red-blouse-big-hat_273609-13361.jpg?_wi=3",
imageAlt: "Léa R.",
},
]}
title="Ce que disent nos gourmands"
description="Leurs sourires et leurs retours sont notre plus belle récompense. Découvrez pourquoi nos clients reviennent encore et encore."
tag="Témoignages Clients"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Marie Dubois", role: "Cliente fidèle", company: "Montceau-les-Mines", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-35693.jpg", imageAlt: "Happy customer woman smiling"
},
{
id: "2", name: "Pierre Martin", role: "Habitué du midi", company: "Montceau-les-Mines", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-tourist-couple-looking-views-city_1301-4485.jpg", imageAlt: "Man smiling professional portrait"
},
{
id: "3", name: "Sophie Garcia", role: "Passionnée de cuisine turque", company: "Montceau-les-Mines", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman_23-2147823623.jpg", imageAlt: "Woman with warm smile portrait"
},
{
id: "4", name: "Thomas Petit", role: "Gourmand exigeant", company: "Montceau-les-Mines", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg", imageAlt: "Young man casual portrait happy"
},
{
id: "5", name: "Laura Blanc", role: "Nouvelle résidente", company: "Montceau-les-Mines", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-red-blouse-big-hat_273609-13361.jpg", imageAlt: "Happy woman close-up smiling"
}
]}
kpiItems={[
{ value: "4.6⭐", description: "Étoiles clients" },
{ value: "100%", description: "Satisfaction service" },
{ value: "10+", description: "Ans d'expérience" }
]}
title="Ce Que Nos Clients Disent"
description="La satisfaction de nos convives est notre plus grande fierté. Découvrez leurs retours sur la qualité de nos plats, la rapidité de notre service et l'ambiance chaleureuse de notre restaurant."
animationType="blur-reveal"
/>
</div>
<div id="customer-ratings" data-section="customer-ratings">
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Élodie G.",
handle: "@Elodie_Gourmet",
testimonial: "Un délice ! Le kebab est toujours frais et copieux. 5 étoiles sans hésiter.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-young-woman-isolated_273609-35693.jpg?_wi=4",
imageAlt: "Élodie G.",
},
{
id: "2",
name: "Thomas V.",
handle: "@ThomasVoyageur",
testimonial: "Service rapide et aimable, les assiettes sont bien garnies. C'est parfait pour un bon repas.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/young-tourist-couple-looking-views-city_1301-4485.jpg?_wi=4",
imageAlt: "Thomas V.",
},
{
id: "3",
name: "Manon F.",
handle: "@ManonFoodie",
testimonial: "J'ai découvert Le Cappadoce et je suis conquise ! Les saveurs sont authentiques, comme en Turquie.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-woman_23-2147823623.jpg?_wi=4",
imageAlt: "Manon F.",
},
{
id: "4",
name: "Kevin J.",
handle: "@Kev_BonPlan",
testimonial: "Bon rapport qualité-prix, et c'est toujours un plaisir de manger ici. Le personnel est très sympa.",
rating: 4,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-short-curly-hair-colorful-shirt-smiling-broadly-hugging-herself-standing-green-wall_141793-29368.jpg?_wi=3",
imageAlt: "Kevin J.",
},
]}
showRating={true}
title="Vos Avis, Notre Force"
description="Découvrez la satisfaction de nos clients à travers leurs évaluations étoilées. Nous nous efforçons d'exceller grâce à vos retours."
tag="Nos Notes"
/>
</div>
<div id="reviews-faq" data-section="reviews-faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Comment puis-je laisser un avis ?",
content: "Vous pouvez laisser un avis sur notre page Google, nos réseaux sociaux, ou directement sur place après votre repas. Vos retours sont très importants pour nous !",
},
{
id: "2",
title: "Que faites-vous des avis négatifs ?",
content: "Nous prenons tous les avis au sérieux. Les retours négatifs nous aident à identifier les points à améliorer et à perfectionner notre service et nos plats.",
},
{
id: "3",
title: "Les avis sont-ils authentiques ?",
content: "Oui, tous les avis publiés sur notre site et nos plateformes sont réels et proviennent de nos clients. Nous valorisons la transparence.",
},
]}
title="Questions sur les Avis Clients"
description="Vous avez une question sur comment laisser un avis, ou sur la façon dont nous prenons en compte vos retours ? Nous sommes là pour vous éclairer."
faqsAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navigation",
items: [
{
label: "Accueil",
href: "/",
},
{
label: "Menu",
href: "/menu",
},
{
label: "À Propos",
href: "/about",
},
{
label: "Avis Clients",
href: "/avis",
},
{
label: "Contact",
href: "/contact",
},
],
},
{
title: "Horaires",
items: [
{
label: "Lun - Sam: 11h30 - 14h30",
href: "#",
},
{
label: "Lun - Sam: 18h30 - 22h30",
href: "#",
},
{
label: "Dimanche: Fermé",
href: "#",
},
],
},
{
title: "Contact",
items: [
{
label: "03 85 78 XX XX",
href: "tel:+3338578XXXX",
},
{
label: "info@lecappadoce.com",
href: "mailto:info@lecappadoce.com",
},
{
label: "123 Rue de la Cappadoce",
href: "#",
},
{
label: "71300 Montceau-les-Mines",
href: "#",
},
],
},
]}
copyrightText="© 2024 Restaurant Le Cappadoce. Tous droits réservés."
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-vector/ramadan-background-with-mosque-silhouette_23-2147551226.jpg"
columns={[
{
title: "Menu", items: [
{ label: "Kebab", href: "/menu#kebab" },
{ label: "Galettes", href: "/menu#galettes" },
{ label: "Assiettes", href: "/menu#assiettes" },
{ label: "Tacos", href: "/menu#tacos" }
]
},
{
title: "Le Restaurant", items: [
{ label: "Notre Histoire", href: "/about" },
{ label: "Avis Clients", href: "/avis" },
{ label: "Contact", href: "/contact" }
]
},
{
title: "Légal", items: [
{ label: "Mentions Légales", href: "#" },
{ label: "Politique de Confidentialité", href: "#" }
]
}
]}
logoText="Restaurant Le Cappadoce"
copyrightText="© 2024 | Restaurant Le Cappadoce. Tous droits réservés."
imageAlt="Turkish geometric pattern background"
/>
</div>
</ReactLenis>
</ThemeProvider>
);