From 30e98cd95d75b89aea644d181283b4418448b403 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 16 May 2026 16:53:29 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 331 ++++++-----------------------------------------
 1 file changed, 38 insertions(+), 293 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 475a2d9..8cc5ab1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "The Experience",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "The Experience", id: "hero" },
+        { name: "Services", id: "services" },
+        { name: "Reviews", id: "reviews" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="MONDIAL COIFFURE"
     />
@@ -54,106 +42,23 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
       useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ variant: "plain" }}
       title="L’Excellence du Style, L’Art de l'Écoute."
       description="Simple. Efficace. Sur-mesure. Mondial Coiffure allie la haute précision de la coiffure à un accueil d’exception, en plein cœur de votre quartier."
       testimonials={[
-        {
-          name: "Quentin V.",
-          handle: "@quentin_v",
-          testimonial: "Le gérant est très sympathique, à l'écoute et comprend bien ce que vous demandez.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg",
-        },
-        {
-          name: "Saifeddine C.",
-          handle: "@saifc",
-          testimonial: "Le meilleur coiffeur du quartier !",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg",
-        },
-        {
-          name: "Thomas H.",
-          handle: "@thomash",
-          testimonial: "Simple et efficace !",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-happy-cheerfuul-smiling_141793-37016.jpg",
-        },
-        {
-          name: "Jean-Pierre D.",
-          handle: "@jp_d",
-          testimonial: "Un savoir-faire exceptionnel et un accueil vraiment chaleureux.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705920.jpg",
-        },
-        {
-          name: "Marc B.",
-          handle: "@marcb",
-          testimonial: "Le service est impeccable, je ne vais nulle part ailleurs.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-pretty-woman-dark-sweater-standing-near-lamps_114579-81865.jpg",
-        },
+        { name: "Quentin V.", handle: "@quentin_v", testimonial: "Le gérant est très sympathique, à l'écoute et comprend bien ce que vous demandez.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg" },
+        { name: "Saifeddine C.", handle: "@saifc", testimonial: "Le meilleur coiffeur du quartier !", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg" },
+        { name: "Thomas H.", handle: "@thomash", testimonial: "Simple et efficace !", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-happy-cheerfuul-smiling_141793-37016.jpg" },
+        { name: "Jean-Pierre D.", handle: "@jp_d", testimonial: "Un savoir-faire exceptionnel et un accueil vraiment chaleureux.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705920.jpg" },
+        { name: "Marc B.", handle: "@marcb", testimonial: "Le service est impeccable, je ne vais nulle part ailleurs.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-pretty-woman-dark-sweater-standing-near-lamps_114579-81865.jpg" }
       ]}
-      buttons={[
-        {
-          text: "Réserver un Créneau",
-          href: "#contact",
-        },
-        {
-          text: "Découvrir nos Services",
-          href: "#services",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/close-up-from-man-barber-shop_23-2148257045.jpg?_wi=1"
+      buttons={[{ text: "Réserver un Créneau", href: "#contact" }, { text: "Découvrir nos Services", href: "#services" }]}
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-from-man-barber-shop_23-2148257045.jpg"
       imageAlt="Professional haircut in progress"
       mediaAnimation="opacity"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg",
-          alt: "Client portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754672.jpg",
-          alt: "Client portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/office-worker-brainstorming-ideas-create-presentation-using-online-network-doing-research-project-internet-app-planning-business-report-with-charts-information-send-email-handheld-shot_482257-49801.jpg",
-          alt: "Client portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg",
-          alt: "Client portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/front-view-handsome-corporate-man_23-2148336855.jpg",
-          alt: "Client portrait",
-        },
-      ]}
+      avatars={[{ src: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg", alt: "Client portrait" }, { src: "http://img.b2bpic.net/free-photo/medium-shot-plus-size-man-working-as-barista_23-2150754672.jpg", alt: "Client portrait" }, { src: "http://img.b2bpic.net/free-photo/office-worker-brainstorming-ideas-create-presentation-using-online-network-doing-research-project-internet-app-planning-business-report-with-charts-information-send-email-handheld-shot_482257-49801.jpg", alt: "Client portrait" }, { src: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg", alt: "Client portrait" }, { src: "http://img.b2bpic.net/free-photo/front-view-handsome-corporate-man_23-2148336855.jpg", alt: "Client portrait" }]}
       avatarText="Rejoignez plus de 5000 clients satisfaits"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Coupes Premium",
-        },
-        {
-          type: "text",
-          text: "Barbe Traditionnelle",
-        },
-        {
-          type: "text",
-          text: "Service sur-mesure",
-        },
-        {
-          type: "text",
-          text: "Accueil Chaleureux",
-        },
-        {
-          type: "text",
-          text: "Expertise confirmée",
-        },
-      ]}
+      marqueeItems={[{ type: "text", text: "Coupes Premium" }, { type: "text", text: "Barbe Traditionnelle" }, { type: "text", text: "Service sur-mesure" }, { type: "text", text: "Accueil Chaleureux" }, { type: "text", text: "Expertise confirmée" }]}
     />
   </div>
 
@@ -163,21 +68,9 @@ export default function LandingPage() {
       title="Pourquoi Mondial Coiffure ?"
       description="Nous mettons notre expertise au service de votre style avec une approche personnalisée."
       accordionItems={[
-        {
-          id: "f1",
-          title: "Une Écoute Attentive",
-          content: "Ici, votre vision prend vie. Notre gérant prend le temps de vous comprendre pour un résultat parfaitement aligné avec vos attentes.",
-        },
-        {
-          id: "f2",
-          title: "L’Élite du Quartier",
-          content: "Fier d'être le salon de référence. Nous cultivons une ambiance chaleureuse où chaque client se sent comme à la maison.",
-        },
-        {
-          id: "f3",
-          title: "Simple & Efficace",
-          content: "Pas de fioritures, juste la perfection. Un service fluide, un timing respecté, et une exécution technique irréprochable.",
-        },
+        { id: "f1", title: "Une Écoute Attentive", content: "Ici, votre vision prend vie. Notre gérant prend le temps de vous comprendre pour un résultat parfaitement aligné avec vos attentes." },
+        { id: "f2", title: "L’Élite du Quartier", content: "Fier d'être le salon de référence. Nous cultivons une ambiance chaleureuse où chaque client se sent comme à la maison." },
+        { id: "f3", title: "Simple & Efficace", content: "Pas de fioritures, juste la perfection. Un service fluide, un timing respecté, et une exécution technique irréprochable." }
       ]}
       mediaAnimation="slide-up"
       imageSrc="http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg"
@@ -192,47 +85,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "p1",
-          title: "Coupe & Coiffage",
-          price: "35€",
-          period: "service",
-          features: [
-            "Shampooing traitant",
-            "Massage crânien",
-            "Coupe personnalisée",
-            "Coiffage professionnel",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-getting-haircut_23-2148242819.jpg",
-          imageAlt: "Back view of man getting a haircut",
+          id: "p1",          title: "Coupe & Coiffage",          price: "35€",          period: "service",          features: ["Shampooing traitant", "Massage crânien", "Coupe personnalisée", "Coiffage professionnel"],
+          imageSrc: "http://img.b2bpic.net/free-photo/back-view-man-getting-haircut_23-2148242819.jpg",          imageAlt: "Back view of man getting a haircut",          button: { text: "Réserver" }
         },
         {
-          id: "p2",
-          title: "La Barbe Traditionnelle",
-          price: "25€",
-          period: "service",
-          features: [
-            "Taille aux ciseaux",
-            "Rasoir de précision",
-            "Rituel serviette chaude",
-            "Huiles de soin",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-from-man-barber-shop_23-2148257045.jpg?_wi=2",
-          imageAlt: "Back view of man getting a haircut",
+          id: "p2",          title: "La Barbe Traditionnelle",          price: "25€",          period: "service",          features: ["Taille aux ciseaux", "Rasoir de précision", "Rituel serviette chaude", "Huiles de soin"],
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-from-man-barber-shop_23-2148257045.jpg",          imageAlt: "Back view of man getting a haircut",          button: { text: "Réserver" }
         },
         {
-          id: "p3",
-          title: "Le Rituel Mondial",
-          price: "55€",
-          period: "service",
-          features: [
-            "Coupe premium",
-            "Soin de la barbe",
-            "Massage signature",
-            "Finitions irréprochables",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg",
-          imageAlt: "Back view of man getting a haircut",
-        },
+          id: "p3",          title: "Le Rituel Mondial",          price: "55€",          period: "service",          features: ["Coupe premium", "Soin de la barbe", "Massage signature", "Finitions irréprochables"],
+          imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg",          imageAlt: "Back view of man getting a haircut",          button: { text: "Réserver" }
+        }
       ]}
       title="Nos Services Signature"
       description="Des prestations de précision pour une allure soignée au quotidien."
@@ -245,41 +108,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "t1",
-          name: "Quentin V.",
-          role: "Local Guide",
-          testimonial: "Le gérant est très sympathique, à l'écoute et comprend bien ce que vous demandez.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-posing-isolated-grey_171337-10592.jpg",
-        },
-        {
-          id: "t2",
-          name: "Saifeddine C.",
-          role: "Client Fidèle",
-          testimonial: "Le meilleur coiffeur du quartier !",
-          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-caucasian-girl-with-pixie-haircut-pointing-camera-isolated-olive-green-background-with-copy-space_141793-88505.jpg",
-        },
-        {
-          id: "t3",
-          name: "Thomas H.",
-          role: "Local Guide",
-          testimonial: "Simple et efficace !",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-hair-stylist-conversing-with-elderly-client-salon_23-2148182002.jpg",
-        },
-        {
-          id: "t4",
-          name: "Jean-Pierre D.",
-          role: "Habitué",
-          testimonial: "Un accueil chaleureux et une maîtrise technique impeccable à chaque visite.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
-        },
-        {
-          id: "t5",
-          name: "Marc B.",
-          role: "Client VIP",
-          testimonial: "Mondial Coiffure, c'est l'adresse incontournable pour un style parfait.",
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-apron_23-2148138477.jpg",
-        },
+        { id: "t1", name: "Quentin V.", role: "Local Guide", testimonial: "Le gérant est très sympathique, à l'écoute et comprend bien ce que vous demandez.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-man-posing-isolated-grey_171337-10592.jpg" },
+        { id: "t2", name: "Saifeddine C.", role: "Client Fidèle", testimonial: "Le meilleur coiffeur du quartier !", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-caucasian-girl-with-pixie-haircut-pointing-camera-isolated-olive-green-background-with-copy-space_141793-88505.jpg" },
+        { id: "t3", name: "Thomas H.", role: "Local Guide", testimonial: "Simple et efficace !", imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-hair-stylist-conversing-with-elderly-client-salon_23-2148182002.jpg" },
+        { id: "t4", name: "Jean-Pierre D.", role: "Habitué", testimonial: "Un accueil chaleureux et une maîtrise technique impeccable à chaque visite.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg" },
+        { id: "t5", name: "Marc B.", role: "Client VIP", testimonial: "Mondial Coiffure, c'est l'adresse incontournable pour un style parfait.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-apron_23-2148138477.jpg" }
       ]}
       title="Ce que disent nos clients"
       description="La satisfaction de notre communauté est notre meilleure récompense."
@@ -289,27 +122,8 @@ export default function LandingPage() {
   <div id="about" data-section="about">
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "Une Approche ",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg",
-          alt: "Salon interior",
-        },
-        {
-          type: "text",
-          content: " Exclusive",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Réserver Maintenant",
-          href: "#contact",
-        },
-      ]}
+      heading={[{ type: "text", content: "Une Approche " }, { type: "image", src: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg", alt: "Salon interior" }, { type: "text", content: " Exclusive" }]}
+      buttons={[{ text: "Réserver Maintenant", href: "#contact" }]}
     />
   </div>
 
@@ -319,33 +133,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "m1",
-          value: "100%",
-          title: "Satisfaction",
-          items: [
-            "Clients fidèles",
-            "Service sur-mesure",
-          ],
-        },
-        {
-          id: "m2",
-          value: "10+",
-          title: "Années",
-          items: [
-            "Expertise confirmée",
-            "Style intemporel",
-          ],
-        },
-        {
-          id: "m3",
-          value: "5000+",
-          title: "Coupes",
-          items: [
-            "Réalisées avec soin",
-            "Succès garanti",
-          ],
-        },
+        { id: "m1", value: "100%", title: "Satisfaction", items: ["Clients fidèles", "Service sur-mesure"] },
+        { id: "m2", value: "10+", title: "Années", items: ["Expertise confirmée", "Style intemporel"] },
+        { id: "m3", value: "5000+", title: "Coupes", items: ["Réalisées avec soin", "Succès garanti"] }
       ]}
       title="Chiffres Clés"
       description="Une rigueur constante qui fait notre renommée."
@@ -357,25 +147,8 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Prêt à rafraîchir votre style ?"
       description="Installez-vous confortablement, on s’occupe du reste. Réservez votre moment en ligne en moins de 2 minutes."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Nom Complet",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Email",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Dites-nous ce dont vous avez besoin...",
-        rows: 4,
-      }}
+      inputs={[{ name: "name", type: "text", placeholder: "Nom Complet", required: true }, { name: "email", type: "email", placeholder: "Email", required: true }]}
+      textarea={{ name: "message", placeholder: "Dites-nous ce dont vous avez besoin...", rows: 4 }}
       imageSrc="http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-18295.jpg"
       imageAlt="Barber working"
     />
@@ -385,36 +158,8 @@ export default function LandingPage() {
       <FooterBaseReveal
       logoText="MONDIAL COIFFURE"
       columns={[
-        {
-          title: "Navigation",
-          items: [
-            {
-              label: "L’Expérience",
-              href: "#hero",
-            },
-            {
-              label: "Services",
-              href: "#services",
-            },
-            {
-              label: "Reviews",
-              href: "#reviews",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "Adresse: Bruxelles, Belgique",
-              href: "#",
-            },
-            {
-              label: "Tél: +32 X XX XX XX",
-              href: "tel:+32XXXXXXXX",
-            },
-          ],
-        },
+        { title: "Navigation", items: [{ label: "L’Expérience", href: "#hero" }, { label: "Services", href: "#services" }, { label: "Reviews", href: "#reviews" }] },
+        { title: "Contact", items: [{ label: "Adresse: Bruxelles, Belgique", href: "#" }, { label: "Tél: +32 X XX XX XX", href: "tel:+32XXXXXXXX" }] }
       ]}
       copyrightText="© 2024 Mondial Coiffure. Tous droits réservés."
     />