Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -4,13 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
+import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
-import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import TextAbout from '@/components/sections/about/TextAbout';
 
 export default function LandingPage() {
@@ -59,13 +59,14 @@ export default function LandingPage() {
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardSix
+      <FeatureCardTwentyEight
       textboxLayout="split"
       useInvertedBackground={false}
+      animationType="blur-reveal"
       features={[
-        { title: "Terrasse Lounge", description: "Un espace extérieur chic pour vos soirées.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtVMVTG8FIEn8z8Oc4O3tk7ctd/uploaded-1779101517051-kf7ixf07.png", imageAlt: "Terrasse Kaleta" },
-        { title: "Cuisine Raffinée", description: "Des saveurs authentiques travaillées avec passion.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-dark-cutting-board-with-seasonings-cutlery-greens-blue-surface-color-fork-ripe-salad-meal_179666-19747.jpg", imageAlt: "Plat gourmet" },
-        { title: "Ambiance Musicale", description: "Des soirées animées pour tous vos événements.", imageSrc: "http://img.b2bpic.net/free-photo/blue-white-alcohol-drink-with-branch-rosemary-hand_114579-3422.jpg", imageAlt: "Ambiance Lounge" }
+        { id: "f1", title: "Terrasse Lounge", subtitle: "Ambiance élégante", category: "Détente", value: "Exclusif" },
+        { id: "f2", title: "Cuisine Raffinée", subtitle: "Saveurs authentiques", category: "Gastronomie", value: "Gourmet" },
+        { id: "f3", title: "Ambiance Musicale", subtitle: "Soirées animées", category: "Expérience", value: "Vibrante" }
       ]}
       title="Nos services"
       description="Nous vous offrons un cadre unique pour vos moments mémorables."
@@ -74,37 +75,32 @@ export default function LandingPage() {
 
   <div id="products" data-section="products">
       <ProductCardOne
-      animationType="slide-up"
+      animationType="blur-reveal"
       textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
+      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        { id: "1", name: "Plat Signature", price: "15 000 FCFA", imageSrc: "http://img.b2bpic.net/free-photo/stylish-expert-butler-pesents-something_482257-78342.jpg" },
-        { id: "2", name: "Grillades Maison", price: "12 000 FCFA", imageSrc: "http://img.b2bpic.net/free-photo/top-view-green-onion-cucumber-salad_23-2148515356.jpg" },
-        { id: "3", name: "Cocktails Exotiques", price: "4 500 FCFA", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-pina-colada_23-2150184033.jpg" },
-        { id: "4", name: "Dessert Kaleta", price: "3 500 FCFA", imageSrc: "http://img.b2bpic.net/free-photo/profiteroles-chocolate-sauce-inside-white-plate_114579-2550.jpg" },
-        { id: "5", name: "Menu Traditionnel", price: "8 000 FCFA", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-tomato-sauteed-bell-peppers-parsley-lemon-olive-oil_141793-2287.jpg" },
-        { id: "6", name: "Plateau Mer", price: "18 000 FCFA", imageSrc: "http://img.b2bpic.net/free-photo/side-view-raw-fish-fresh-chopped-vegetables-lemon-slices-spices-gray-plate-cutlery-set-black-distressed-surface_179666-34043.jpg" }
+        { id: "1", name: "Plat Signature", price: "15 000 FCFA", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtVMVTG8FIEn8z8Oc4O3tk7ctd/uploaded-1779102069353-qnahy134.png?_wi=1" },
+        { id: "2", name: "Grillades Maison", price: "12 000 FCFA", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtVMVTG8FIEn8z8Oc4O3tk7ctd/uploaded-1779102069353-qnahy134.png?_wi=2" },
+        { id: "3", name: "Cocktails Exotiques", price: "4 500 FCFA", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtVMVTG8FIEn8z8Oc4O3tk7ctd/uploaded-1779102069353-qnahy134.png?_wi=3" }
       ]}
-      title="Nos spécialités"
-      description="Laissez-vous tenter par notre sélection gourmande."
+      title="Menu"
+      description="Découvrez notre sélection raffinée."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwo
-      animationType="slide-up"
+      <TestimonialCardThirteen
+      animationType="blur-reveal"
       textboxLayout="default"
       useInvertedBackground={false}
-      description="Nos clients sont notre meilleure publicité."
+      showRating={true}
+      description="Nos clients partagent leur expérience."
       testimonials={[
-        { id: "1", name: "Jules Adjaka", role: "Client", testimonial: "Magnifique !", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg" },
-        { id: "2", name: "Mansour Kerime", role: "Client", testimonial: "Perfect.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-tattoo-artist-indoors-side-view_23-2149445974.jpg" },
-        { id: "3", name: "GNANVENA Thomas", role: "Client", testimonial: "Chic.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg" },
-        { id: "4", name: "Client 4", role: "Client", testimonial: "Service impeccable et cadre très accueillant.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-people-with-reviews_23-2149394417.jpg" },
-        { id: "5", name: "Client 5", role: "Client", testimonial: "Une adresse incontournable à Lomé.", imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-looking-notebook_23-2148346228.jpg" }
+        { id: "1", name: "Amara Diallo", handle: "@amara.lome", testimonial: "Un cadre exceptionnel, une expérience culinaire rare.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtVMVTG8FIEn8z8Oc4O3tk7ctd/uploaded-1779102069353-qnahy134.png?_wi=4" },
+        { id: "2", name: "Kofi Mensah", handle: "@kofi.gh", testimonial: "L'endroit idéal pour les dîners chics à Lomé.", rating: 5, imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DtVMVTG8FIEn8z8Oc4O3tk7ctd/uploaded-1779102069353-qnahy134.png?_wi=5" }
       ]}
-      title="Ce que disent nos clients"
+      title="Témoignages"
     />
   </div>
 
@@ -160,4 +156,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffff;
-  --primary-cta: #39ff14;
+  --background: #fbfbfb;
+  --card: #f2f2f2;
+  --foreground: #1a1a1a;
+  --primary-cta: #2c3e50;
   --primary-cta-text: #000000;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #e5e7eb;
   --secondary-cta-text: #ffffff;
-  --accent: #f5f5dc;
-  --background-accent: #2d2d2d;
+  --accent: #d1d5db;
+  --background-accent: #e5e7eb;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);