From 917c7a7d723f94af76fd6866e1cfbff3c076af4f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 8 May 2026 17:50:49 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 159 +++++++++++------------------------------------
 1 file changed, 35 insertions(+), 124 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b4fc9bc..964edb2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Accueil",
-          id: "hero",
-        },
+          name: "Accueil",          id: "hero"},
         {
-          name: "À Propos",
-          id: "about",
-        },
+          name: "À Propos",          id: "about"},
         {
-          name: "Services",
-          id: "services",
-        },
+          name: "Services",          id: "services"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Dr. Karim Bouzid"
     />
@@ -57,35 +49,21 @@ export default function LandingPage() {
       description="Excellence en Chirurgie Esthétique à Alger. Une approche sur-mesure alliant précision médicale et harmonie naturelle."
       buttons={[
         {
-          text: "Prendre Rendez-vous",
-          href: "#contact",
-        },
+          text: "Prendre Rendez-vous",          href: "#contact"},
       ]}
       slides={[
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=el3bn7",
-          imageAlt: "Clinic interior",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=el3bn7",          imageAlt: "Clinic interior"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s5hssk",
-          imageAlt: "Medical environment",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s5hssk",          imageAlt: "Medical environment"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9f0qme",
-          imageAlt: "Consultation room",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9f0qme",          imageAlt: "Consultation room"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kc2nmq",
-          imageAlt: "Doctor and patient",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kc2nmq",          imageAlt: "Doctor and patient"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wht85k",
-          imageAlt: "Clinic lobby",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wht85k",          imageAlt: "Clinic lobby"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e65p5g",
-          imageAlt: "Medical instruments",
-        },
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e65p5g",          imageAlt: "Medical instruments"},
       ]}
     />
   </div>
@@ -108,26 +86,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Chirurgie du Visage",
-          description: "Rajeunissement, rhinoplastie et liftings personnalisés.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a2crsy",
-          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tbot5z",
-          buttonText: "En savoir plus",
-        },
+          title: "Chirurgie du Visage",          description: "Rajeunissement, rhinoplastie et liftings personnalisés.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a2crsy",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tbot5z",          buttonText: "En savoir plus"},
         {
-          title: "Silhouette",
-          description: "Lipoaspiration, plastie abdominale et modelage corporel.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y91zz8",
-          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tlpf2u",
-          buttonText: "En savoir plus",
-        },
+          title: "Silhouette",          description: "Lipoaspiration, plastie abdominale et modelage corporel.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y91zz8",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tlpf2u",          buttonText: "En savoir plus"},
         {
-          title: "Soins Esthétiques",
-          description: "Injections et protocoles anti-âge innovants.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k1nlcq",
-          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fbwnqm",
-          buttonText: "En savoir plus",
-        },
+          title: "Soins Esthétiques",          description: "Injections et protocoles anti-âge innovants.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k1nlcq",          titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fbwnqm",          buttonText: "En savoir plus"},
       ]}
       title="Nos Spécialités"
       description="Une gamme complète d'interventions chirurgicales et esthétiques, réalisées dans le respect total de votre sécurité."
@@ -136,30 +99,16 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardEleven
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "15+",
-          title: "Années d'expérience",
-          description: "Savoir-faire confirmé",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=57op8q",
-        },
+          id: "m1",          value: "15+",          title: "Années d'expérience",          description: "Savoir-faire confirmé",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=57op8q"},
         {
-          id: "m2",
-          value: "5000+",
-          title: "Interventions",
-          description: "Réussites cliniques",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t7a94e",
-        },
+          id: "m2",          value: "5000+",          title: "Interventions",          description: "Réussites cliniques",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t7a94e"},
         {
-          id: "m3",
-          value: "99%",
-          title: "Satisfaction",
-          description: "Patients accompagnés",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7r2uxu",
-        },
+          id: "m3",          value: "99%",          title: "Satisfaction",          description: "Patients accompagnés",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7r2uxu"},
       ]}
       title="Engagement Qualité"
       description="Nos standards d'excellence en chiffres."
@@ -171,30 +120,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "t1",
-          name: "Amira K.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kzmi2l",
-        },
+          id: "t1",          name: "Amira K.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kzmi2l"},
         {
-          id: "t2",
-          name: "Yasmine B.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p03jik",
-        },
+          id: "t2",          name: "Yasmine B.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p03jik"},
         {
-          id: "t3",
-          name: "Samira M.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=12b6o9",
-        },
+          id: "t3",          name: "Samira M.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=12b6o9"},
         {
-          id: "t4",
-          name: "Fatima Z.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ox4u4k",
-        },
+          id: "t4",          name: "Fatima Z.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ox4u4k"},
         {
-          id: "t5",
-          name: "Leila H.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yolpsv",
-        },
+          id: "t5",          name: "Leila H.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yolpsv"},
       ]}
       cardTitle="Témoignages"
       cardTag="Avis Patients"
@@ -208,20 +142,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Comment prendre rendez-vous ?",
-          content: "Contactez notre secrétariat via le formulaire.",
-        },
+          id: "f1",          title: "Comment prendre rendez-vous ?",          content: "Contactez notre secrétariat via le formulaire."},
         {
-          id: "f2",
-          title: "Quels sont les délais ?",
-          content: "Nous nous adaptons selon votre disponibilité.",
-        },
+          id: "f2",          title: "Quels sont les délais ?",          content: "Nous nous adaptons selon votre disponibilité."},
         {
-          id: "f3",
-          title: "Est-ce douloureux ?",
-          content: "La gestion de la douleur est notre priorité.",
-        },
+          id: "f3",          title: "Est-ce douloureux ?",          content: "La gestion de la douleur est notre priorité."},
       ]}
       title="Questions Fréquentes"
       description="Toutes les informations nécessaires avant votre intervention."
@@ -233,8 +158,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Contact"
       title="Prendre rendez-vous"
       description="Démarrez votre transformation en toute confiance."
@@ -246,38 +170,25 @@ export default function LandingPage() {
       logoText="Dr. Karim Bouzid"
       columns={[
         {
-          title: "Navigation",
-          items: [
+          title: "Navigation",          items: [
             {
-              label: "Accueil",
-              href: "#hero",
-            },
+              label: "Accueil",              href: "#hero"},
             {
-              label: "À Propos",
-              href: "#about",
-            },
+              label: "À Propos",              href: "#about"},
           ],
         },
         {
-          title: "Services",
-          items: [
+          title: "Services",          items: [
             {
-              label: "Visage",
-              href: "#services",
-            },
+              label: "Visage",              href: "#services"},
             {
-              label: "Silhouette",
-              href: "#services",
-            },
+              label: "Silhouette",              href: "#services"},
           ],
         },
         {
-          title: "Légal",
-          items: [
+          title: "Légal",          items: [
             {
-              label: "Confidentialité",
-              href: "#",
-            },
+              label: "Confidentialité",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1