From 5e6a6bd233caaacf68573676e2b8379dc83213f1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 17 May 2026 19:18:12 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 307 ++++++-----------------------------------------
 1 file changed, 39 insertions(+), 268 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3a658ab..31f251b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Award, Package, Users } from "lucide-react";
+import { Award, Package, Users, CheckCircle, Truck, Headset, Warehouse } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,22 +32,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Accueil",
-          id: "#hero",
-        },
-        {
-          name: "À propos",
-          id: "#about",
-        },
-        {
-          name: "Produits",
-          id: "#products",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
+        { name: "Accueil", id: "hero" },
+        { name: "À propos", id: "about" },
+        { name: "Produits", id: "products" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Ouhassou S.A.R.L"
     />
@@ -55,99 +43,18 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Droguerie Comptoir Ouhassou"
       description="Votre partenaire de confiance pour tous vos besoins en quincaillerie et produits industriels depuis des années."
       testimonials={[
-        {
-          name: "Jean Dupont",
-          handle: "@ConstructionAlpha",
-          testimonial: "Une gamme complète et un service client irréprochable.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/relaxing-fume-banking-adult-absence_1134-936.jpg",
-        },
-        {
-          name: "Marie Martin",
-          handle: "@ArtisansPro",
-          testimonial: "Rapidité de livraison et produits de haute qualité.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/blond-man-angry-expression_1194-1896.jpg",
-        },
-        {
-          name: "Luc Berger",
-          handle: "@EcoBatir",
-          testimonial: "Le comptoir Ouhassou est devenu notre fournisseur privilégié.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg",
-        },
-        {
-          name: "Sophie Leroy",
-          handle: "@RenovExpert",
-          testimonial: "Toujours de bons conseils techniques sur les produits.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2079.jpg",
-        },
-        {
-          name: "Marc Petit",
-          handle: "@BTP_Global",
-          testimonial: "Excellent rapport qualité-prix sur tout le catalogue.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-work_329181-3758.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Explorer notre catalogue",
-          href: "#products",
-        },
+        { name: "Jean Dupont", handle: "@ConstructionAlpha", testimonial: "Une gamme complète et un service client irréprochable.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/relaxing-fume-banking-adult-absence_1134-936.jpg" },
+        { name: "Marie Martin", handle: "@ArtisansPro", testimonial: "Rapidité de livraison et produits de haute qualité.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-man-angry-expression_1194-1896.jpg" },
+        { name: "Luc Berger", handle: "@EcoBatir", testimonial: "Le comptoir Ouhassou est devenu notre fournisseur privilégié.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1349.jpg" },
+        { name: "Sophie Leroy", handle: "@RenovExpert", testimonial: "Toujours de bons conseils techniques sur les produits.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2079.jpg" },
+        { name: "Marc Petit", handle: "@BTP_Global", testimonial: "Excellent rapport qualité-prix sur tout le catalogue.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-construction-worker-work_329181-3758.jpg" },
       ]}
+      buttons={[{ text: "Explorer notre catalogue", href: "#products" }]}
       imageSrc="http://img.b2bpic.net/free-photo/top-view-pattern-from-set-construction-tools-as-screwdriver-safety-helmet-putty-knife-paint-brush-gray-background_141793-15181.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/managers-after-work_1098-15268.jpg",
-          alt: "Portrait 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/empowered-business-women-working-together_23-2149322928.jpg",
-          alt: "Portrait 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/architect-team-partners-working-design-desk_482257-8112.jpg",
-          alt: "Portrait 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-people-having-fun-low-angle_23-2149009339.jpg",
-          alt: "Portrait 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-holding-notes_1368-6370.jpg",
-          alt: "Portrait 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Outillage Pro",
-        },
-        {
-          type: "text",
-          text: "Peintures",
-        },
-        {
-          type: "text",
-          text: "Quincaillerie",
-        },
-        {
-          type: "text",
-          text: "Matériaux",
-        },
-        {
-          type: "text",
-          text: "Fixations",
-        },
-      ]}
     />
   </div>
 
@@ -156,21 +63,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="L'Excellence à votre service"
       metrics={[
-        {
-          label: "Années d'expérience",
-          value: "20+",
-          icon: Award,
-        },
-        {
-          label: "Clients satisfaits",
-          value: "5000+",
-          icon: Users,
-        },
-        {
-          label: "Références produits",
-          value: "10k+",
-          icon: Package,
-        },
+        { label: "Années d'expérience", value: "20+", icon: Award },
+        { label: "Clients satisfaits", value: "5000+", icon: Users },
+        { label: "Références produits", value: "10k+", icon: Package },
       ]}
       metricsAnimation="slide-up"
     />
@@ -181,30 +76,10 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Qualité Garantie",
-          description: "Sélection rigoureuse de marques reconnues.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384860.jpg",
-          buttonIcon: "CheckCircle",
-        },
-        {
-          title: "Livraison Rapide",
-          description: "Expédition express partout dans la région.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-paint-can_23-2149705288.jpg",
-          buttonIcon: "Truck",
-        },
-        {
-          title: "Conseil Expert",
-          description: "Nos techniciens répondent à vos besoins.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-jewelry_23-2149726818.jpg",
-          buttonIcon: "Headset",
-        },
-        {
-          title: "Stock Permanent",
-          description: "Une disponibilité maximale de vos articles.",
-          imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19078.jpg",
-          buttonIcon: "Warehouse",
-        },
+        { title: "Qualité Garantie", description: "Sélection rigoureuse de marques reconnues.", imageSrc: "http://img.b2bpic.net/free-photo/man-working-mdf-boards-warehouse_23-2149384860.jpg", buttonIcon: CheckCircle },
+        { title: "Livraison Rapide", description: "Expédition express partout dans la région.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-paint-can_23-2149705288.jpg", buttonIcon: Truck },
+        { title: "Conseil Expert", description: "Nos techniciens répondent à vos besoins.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-jewelry_23-2149726818.jpg", buttonIcon: Headset },
+        { title: "Stock Permanent", description: "Une disponibilité maximale de vos articles.", imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19078.jpg", buttonIcon: Warehouse },
       ]}
       title="Nos engagements"
       description="Nous mettons un point d'honneur à offrir des produits sélectionnés pour leur durabilité."
@@ -218,42 +93,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "Perceuse Professionnelle",
-          price: "149€",
-          imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-electric-drill-plastic-case-with-hardware-items_23-2147865422.jpg",
-        },
-        {
-          id: "2",
-          name: "Gants de protection XL",
-          price: "12€",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-worker-holding-iron_23-2149916276.jpg",
-        },
-        {
-          id: "3",
-          name: "Peinture haute performance",
-          price: "45€",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-art-tools-studio-paints-brushes-canvas-pencil_633478-1194.jpg",
-        },
-        {
-          id: "4",
-          name: "Kit de visserie complet",
-          price: "25€",
-          imageSrc: "http://img.b2bpic.net/free-photo/set-torx-head-with-bolts-electric-drill-hammer_23-2147865387.jpg",
-        },
-        {
-          id: "5",
-          name: "Échelle télescopique",
-          price: "89€",
-          imageSrc: "http://img.b2bpic.net/free-photo/teenager-girl-overall-opening-tool-box_23-2148085308.jpg",
-        },
-        {
-          id: "6",
-          name: "Casque de sécurité standard",
-          price: "18€",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-carpenter-using-some-power-tools-his-work-woodshop_23-2147944789.jpg",
-        },
+        { id: "1", name: "Perceuse Professionnelle", price: "149€", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-electric-drill-plastic-case-with-hardware-items_23-2147865422.jpg" },
+        { id: "2", name: "Gants de protection XL", price: "12€", imageSrc: "http://img.b2bpic.net/free-photo/front-view-worker-holding-iron_23-2149916276.jpg" },
+        { id: "3", name: "Peinture haute performance", price: "45€", imageSrc: "http://img.b2bpic.net/free-photo/closeup-art-tools-studio-paints-brushes-canvas-pencil_633478-1194.jpg" },
+        { id: "4", name: "Kit de visserie complet", price: "25€", imageSrc: "http://img.b2bpic.net/free-photo/set-torx-head-with-bolts-electric-drill-hammer_23-2147865387.jpg" },
+        { id: "5", name: "Échelle télescopique", price: "89€", imageSrc: "http://img.b2bpic.net/free-photo/teenager-girl-overall-opening-tool-box_23-2148085308.jpg" },
+        { id: "6", name: "Casque de sécurité standard", price: "18€", imageSrc: "http://img.b2bpic.net/free-photo/male-carpenter-using-some-power-tools-his-work-woodshop_23-2147944789.jpg" },
       ]}
       title="Catalogue Produits"
       description="Découvrez notre sélection variée pour tous vos projets de bricolage ou de construction."
@@ -266,33 +111,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "98%",
-          title: "Taux de satisfaction",
-          items: [
-            "Clients réguliers",
-            "Support dédié",
-          ],
-        },
-        {
-          id: "m2",
-          value: "24h",
-          title: "Délai moyen",
-          items: [
-            "Traitement commande",
-            "Expédition",
-          ],
-        },
-        {
-          id: "m3",
-          value: "150",
-          title: "Fournisseurs",
-          items: [
-            "Partenaires actifs",
-            "Contrôle qualité",
-          ],
-        },
+        { id: "m1", value: "98%", title: "Taux de satisfaction", items: ["Clients réguliers", "Support dédié"] },
+        { id: "m2", value: "24h", title: "Délai moyen", items: ["Traitement commande", "Expédition"] },
+        { id: "m3", value: "150", title: "Fournisseurs", items: ["Partenaires actifs", "Contrôle qualité"] },
       ]}
       title="Impact en chiffres"
       description="La preuve d'un engagement durable."
@@ -305,41 +126,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "Ali H.",
-          handle: "@ali_pro",
-          testimonial: "Très bonne droguerie, je trouve tout ce qu'il me faut.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-colleagues-giving-high-five_74855-1516.jpg",
-        },
-        {
-          id: "2",
-          name: "Fatima S.",
-          handle: "@fati_s",
-          testimonial: "Personnel aimable et très compétent.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12795.jpg",
-        },
-        {
-          id: "3",
-          name: "Youssef M.",
-          handle: "@youssef_bat",
-          testimonial: "Prix imbattables sur le matériel professionnel.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg",
-        },
-        {
-          id: "4",
-          name: "Omar B.",
-          handle: "@omar_bricol",
-          testimonial: "Qualité au rendez-vous à chaque achat.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170387.jpg",
-        },
-        {
-          id: "5",
-          name: "Leila R.",
-          handle: "@leila_renov",
-          testimonial: "Je recommande vivement Ouhassou.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-architect-looking-camera_23-2148242889.jpg",
-        },
+        { id: "1", name: "Ali H.", handle: "@ali_pro", testimonial: "Très bonne droguerie, je trouve tout ce qu'il me faut.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-business-colleagues-giving-high-five_74855-1516.jpg" },
+        { id: "2", name: "Fatima S.", handle: "@fati_s", testimonial: "Personnel aimable et très compétent.", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12795.jpg" },
+        { id: "3", name: "Youssef M.", handle: "@youssef_bat", testimonial: "Prix imbattables sur le matériel professionnel.", imageSrc: "http://img.b2bpic.net/free-photo/happy-builder-hardhat_1398-1726.jpg" },
+        { id: "4", name: "Omar B.", handle: "@omar_bricol", testimonial: "Qualité au rendez-vous à chaque achat.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-painting-watercolors_23-2150170387.jpg" },
+        { id: "5", name: "Leila R.", handle: "@leila_renov", testimonial: "Je recommande vivement Ouhassou.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-architect-looking-camera_23-2148242889.jpg" },
       ]}
       title="Avis de nos clients"
       description="La confiance est notre moteur."
@@ -351,21 +142,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "f1",
-          title: "Horaires d'ouverture ?",
-          content: "Nous sommes ouverts du lundi au samedi de 8h à 19h.",
-        },
-        {
-          id: "f2",
-          title: "Livrez-vous en dehors ?",
-          content: "Oui, nous proposons une livraison sur toute la région.",
-        },
-        {
-          id: "f3",
-          title: "Service après-vente ?",
-          content: "Un SAV réactif est disponible pour tout produit défectueux.",
-        },
+        { id: "f1", title: "Horaires d'ouverture ?", content: "Nous sommes ouverts du lundi au samedi de 8h à 19h." },
+        { id: "f2", title: "Livrez-vous en dehors ?", content: "Oui, nous proposons une livraison sur toute la région." },
+        { id: "f3", title: "Service après-vente ?", content: "Un SAV réactif est disponible pour tout produit défectueux." },
       ]}
       title="Questions fréquentes"
       description="Besoin d'aide ? Voici nos réponses."
@@ -376,9 +155,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       tag="Contact"
       title="Besoin d'un renseignement ?"
       description="Contactez notre équipe d'experts pour toutes vos questions techniques ou devis."
@@ -390,14 +167,8 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Droguerie Ouhassou"
-      leftLink={{
-        text: "Mentions légales",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Contactez-nous",
-        href: "#contact",
-      }}
+      leftLink={{ text: "Mentions légales", href: "#" }}
+      rightLink={{ text: "Contactez-nous", href: "#contact" }}
     />
   </div>
       </ReactLenis>