Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -3,198 +3,145 @@
 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 FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import HeroPersonalLinks from '@/components/sections/hero/HeroPersonalLinks';
-import MediaAbout from '@/components/sections/about/MediaAbout';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
-import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import { Utensils, CheckCircle, Award, Sparkles } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
-        defaultTextAnimation="background-highlight"
+        defaultTextAnimation="reveal-blur"
-        borderRadius="rounded"
+        borderRadius="soft"
-        contentWidth="small"
+        contentWidth="medium"
-        sizing="mediumSizeLargeTitles"
+        sizing="medium"
-        background="aurora"
+        background="none"
-        cardStyle="gradient-bordered"
+        cardStyle="solid"
-        primaryButtonStyle="primary-glow"
+        primaryButtonStyle="flat"
-        secondaryButtonStyle="radial-glow"
+        secondaryButtonStyle="solid"
-        headingFontWeight="normal"
+        headingFontWeight="bold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+            <NavbarStyleFullscreen
-      navItems={[
+            navItems={[
-        { name: "Accueil", id: "hero" },
+                { name: "Accueil", id: "hero" },
-        { name: "Notre Héritage", id: "about" },
+                { name: "Notre Engagement", id: "about" },
-        { name: "Le Menu", id: "products" },
+                { name: "Menu", id: "products" },
-        { name: "Avis", id: "testimonials" },
+                { name: "Qualité", id: "features" },
-        { name: "Contact", id: "contact" },
+                { name: "Contact", id: "contact" },
-      ]}
+            ]}
-      brandName="Chez Memo"
+            brandName="Chez Memo"
-    />
+            />
-  </div>
+        </div>
 
-  <div id="hero" data-section="hero">
+        <div id="hero" data-section="hero">
-      <HeroBillboard
+            <HeroPersonalLinks
-      background={{ variant: "gradient-bars" }}
+            background={{ variant: "plain" }}
-      title="Chez Memo: L'Authenticité Grillée"
+            title="Vrai Kebab, Vrai Goût, Zéro Gras"
-      description="L'hospitalité offerte. Une expérience gastronomique qui redéfinit le snack traditionnel avec élégance et passion."
+            linkCards={[
-      buttons={[{ text: "Découvrir la carte", href: "#products" }]}
+                { title: "Assiettes", description: "Kebab, Sucuk et spécialités", button: { text: "Voir" } },
-      imageSrc="http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149728032.jpg"
+                { title: "Snacks", description: "Une sélection rapide et savoureuse", button: { text: "Voir" } },
-      imageAlt="Viande grillée signature"
+                { title: "Douceur", description: "Tiramisu maison", button: { text: "Commandez" } }
-      mediaAnimation="blur-reveal"
+            ]}
-      avatars={[
+            />
-        { src: "http://img.b2bpic.net/free-photo/man-talking-with-his-friend-bar_171337-19359.jpg", alt: "Client satisfait 1" },
+        </div>
-        { src: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", alt: "Client satisfait 2" },
-        { src: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg", alt: "Client satisfait 3" },
-        { src: "http://img.b2bpic.net/free-photo/adults-enjoying-mexican-food_23-2149663852.jpg", alt: "Client satisfait 4" },
-        { src: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg", alt: "Client satisfait 5" },
-      ]}
-      avatarText="Rejoignez plus de 1000 gourmets satisfaits"
-      marqueeItems={[
-        { type: "text", text: "Viande Fraîche" },
-        { type: "text", text: "Produits Artisanaux" },
-        { type: "text", text: "Accueil Chaleureux" },
-        { type: "text", text: "Service Rapide" },
-        { type: "text", text: "Qualité Premium" },
-      ]}
-    />
-  </div>
 
-  <div id="about" data-section="about">
+        <div id="about" data-section="about">
-      <MediaAbout
+            <TestimonialAboutCard
-      useInvertedBackground={false}
+            tag="L'Engagement Chez Memo"
-      title="Un environnement épuré, un savoir-faire intact"
+            title="La Qualité Avant Tout"
-      description="Chez Memo, la transparence est notre premier gage de qualité. Une cuisine ouverte où chaque geste est pensé pour votre satisfaction."
+            description="Une hygiène irréprochable et des produits frais pour une expérience culinaire moderne."
-      imageSrc="http://img.b2bpic.net/free-photo/self-service-restaurant_93675-130913.jpg"
+            subdescription="Nous vous offrons le thé en signe de notre hospitalité."
-      imageAlt="Cuisine ouverte professionnelle"
+            icon={Utensils}
-    />
+            imageSrc="http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149728032.jpg"
-  </div>
+            mediaAnimation="blur-reveal"
+            useInvertedBackground={false}
+            />
+        </div>
 
-  <div id="features" data-section="features">
+        <div id="features" data-section="features">
-      <FeatureCardSeven
+            <FeatureCardTwelve
-      animationType="slide-up"
+            animationType="slide-up"
-      textboxLayout="split"
+            textboxLayout="default"
-      useInvertedBackground={true}
+            title="Excellence Culinaire"
-      features={[
+            description="Une approche premium du Kebab pour une clientèle exigeante."
-        {
+            features={[
-          title: "Viande de sélection",          description: "Grillée à la flamme, garantie sans excès de gras pour une dégustation légère.",          imageSrc: "http://img.b2bpic.net/free-photo/eggplant-rolls-with-vegetable-salad-white-plate_114579-4293.jpg",          imageAlt: "Viande premium"},
+                { 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" }] }
-          title: "Accueil traditionnel",          description: "Chaque visite commence par un thé chaud offert, véritable signe de notre hospitalité.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081450.jpg",          imageAlt: "Thé traditionnel"},
+            ]}
-        {
+            useInvertedBackground={false}
-          title: "Gourmandise artisanale",          description: "Des recettes simples et efficaces, du burger au kebab, toujours préparées minute.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-hamburger-tasty-with-green-salad-other-ingredients-inside-round-plate-dark-surface_140725-11626.jpg",          imageAlt: "Recette artisanale"},
+            />
-      ]}
+        </div>
-      title="Pourquoi Chez Memo est unique"
-      description="Nous avons réinventé le kebab pour allier la tradition turque à une exigence culinaire haut de gamme."
-    />
-  </div>
 
-  <div id="products" data-section="products">
+        <div id="products" data-section="products">
-      <ProductCardTwo
+            <ProductCardFour
-      animationType="slide-up"
+            animationType="slide-up"
-      textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
-      gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
-      useInvertedBackground={false}
+            title="Notre Sélection"
-      products={[
+            textboxLayout="default"
-        { id: "1", brand: "Signature", name: "Kebab Royal", price: "11.00 €", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/delicious-arabic-fast-food-skewers_23-2148651114.jpg" },
+            description="Nos meilleurs choix"
-        { id: "2", brand: "Tradition", name: "Sucuk Tradition", price: "11.00 €", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/cream-is-being-poured-top-raw-cooked-meat-slices_140725-5009.jpg" },
+            products={[
-        { id: "3", brand: "Gourmet", name: "Tiramisu Maison", price: "3.00 €", rating: 5, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-glass-arrangement_23-2149030735.jpg" },
+                { 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: "4", brand: "Burger", name: "Classic Gourmet", price: "9.50 €", rating: 4, reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-holding-hamburger-wooden-board_23-2148614133.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: "5", brand: "Tradition", name: "KofteSignature", price: "10.00 €", rating: 5, reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-meat-cutlets-with-seasonings-light-grey-desk-meal-photo-dish_140725-47094.jpg" },
+                { id: "3", name: "Tiramisu Maison", price: "4€", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-glass-arrangement_23-2149030735.jpg" }
-        { id: "6", brand: "Signature", name: "Duo Mixte Royal", price: "14.00 €", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-vegetable-salad-onions-tray_140725-9192.jpg" },
+            ]}
-      ]}
+            />
-      title="Notre Collection Héritage"
+        </div>
-      description="Découvrez nos spécialités préparées avec les meilleurs produits du marché."
-    />
-  </div>
 
-  <div id="metrics" data-section="metrics">
+        <div id="metrics" data-section="metrics">
-      <MetricCardTwo
+            <MetricCardOne
-      animationType="slide-up"
+            animationType="slide-up"
-      textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
-      gridVariant="uniform-all-items-equal"
+            title="Chez Memo en chiffres"
-      useInvertedBackground={true}
+            description="Les chiffres clés"
-      metrics={[
+            textboxLayout="default"
-        { id: "1", value: "100%", description: "Viande sélectionnée" },
+            useInvertedBackground={false}
-        { id: "2", value: "1000+", description: "Clients satisfaits" },
+            metrics={[
-        { id: "3", value: "5/5", description: "Note moyenne" },
+                { 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 },
-      title="Les chiffres de la qualité"
+                { id: "3", value: "1", title: "Tradition", description: "Thé offert", icon: Sparkles },
-      description="Une rigueur quotidienne pour vous garantir la meilleure expérience possible."
+            ]}
-    />
+            />
-  </div>
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
+        <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
+            <TestimonialCardTwelve
-      animationType="slide-up"
+            cardTitle="Avis des gourmets"
-      textboxLayout="default"
+            cardTag="Chez Memo"
-      gridVariant="uniform-all-items-equal"
+            cardAnimation="slide-up"
-      useInvertedBackground={false}
+            useInvertedBackground={false}
-      testimonials={[
+            testimonials={[
-        { id: "1", name: "Sarah Johnson", role: "Fidèle", company: "Client local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg" },
+                { id: "1", name: "Client fidèle", imageSrc: "http://img.b2bpic.net/free-photo/man-talking-with-his-friend-bar_171337-19359.jpg" },
-        { id: "2", name: "Michael Chen", role: "Enthousiaste", company: "Client local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-evening-dress-smiling-holding-champaign-glass_176420-3750.jpg" },
+            ]}
-        { id: "3", name: "Emily Rodriguez", role: "Gourmande", company: "Client local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg" },
+            />
-        { id: "4", name: "David Kim", role: "Habitué", company: "Client local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-tender-parisian-girl-stylish-outfit-sends-air-kiss-portrait-young-woman-with-expressive-look_197531-12004.jpg" },
+        </div>
-        { id: "5", name: "Laura Smith", role: "Amateur", company: "Client local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-senior-female-friends-luxurious-restaurant_23-2150517410.jpg" },
-      ]}
-      title="Ce que nos clients disent"
-      description="La satisfaction de nos convives est le moteur de notre passion."
-    />
-  </div>
 
-  <div id="faq" data-section="faq">
+        <div id="contact" data-section="contact">
-      <FaqSplitMedia
+            <ContactText
-      textboxLayout="split"
+            background={{ variant: "plain" }}
-      useInvertedBackground={true}
+            text="Venez découvrir Chez Memo, le kebab premium de votre quartier."
-      faqs={[
+            useInvertedBackground={false}
-        { id: "1", title: "Est-ce du vrai Kebab?", content: "Oui, notre viande est sélectionnée et préparée quotidiennement." },
+            />
-        { id: "2", title: "Proposez-vous des options végétariennes?", content: "Nous travaillons sur des recettes innovantes, demandez à notre équipe." },
+        </div>
-        { id: "3", title: "Peut-on réserver?", content: "Nous privilégions l'accueil direct pour maintenir notre esprit convivial." },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-blurred-restaurant_1339-2813.jpg"
-      mediaAnimation="slide-up"
-      title="Questions fréquentes"
-      description="Tout ce que vous devez savoir sur Chez Memo."
-      faqsAnimation="blur-reveal"
-      imageAlt="Atmosphère de restaurant élégant"
-    />
-  </div>
 
-  <div id="contact" data-section="contact">
+        <div id="footer" data-section="footer">
-      <ContactText
+            <FooterBaseCard
-      useInvertedBackground={false}
+            logoText="Chez Memo"
-      background={{ variant: "plain" }}
+            columns={[
-      text="Prêt à vivre l'expérience Chez Memo ? Venez nous rencontrer pour un moment de partage authentique."
+                { 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">
+        </div>
-      <FooterBaseCard
-      logoText="Chez Memo"
-      columns={[
-        {
-          title: "Menu",          items: [
-            { label: "Assiettes", href: "#products" },
-            { label: "Burgers", href: "#products" },
-          ],
-        },
-        {
-          title: "Infos",          items: [
-            { label: "Contact", href: "#contact" },
-            { label: "Avis", href: "#testimonials" },
-          ],
-        },
-      ]}
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #f6f0e9;
-  --card: #1a1a1a;
+  --card: #efe7dd;
-  --foreground: #ffffff;
+  --foreground: #2b180a;
-  --primary-cta: #D4AF37;
+  --primary-cta: #2b180a;
   --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #efe7dd;
   --secondary-cta-text: #ffffff;
-  --accent: #D4AF37;
+  --accent: #94877c;
-  --background-accent: #D4AF37;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);