From f39bd90b7f4177018891402daeb0da08e5a0858f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 14:49:28 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 337 +++++++++++------------------------------------
 1 file changed, 74 insertions(+), 263 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9085d12..66cbebf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,29 +32,17 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Accueil",
-          id: "hero",
-        },
+          name: "Accueil",          id: "hero"},
         {
-          name: "À propos",
-          id: "about",
-        },
+          name: "À propos",          id: "about"},
         {
-          name: "Nos services",
-          id: "features",
-        },
+          name: "Nos services",          id: "features"},
         {
-          name: "Projets",
-          id: "products",
-        },
+          name: "Projets",          id: "products"},
         {
-          name: "Tarifs",
-          id: "pricing",
-        },
+          name: "Tarifs",          id: "pricing"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Agence Cousins"
     />
@@ -63,99 +51,56 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardTestimonial
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       title="Design Web Moderne au Maroc"
       description="Nous sommes deux cousins, créateurs passionnés de sites vitrines et e-commerce. Nous donnons vie à vos idées avec des designs uniques, modernes et pensés pour vos utilisateurs."
       testimonials={[
         {
-          name: "Youssef Alaoui",
-          handle: "@youssef",
-          testimonial: "Leur capacité à créer des interfaces modernes est bluffante. Travail très pro.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
-        },
+          name: "Youssef Alaoui",          handle: "@youssef",          testimonial: "Leur capacité à créer des interfaces modernes est bluffante. Travail très pro.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg"},
         {
-          name: "Fatima Zahra",
-          handle: "@fatima",
-          testimonial: "Un design épuré qui correspond exactement à ce que je voulais pour ma boutique.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67073.jpg",
-        },
+          name: "Fatima Zahra",          handle: "@fatima",          testimonial: "Un design épuré qui correspond exactement à ce que je voulais pour ma boutique.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67073.jpg"},
         {
-          name: "Karim Bennani",
-          handle: "@karim",
-          testimonial: "Rapidité et efficacité, nos projets sont maintenant bien mieux mis en valeur.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-dress-code-introducing-something_114579-19021.jpg",
-        },
+          name: "Karim Bennani",          handle: "@karim",          testimonial: "Rapidité et efficacité, nos projets sont maintenant bien mieux mis en valeur.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/businessman-dress-code-introducing-something_114579-19021.jpg"},
         {
-          name: "Mouna Idrissi",
-          handle: "@mouna",
-          testimonial: "Une agence très à l'écoute. Le résultat pour mon cabinet d'avocats est parfait.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-posing_23-2148142768.jpg",
-        },
+          name: "Mouna Idrissi",          handle: "@mouna",          testimonial: "Une agence très à l'écoute. Le résultat pour mon cabinet d'avocats est parfait.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-posing_23-2148142768.jpg"},
         {
-          name: "Omar Fassi",
-          handle: "@omar",
-          testimonial: "Vraiment ravi de la collaboration. Ces cousins ont un talent fou.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-model-hijab-outfits_114579-8833.jpg",
-        },
+          name: "Omar Fassi",          handle: "@omar",          testimonial: "Vraiment ravi de la collaboration. Ces cousins ont un talent fou.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/female-model-hijab-outfits_114579-8833.jpg"},
       ]}
       buttons={[
         {
-          text: "Voir nos projets",
-          href: "#products",
-        },
+          text: "Voir nos projets",          href: "#products"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/luxurious-modern-office-space-with-important-reports-laptop-empty-desk-showcasing-important-data_482257-133861.jpg"
       mediaAnimation="blur-reveal"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",
-          alt: "Client Youssef",
-        },
+          src: "http://img.b2bpic.net/free-photo/front-view-happy-man-showing-approval_23-2148230800.jpg",          alt: "Client Youssef"},
         {
-          src: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21369.jpg",
-          alt: "Client Fatima",
-        },
+          src: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21369.jpg",          alt: "Client Fatima"},
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
-          alt: "Client Karim",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",          alt: "Client Karim"},
         {
-          src: "http://img.b2bpic.net/free-photo/smiling-broadly-business-woman-showing-thumb-up_1262-1127.jpg",
-          alt: "Client Mouna",
-        },
+          src: "http://img.b2bpic.net/free-photo/smiling-broadly-business-woman-showing-thumb-up_1262-1127.jpg",          alt: "Client Mouna"},
         {
-          src: "http://img.b2bpic.net/free-photo/happy-successful-muslim-businesswoman-posing-outside_74855-2007.jpg",
-          alt: "Client Omar",
-        },
+          src: "http://img.b2bpic.net/free-photo/happy-successful-muslim-businesswoman-posing-outside_74855-2007.jpg",          alt: "Client Omar"},
       ]}
       avatarText="Rejoignez nos 100+ clients satisfaits"
       marqueeItems={[
         {
-          type: "text",
-          text: "Design Moderne",
-        },
+          type: "text",          text: "Design Moderne"},
         {
-          type: "text",
-          text: "E-commerce",
-        },
+          type: "text",          text: "E-commerce"},
         {
-          type: "text",
-          text: "Sites Vitrines",
-        },
+          type: "text",          text: "Sites Vitrines"},
         {
-          type: "text",
-          text: "Expérience Utilisateur",
-        },
+          type: "text",          text: "Expérience Utilisateur"},
         {
-          type: "text",
-          text: "Stratégie Digitale",
-        },
+          type: "text",          text: "Stratégie Digitale"},
       ]}
     />
   </div>
@@ -167,17 +112,11 @@ export default function LandingPage() {
       description="Deux cousins, deux perspectives, une seule ambition : élever les standards du design web au Maroc. Nous créons des expériences digitales sur mesure, pensées pour l'indépendance et la croissance."
       metrics={[
         {
-          value: "100%",
-          title: "Satisfaction client",
-        },
+          value: "100%",          title: "Satisfaction client"},
         {
-          value: "Unique",
-          title: "Approche Design",
-        },
+          value: "Unique",          title: "Approche Design"},
         {
-          value: "Pro",
-          title: "Service dédié",
-        },
+          value: "Pro",          title: "Service dédié"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/conversation-two-men-turbans-talking-looking-involved_259150-59417.jpg"
       mediaAnimation="slide-up"
@@ -192,32 +131,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          id: "f1",
-          title: "Sites Juridiques & Libéraux",
-          tags: [
-            "Avocats",
-            "Expertise",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/universal-justice-concept-tablet-with-gavel_23-2152001182.jpg",
-        },
+          id: "f1",          title: "Sites Juridiques & Libéraux",          tags: [
+            "Avocats",            "Expertise"],
+          imageSrc: "http://img.b2bpic.net/free-photo/universal-justice-concept-tablet-with-gavel_23-2152001182.jpg"},
         {
-          id: "f2",
-          title: "Marques & E-commerce",
-          tags: [
-            "Mode",
-            "Indépendant",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/me-too-lettering-cardboard-woman_23-2148405244.jpg",
-        },
+          id: "f2",          title: "Marques & E-commerce",          tags: [
+            "Mode",            "Indépendant"],
+          imageSrc: "http://img.b2bpic.net/free-photo/me-too-lettering-cardboard-woman_23-2148405244.jpg"},
         {
-          id: "f3",
-          title: "Architecture & Immobilier",
-          tags: [
-            "Vitrine",
-            "Design",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-psd/business-instagram-stories-template_23-2148879216.jpg",
-        },
+          id: "f3",          title: "Architecture & Immobilier",          tags: [
+            "Vitrine",            "Design"],
+          imageSrc: "http://img.b2bpic.net/free-psd/business-instagram-stories-template_23-2148879216.jpg"},
       ]}
       title="Nos spécialités"
       description="Nous adaptons notre style à vos besoins, qu'il s'agisse de vitrines élégantes ou de boutiques performantes."
@@ -232,47 +156,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",
-          name: "Portfolio Design",
-          price: "Vitrines",
-          variant: "Moderne",
-          imageSrc: "http://img.b2bpic.net/free-photo/med-school-pupil-works-his-thesis-isolated-mockup-screen_482257-123332.jpg",
-        },
+          id: "p1",          name: "Portfolio Design",          price: "Vitrines",          variant: "Moderne",          imageSrc: "http://img.b2bpic.net/free-photo/med-school-pupil-works-his-thesis-isolated-mockup-screen_482257-123332.jpg"},
         {
-          id: "p2",
-          name: "Site Avocat",
-          price: "Prestige",
-          variant: "Institutionnel",
-          imageSrc: "http://img.b2bpic.net/free-psd/flat-design-influencer-template_23-2149884920.jpg",
-        },
+          id: "p2",          name: "Site Avocat",          price: "Prestige",          variant: "Institutionnel",          imageSrc: "http://img.b2bpic.net/free-psd/flat-design-influencer-template_23-2149884920.jpg"},
         {
-          id: "p3",
-          name: "Marque de Mode",
-          price: "Shop",
-          variant: "Minimaliste",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg",
-        },
+          id: "p3",          name: "Marque de Mode",          price: "Shop",          variant: "Minimaliste",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345425.jpg"},
         {
-          id: "p4",
-          name: "Cabinet d'Architecture",
-          price: "Pro",
-          variant: "Spatial",
-          imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smart-watch_23-2150201853.jpg",
-        },
+          id: "p4",          name: "Cabinet d'Architecture",          price: "Pro",          variant: "Spatial",          imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smart-watch_23-2150201853.jpg"},
         {
-          id: "p5",
-          name: "Concept Restaurant",
-          price: "Experience",
-          variant: "Visuel",
-          imageSrc: "http://img.b2bpic.net/free-photo/creative-postcard-set-blue-wall_53876-26209.jpg",
-        },
+          id: "p5",          name: "Concept Restaurant",          price: "Experience",          variant: "Visuel",          imageSrc: "http://img.b2bpic.net/free-photo/creative-postcard-set-blue-wall_53876-26209.jpg"},
         {
-          id: "p6",
-          name: "Startup Tech",
-          price: "SaaS",
-          variant: "Digital",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-corporate-analyst-handling-financial-tasks-chroma-key-display_482257-123549.jpg",
-        },
+          id: "p6",          name: "Startup Tech",          price: "SaaS",          variant: "Digital",          imageSrc: "http://img.b2bpic.net/free-photo/young-corporate-analyst-handling-financial-tasks-chroma-key-display_482257-123549.jpg"},
       ]}
       title="Projets & Maquettes"
       description="Un aperçu de notre polyvalence stylistique pour vos futurs sites."
@@ -286,55 +180,28 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "l1",
-          badge: "Basique",
-          price: "Début",
-          subtitle: "Parfait pour une vitrine simple.",
-          buttons: [
+          id: "l1",          badge: "Basique",          price: "Début",          subtitle: "Parfait pour une vitrine simple.",          buttons: [
             {
-              text: "Choisir",
-              href: "#contact",
-            },
+              text: "Demander un Devis",              href: "#contact"},
           ],
           features: [
-            "Design personnalisé",
-            "Responsive",
-            "SEO de base",
-          ],
+            "Design personnalisé",            "Responsive",            "SEO de base"],
         },
         {
-          id: "l2",
-          badge: "Pro",
-          price: "Avancé",
-          subtitle: "Pour les marques qui veulent vendre.",
-          buttons: [
+          id: "l2",          badge: "Pro",          price: "Avancé",          subtitle: "Pour les marques qui veulent vendre.",          buttons: [
             {
-              text: "Choisir",
-              href: "#contact",
-            },
+              text: "Demander un Devis",              href: "#contact"},
           ],
           features: [
-            "E-commerce",
-            "Gestion produits",
-            "Admin dédié",
-          ],
+            "E-commerce",            "Gestion produits",            "Admin dédié"],
         },
         {
-          id: "l3",
-          badge: "Custom",
-          price: "Sur-mesure",
-          subtitle: "Pour un site unique et puissant.",
-          buttons: [
+          id: "l3",          badge: "Custom",          price: "Sur-mesure",          subtitle: "Pour un site unique et puissant.",          buttons: [
             {
-              text: "Choisir",
-              href: "#contact",
-            },
+              text: "Demander un Devis",              href: "#contact"},
           ],
           features: [
-            "Tout inclus",
-            "Stratégie digitale",
-            "Support continu",
-          ],
+            "Tout inclus",            "Stratégie digitale",            "Support continu"],
         },
       ]}
       title="Nos tarifs transparents"
@@ -349,31 +216,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "100%",
-          title: "Engagement",
-          items: [
-            "Design",
-            "Projets",
-          ],
+          id: "m1",          value: "100%",          title: "Engagement",          items: [
+            "Design",            "Projets"],
         },
         {
-          id: "m2",
-          value: "100%",
-          title: "Local",
-          items: [
-            "Maroc",
-            "Créativité",
-          ],
+          id: "m2",          value: "100%",          title: "Local",          items: [
+            "Maroc",            "Créativité"],
         },
         {
-          id: "m3",
-          value: "100%",
-          title: "Suivi",
-          items: [
-            "Qualité",
-            "Support",
-          ],
+          id: "m3",          value: "100%",          title: "Suivi",          items: [
+            "Qualité",            "Support"],
         },
       ]}
       title="Pourquoi nous choisir ?"
@@ -387,45 +239,15 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "t1",
-          title: "Excellent travail",
-          quote: "Cousins passionnés, excellent résultat.",
-          name: "Youssef",
-          role: "Entrepreneur",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg",
-        },
+          id: "t1",          title: "Excellent travail",          quote: "Cousins passionnés, excellent résultat.",          name: "Youssef",          role: "Entrepreneur",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg"},
         {
-          id: "t2",
-          title: "Design épuré",
-          quote: "Très satisfait du rendu final.",
-          name: "Fatima",
-          role: "Fondatrice",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14386.jpg",
-        },
+          id: "t2",          title: "Design épuré",          quote: "Très satisfait du rendu final.",          name: "Fatima",          role: "Fondatrice",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14386.jpg"},
         {
-          id: "t3",
-          title: "Pro et efficace",
-          quote: "Une réactivité très appréciable.",
-          name: "Karim",
-          role: "Gérant",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-man-curly-cute-handsome-guy-black-suit-red-tie-excitingly-holding-fist-up_140725-162612.jpg",
-        },
+          id: "t3",          title: "Pro et efficace",          quote: "Une réactivité très appréciable.",          name: "Karim",          role: "Gérant",          imageSrc: "http://img.b2bpic.net/free-photo/business-man-curly-cute-handsome-guy-black-suit-red-tie-excitingly-holding-fist-up_140725-162612.jpg"},
         {
-          id: "t4",
-          title: "Parfait pour mon cabinet",
-          quote: "Mon cabinet d'avocats a enfin une image pro.",
-          name: "Mouna",
-          role: "Avocate",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-businessman-black-suit-smiling-amazed-showing-number-three-standing-whit_1258-145454.jpg",
-        },
+          id: "t4",          title: "Parfait pour mon cabinet",          quote: "Mon cabinet d'avocats a enfin une image pro.",          name: "Mouna",          role: "Avocate",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-businessman-black-suit-smiling-amazed-showing-number-three-standing-whit_1258-145454.jpg"},
         {
-          id: "t5",
-          title: "Talentueux",
-          quote: "Un duo qui promet beaucoup.",
-          name: "Omar",
-          role: "CEO",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-ear-bandage-art-studio_23-2149705901.jpg",
-        },
+          id: "t5",          title: "Talentueux",          quote: "Un duo qui promet beaucoup.",          name: "Omar",          role: "CEO",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-ear-bandage-art-studio_23-2149705901.jpg"},
       ]}
       title="Ce qu'ils pensent"
       description="Découvrez l'avis de ceux qui nous ont fait confiance."
@@ -436,8 +258,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "gradient-bars",
-      }}
+        variant: "gradient-bars"}}
       tag="Contact"
       title="Discutons de votre projet"
       description="Envoyez-nous un message pour démarrer votre collaboration avec nous."
@@ -449,29 +270,19 @@ export default function LandingPage() {
       logoText="Agence Cousins"
       columns={[
         {
-          title: "Navigation",
-          items: [
+          title: "Navigation",          items: [
             {
-              label: "Accueil",
-              href: "#hero",
-            },
+              label: "Accueil",              href: "#hero"},
             {
-              label: "Nos projets",
-              href: "#products",
-            },
+              label: "Nos projets",              href: "#products"},
           ],
         },
         {
-          title: "Légal",
-          items: [
+          title: "Légal",          items: [
             {
-              label: "Mentions légales",
-              href: "#",
-            },
+              label: "Mentions légales",              href: "#"},
             {
-              label: "Confidentialité",
-              href: "#",
-            },
+              label: "Confidentialité",              href: "#"},
           ],
         },
       ]}
@@ -480,4 +291,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1