From f6f1f6994b448d3148d929f99a1c020c2d0a7210 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 3 Apr 2026 15:22:21 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 206 ++++++++++-------------------------------------
 1 file changed, 44 insertions(+), 162 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index bc540cf..7799030 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Expérience",
-          id: "features",
-        },
+          name: "Expérience",          id: "features"},
         {
-          name: "Experts",
-          id: "team",
-        },
+          name: "Experts",          id: "team"},
         {
-          name: "Tarifs",
-          id: "pricing",
-        },
+          name: "Tarifs",          id: "pricing"},
         {
-          name: "Rendez-vous",
-          id: "contact",
-        },
+          name: "Rendez-vous",          id: "contact"},
       ]}
       brandName="BARBER FACTORY"
     />
@@ -54,69 +46,43 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       title="La coupe la plus précise du Grand Est"
       description="Coiffure de précision. Sans attente. 100% satisfait. Rendez-vous uniquement — votre temps, respecté. Des résultats, point."
       buttons={[
         {
-          text: "PRENDRE RENDEZVOUS",
-          href: "#contact",
-        },
+          text: "PRENDRE RENDEZVOUS",          href: "#contact"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-elegant-businessman-receive-beard-care-from-female-with-nice-manicure_613910-15193.jpg?_wi=1",
-          imageAlt: "Barber shop luxury atmosphere",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/confident-elegant-businessman-receive-beard-care-from-female-with-nice-manicure_613910-15193.jpg",          imageAlt: "Barber shop luxury atmosphere"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313023.jpg?_wi=1",
-          imageAlt: "Barber tools close-up",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313023.jpg",          imageAlt: "Barber tools close-up"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/poodle-posing-makeup-studio_23-2151987172.jpg?_wi=1",
-          imageAlt: "Luxury barber chair",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/poodle-posing-makeup-studio_23-2151987172.jpg",          imageAlt: "Luxury barber chair"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/comb-scissor-top-view_23-2148352833.jpg",
-          imageAlt: "Precision haircut detail",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/comb-scissor-top-view_23-2148352833.jpg",          imageAlt: "Precision haircut detail"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg",
-          imageAlt: "Barber precision shot",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/man-hair-salon-facing-camera_23-2148242763.jpg",          imageAlt: "Barber precision shot"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-cute-dog-medium-shot_23-2149658774.jpg",
-          imageAlt: "Salon interior lighting",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-with-cute-dog-medium-shot_23-2149658774.jpg",          imageAlt: "Salon interior lighting"},
       ]}
     />
   </div>
 
   <div id="features" data-section="features">
       <FeatureCardOne
+      animationType="slide-up"
       textboxLayout="split"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       features={[
         {
-          title: "Coupe de Précision",
-          description: "Une maîtrise technique infaillible pour des résultats nets, adaptés à votre morphologie et style personnel.",
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-elegant-businessman-receive-beard-care-from-female-with-nice-manicure_613910-15193.jpg?_wi=2",
-          imageAlt: "Précision",
-        },
+          title: "Coupe de Précision",          description: "Une maîtrise technique infaillible pour des résultats nets, adaptés à votre morphologie et style personnel.",          imageSrc: "http://img.b2bpic.net/free-photo/confident-elegant-businessman-receive-beard-care-from-female-with-nice-manicure_613910-15193.jpg",          imageAlt: "Précision"},
         {
-          title: "Gestion du Temps",
-          description: "Votre temps est précieux. Sans attente, nous garantissons un service rapide et respectueux de votre emploi du temps.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313023.jpg?_wi=2",
-          imageAlt: "Efficacité",
-        },
+          title: "Gestion du Temps",          description: "Votre temps est précieux. Sans attente, nous garantissons un service rapide et respectueux de votre emploi du temps.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313023.jpg",          imageAlt: "Efficacité"},
         {
-          title: "Expertise Artisanale",
-          description: "Une équipe dédiée à l'art du rasoir et des ciseaux, formée aux techniques de pointe de la coiffure masculine.",
-          imageSrc: "http://img.b2bpic.net/free-photo/poodle-posing-makeup-studio_23-2151987172.jpg?_wi=2",
-          imageAlt: "Artisanat",
-        },
+          title: "Expertise Artisanale",          description: "Une équipe dédiée à l'art du rasoir et des ciseaux, formée aux techniques de pointe de la coiffure masculine.",          imageSrc: "http://img.b2bpic.net/free-photo/poodle-posing-makeup-studio_23-2151987172.jpg",          imageAlt: "Artisanat"},
       ]}
       title="L'Excellence à Chaque Passage"
       description="Nous redéfinissons les standards de la coiffure masculine par la précision et l'artisanat pur."
@@ -131,26 +97,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       members={[
         {
-          id: "1",
-          name: "Julien M.",
-          role: "Maître Barbier",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-bearded-male-sits-chair-his-two-irish-setter-dogs_613910-8054.jpg?_wi=1",
-          imageAlt: "Julien M.",
-        },
+          id: "1",          name: "Julien M.",          role: "Maître Barbier",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-bearded-male-sits-chair-his-two-irish-setter-dogs_613910-8054.jpg",          imageAlt: "Julien M."},
         {
-          id: "2",
-          name: "Marc T.",
-          role: "Artisan Coiffeur",
-          imageSrc: "http://img.b2bpic.net/free-photo/redhead-bearded-male-dressed-suit-eyeglasses-smoking-tradition-pipe-dark-grey-background_613910-15587.jpg",
-          imageAlt: "Marc T.",
-        },
+          id: "2",          name: "Marc T.",          role: "Artisan Coiffeur",          imageSrc: "http://img.b2bpic.net/free-photo/redhead-bearded-male-dressed-suit-eyeglasses-smoking-tradition-pipe-dark-grey-background_613910-15587.jpg",          imageAlt: "Marc T."},
         {
-          id: "3",
-          name: "Lucas P.",
-          role: "Spécialiste Rasage",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-middle-age-male-irish-setter_613910-8200.jpg",
-          imageAlt: "Lucas P.",
-        },
+          id: "3",          name: "Lucas P.",          role: "Spécialiste Rasage",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-middle-age-male-irish-setter_613910-8200.jpg",          imageAlt: "Lucas P."},
       ]}
       title="Nos Experts Artisans"
       description="Rencontrez les visages de la précision."
@@ -164,56 +115,27 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "p1",
-          badge: "Fondamental",
-          price: "25€",
-          subtitle: "Coupe classique",
-          features: [
-            "Consultation",
-            "Coupe précise",
-            "Nettoyage finition",
-          ],
+          id: "p1",          badge: "Fondamental",          price: "25€",          subtitle: "Coupe classique",          features: [
+            "Consultation",            "Coupe précise",            "Nettoyage finition"],
           buttons: [
             {
-              text: "Réserver",
-              href: "#contact",
-            },
+              text: "Réserver",              href: "#contact"},
           ],
         },
         {
-          id: "p2",
-          badge: "Signature",
-          price: "40€",
-          subtitle: "Coupe & Barbe",
-          features: [
-            "Consultation",
-            "Coupe précise",
-            "Taille barbe à la vapeur",
-            "Soin hydratant",
-          ],
+          id: "p2",          badge: "Signature",          price: "40€",          subtitle: "Coupe & Barbe",          features: [
+            "Consultation",            "Coupe précise",            "Taille barbe à la vapeur",            "Soin hydratant"],
           buttons: [
             {
-              text: "Réserver",
-              href: "#contact",
-            },
+              text: "Réserver",              href: "#contact"},
           ],
         },
         {
-          id: "p3",
-          badge: "Premium",
-          price: "55€",
-          subtitle: "L'expérience totale",
-          features: [
-            "Coupe complète",
-            "Soin visage",
-            "Serviette chaude",
-            "Massage crânien",
-          ],
+          id: "p3",          badge: "Premium",          price: "55€",          subtitle: "L'expérience totale",          features: [
+            "Coupe complète",            "Soin visage",            "Serviette chaude",            "Massage crânien"],
           buttons: [
             {
-              text: "Réserver",
-              href: "#contact",
-            },
+              text: "Réserver",              href: "#contact"},
           ],
         },
       ]}
@@ -229,45 +151,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       testimonials={[
         {
-          id: "1",
-          name: "Thomas G.",
-          handle: "@tg_thionville",
-          testimonial: "Enfin un barbier à Thionville qui comprend la précision. La coupe est toujours nette.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-bearded-male-sits-chair-his-two-irish-setter-dogs_613910-8054.jpg?_wi=2",
-        },
+          id: "1",          name: "Thomas G.",          handle: "@tg_thionville",          testimonial: "Enfin un barbier à Thionville qui comprend la précision. La coupe est toujours nette.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-bearded-male-sits-chair-his-two-irish-setter-dogs_613910-8054.jpg"},
         {
-          id: "2",
-          name: "Nicolas F.",
-          handle: "@nicolas_f",
-          testimonial: "Sans attente, expertise incroyable. Le respect du client est la norme ici.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9662.jpg",
-        },
+          id: "2",          name: "Nicolas F.",          handle: "@nicolas_f",          testimonial: "Sans attente, expertise incroyable. Le respect du client est la norme ici.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9662.jpg"},
         {
-          id: "3",
-          name: "Alexandre B.",
-          handle: "@alexb",
-          testimonial: "Le luxe absolu dans le Grand Est. Julien est un vrai maître.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205871.jpg",
-        },
+          id: "3",          name: "Alexandre B.",          handle: "@alexb",          testimonial: "Le luxe absolu dans le Grand Est. Julien est un vrai maître.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205871.jpg"},
         {
-          id: "4",
-          name: "Samuel L.",
-          handle: "@sam_l",
-          testimonial: "Qualité constante. Je recommande vivement pour les pros exigeants.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/redhead-bearded-hipster-guy-dressed-old-fashioned-shirt-posing-with-hand-head-isolated-dark-background_613910-21334.jpg",
-        },
+          id: "4",          name: "Samuel L.",          handle: "@sam_l",          testimonial: "Qualité constante. Je recommande vivement pour les pros exigeants.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/redhead-bearded-hipster-guy-dressed-old-fashioned-shirt-posing-with-hand-head-isolated-dark-background_613910-21334.jpg"},
         {
-          id: "5",
-          name: "David R.",
-          handle: "@dr_thionville",
-          testimonial: "La meilleure expérience de rasage que j'ai eue.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/look-that-isolated-funny-bald-bearded-man-with-tattoo-raising-index-fingre-pointing-left-corner-expressing-excitement-curiosity-raising-eyebrows-body-language_343059-1721.jpg",
-        },
+          id: "5",          name: "David R.",          handle: "@dr_thionville",          testimonial: "La meilleure expérience de rasage que j'ai eue.",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/look-that-isolated-funny-bald-bearded-man-with-tattoo-raising-index-fingre-pointing-left-corner-expressing-excitement-curiosity-raising-eyebrows-body-language_343059-1721.jpg"},
       ]}
       showRating={true}
       title="La Confiance de nos Clients"
@@ -281,27 +178,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Comment prendre rendez-vous ?",
-          content: "Uniquement via notre plateforme en ligne pour garantir le respect de vos horaires.",
-        },
+          id: "f1",          title: "Comment prendre rendez-vous ?",          content: "Uniquement via notre plateforme en ligne pour garantir le respect de vos horaires."},
         {
-          id: "f2",
-          title: "Quel est le temps d'attente ?",
-          content: "Grâce à notre système de rendez-vous, nous ne faisons pas attendre nos clients.",
-        },
+          id: "f2",          title: "Quel est le temps d'attente ?",          content: "Grâce à notre système de rendez-vous, nous ne faisons pas attendre nos clients."},
         {
-          id: "f3",
-          title: "Proposez-vous des services pour enfants ?",
-          content: "Oui, nous offrons une coupe précise pour les plus jeunes avec la même exigence de qualité.",
-        },
+          id: "f3",          title: "Proposez-vous des services pour enfants ?",          content: "Oui, nous offrons une coupe précise pour les plus jeunes avec la même exigence de qualité."},
       ]}
       ctaTitle="Réservez votre créneau"
       ctaDescription="Votre temps est précieux, assurez votre précision maintenant."
       ctaButton={{
-        text: "Prendre rendez-vous",
-        href: "#",
-      }}
+        text: "Prendre rendez-vous",        href: "#"}}
       ctaIcon={Calendar}
     />
   </div>
@@ -313,14 +199,10 @@ export default function LandingPage() {
       socialLinks={[
         {
           icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
+          href: "#",          ariaLabel: "Instagram"},
         {
           icon: Facebook,
-          href: "#",
-          ariaLabel: "Facebook",
-        },
+          href: "#",          ariaLabel: "Facebook"},
       ]}
     />
   </div>
-- 
2.49.1