Merge version_2 into main #3

Merged
bender merged 1 commits from version_2 into main 2026-05-12 18:34:13 +00:00

View File

@@ -3,7 +3,6 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
@@ -29,109 +28,119 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Accueil", id: "hero" },
{ name: "Notre Engagement", id: "about" },
{ name: "Menu", id: "products" },
{ name: "Qualité", id: "features" },
{ name: "Contact", id: "contact" },
]}
brandName="Chez Memo"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Accueil", id: "hero" },
{ name: "Notre Engagement", id: "about" },
{ name: "Menu", id: "products" },
{ name: "Qualité", id: "features" },
{ name: "Contact", id: "contact" },
]}
brandName="Chez Memo"
/>
</div>
<div id="hero" data-section="hero">
<HeroPersonalLinks
background={{ variant: "plain" }}
title="Vrai Kebab, Vrai Goût, Zéro Gras"
linkCards={[
{ title: "Assiettes", description: "Kebab, Sucuk et spécialités", button: { text: "Voir" } },
{ title: "Snacks", description: "Une sélection rapide et savoureuse", button: { text: "Voir" } },
{ title: "Douceur", description: "Tiramisu maison", button: { text: "Commandez" } }
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroPersonalLinks
background={{ variant: "plain" }}
title="Vrai Kebab, Vrai Goût, Zéro Gras"
linkCards={[
{ title: "Assiettes", description: "Kebab, Sucuk et spécialités", button: { text: "Voir" } },
{ title: "Snacks", description: "Une sélection rapide et savoureuse", button: { text: "Voir" } },
{ title: "Douceur", description: "Tiramisu maison", button: { text: "Commandez" } }
]}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
tag="L'Engagement Chez Memo"
title="La Qualité Avant Tout"
description="Une hygiène irréprochable et des produits frais pour une expérience culinaire moderne."
subdescription="Nous vous offrons le thé en signe de notre hospitalité."
icon={Utensils}
imageSrc="http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149728032.jpg"
mediaAnimation="blur-reveal"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
tag="L'Engagement Chez Memo"
title="La Qualité Avant Tout"
description="Une hygiène irréprochable et des produits frais pour une expérience culinaire moderne."
subdescription="Nous vous offrons le thé en signe de notre hospitalité."
icon={Utensils}
imageSrc="http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149728032.jpg"
mediaAnimation="blur-reveal"
useInvertedBackground={false}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwelve
animationType="slide-up"
textboxLayout="default"
title="Excellence Culinaire"
description="Une approche premium du Kebab pour une clientèle exigeante."
features={[
{ id: "1", label: "Hygiène", title: "Cuisine Transparente", items: ["Normes HACCP strictes", "Ouverte sur salle"], buttons: [{ text: "En savoir plus" }] },
{ id: "2", label: "Santé", title: "Sans excès de gras", items: ["Viande de choix", "Préparée avec soin"], buttons: [{ text: "Nos engagements" }] }
]}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwelve
animationType="slide-up"
textboxLayout="default"
title="Excellence Culinaire"
description="Une approche premium du Kebab pour une clientèle exigeante."
features={[
{ id: "1", label: "Hygiène", title: "Cuisine Transparente", items: ["Normes HACCP strictes", "Ouverte sur salle"], buttons: [{ text: "En savoir plus" }] },
{ id: "2", label: "Santé", title: "Sans excès de gras", items: ["Viande de choix", "Préparée avec soin"], buttons: [{ text: "Nos engagements" }] }
]}
useInvertedBackground={false}
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
title="Notre Sélection"
products={[
{ id: "1", name: "Kebab Royal", price: "12€", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/delicious-arabic-fast-food-skewers_23-2148651114.jpg" },
{ id: "2", name: "Sucuk Grillé", price: "11€", variant: "Spécialité", imageSrc: "http://img.b2bpic.net/free-photo/cream-is-being-poured-top-raw-cooked-meat-slices_140725-5009.jpg" },
{ id: "3", name: "Tiramisu Maison", price: "4€", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-glass-arrangement_23-2149030735.jpg" }
]}
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
title="Notre Sélection"
textboxLayout="default"
description="Nos meilleurs choix"
products={[
{ id: "1", name: "Kebab Royal", price: "12€", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/delicious-arabic-fast-food-skewers_23-2148651114.jpg" },
{ id: "2", name: "Sucuk Grillé", price: "11€", variant: "Spécialité", imageSrc: "http://img.b2bpic.net/free-photo/cream-is-being-poured-top-raw-cooked-meat-slices_140725-5009.jpg" },
{ id: "3", name: "Tiramisu Maison", price: "4€", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-glass-arrangement_23-2149030735.jpg" }
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
gridVariant="uniform-all-items-equal"
title="Chez Memo en chiffres"
metrics={[
{ id: "1", value: "100%", title: "Qualité viande", description: "Sélectionnée", icon: CheckCircle },
{ id: "2", value: "0%", title: "Excès", description: "Zéro gras superflu", icon: Award },
{ id: "3", value: "1", title: "Tradition", description: "Thé offert", icon: Sparkles },
]}
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardOne
animationType="slide-up"
gridVariant="uniform-all-items-equal"
title="Chez Memo en chiffres"
description="Les chiffres clés"
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{ id: "1", value: "100%", title: "Qualité viande", description: "Sélectionnée", icon: CheckCircle },
{ id: "2", value: "0%", title: "Excès", description: "Zéro gras superflu", icon: Award },
{ id: "3", value: "1", title: "Tradition", description: "Thé offert", icon: Sparkles },
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
cardTitle="Avis des gourmets"
cardTag="Chez Memo"
testimonials={[
{ id: "1", name: "Client fidèle", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-his-friend-bar_171337-19359.jpg" },
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwelve
cardTitle="Avis des gourmets"
cardTag="Chez Memo"
cardAnimation="slide-up"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Client fidèle", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-his-friend-bar_171337-19359.jpg" },
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactText
background={{ variant: "plain" }}
text="Venez découvrir Chez Memo, le kebab premium de votre quartier."
/>
</div>
<div id="contact" data-section="contact">
<ContactText
background={{ variant: "plain" }}
text="Venez découvrir Chez Memo, le kebab premium de votre quartier."
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Chez Memo"
columns={[
{ title: "Menu", items: [{ label: "Assiettes", href: "#products" }, { label: "Tiramisu", href: "#products" }] },
{ title: "Contact", items: [{ label: "Nous trouver", href: "#contact" }] }
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseCard
logoText="Chez Memo"
columns={[
{ title: "Menu", items: [{ label: "Assiettes", href: "#products" }, { label: "Tiramisu", href: "#products" }] },
{ title: "Contact", items: [{ label: "Nous trouver", href: "#contact" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);