From 838160054f3f163a512dd01bd0e607f6f42728c5 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 19 May 2026 16:57:12 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 275 ++++++++---------------------------------------
 1 file changed, 42 insertions(+), 233 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index bbd1804..33f8148 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -29,22 +29,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Accueil",
-          id: "hero",
-        },
-        {
-          name: "Spécialités",
-          id: "specialties",
-        },
-        {
-          name: "Consignes",
-          id: "patient-care",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Accueil", id: "hero" },
+        { name: "Spécialités", id: "specialties" },
+        { name: "Consignes", id: "patient-care" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Dr. Fayssel BEN DAHMENI"
     />
@@ -52,104 +40,27 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitTestimonial
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       title="Dr Fayssel BEN DAHMENI - Cabinet d'Oto-Rhino-Laryngologie"
       description="Cabinet médical de pointe à Hammamet dédié aux soins ORL avancés, endoscopies, et chirurgies spécialisées."
       testimonials={[
-        {
-          name: "Hassen M.",
-          handle: "Patient fidèle",
-          testimonial: "Excellent accueil et très grande expertise.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-is-looking-camera-by-holding-hands-chest-blue-background_176474-118636.jpg",
-        },
-        {
-          name: "Sonia L.",
-          handle: "Patiente",
-          testimonial: "Très satisfaite de l'opération.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-posing-patient_23-2148757389.jpg",
-        },
-        {
-          name: "Karim D.",
-          handle: "Patient",
-          testimonial: "Professionnalisme exemplaire du début à la fin.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-doctor-wearing-stethoscope-medical-gown-put-her-hand-jaw-blue-wall_141793-27123.jpg",
-        },
-        {
-          name: "Amel R.",
-          handle: "Patiente",
-          testimonial: "Une prise en charge rapide et efficace.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-doctor-with-curly-hair_23-2147771718.jpg",
-        },
-        {
-          name: "Yassine H.",
-          handle: "Patient",
-          testimonial: "Dr. Ben Dahmeni est très à l'écoute.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-nurse-white-medical-suit-blue-stethoscope-posing-blue-desk-medicine-hospital-doctor_140725-27805.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Prendre Rendez-vous",
-          href: "#contact",
-        },
-        {
-          text: "Consignes Patients",
-          href: "#patient-care",
-        },
+        { name: "Hassen M.", handle: "Patient fidèle", testimonial: "Excellent accueil et très grande expertise.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-girl-is-looking-camera-by-holding-hands-chest-blue-background_176474-118636.jpg" },
+        { name: "Sonia L.", handle: "Patiente", testimonial: "Très satisfaite de l'opération.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-posing-patient_23-2148757389.jpg" },
+        { name: "Karim D.", handle: "Patient", testimonial: "Professionnalisme exemplaire du début à la fin.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-doctor-wearing-stethoscope-medical-gown-put-her-hand-jaw-blue-wall_141793-27123.jpg" },
+        { name: "Amel R.", handle: "Patiente", testimonial: "Une prise en charge rapide et efficace.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-doctor-with-curly-hair_23-2147771718.jpg" },
+        { name: "Yassine H.", handle: "Patient", testimonial: "Dr. Ben Dahmeni est très à l'écoute.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-nurse-white-medical-suit-blue-stethoscope-posing-blue-desk-medicine-hospital-doctor_140725-27805.jpg" },
       ]}
+      buttons={[{ text: "Prendre Rendez-vous", href: "#contact" }, { text: "Consignes Patients", href: "#patient-care" }]}
       imageSrc="http://img.b2bpic.net/free-photo/young-female-dentist-treating-patients-teeth-with-dental-microscope-dentistry-concept_169016-67467.jpg"
       mediaAnimation="slide-up"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/young-bald-male-doctor-wearing-medical-robe-stethoscope-sitting-work-desk_141793-98698.jpg",
-          alt: "Patient portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-wearing-white-cardigan-thinking_176474-92250.jpg",
-          alt: "Patient portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/looking-camera-young-male-doctor-wearing-medical-robe-stethoscope-putting-hand-shoulder-isolated-green-background_141793-63103.jpg",
-          alt: "Patient portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/bearded-man-doctor-uniform-with-stethoscope-around-neck-wearing-glasses-looking-confident-pointing-with-index-finger-side-standing-blue-background_141793-138628.jpg",
-          alt: "Patient portrait",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/blonde-female-doctor-with-stethoscope-looking-aside_114579-21779.jpg",
-          alt: "Patient portrait",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Endoscopie",
-        },
-        {
-          type: "text",
-          text: "Chirurgie ORL",
-        },
-        {
-          type: "text",
-          text: "Audiologie",
-        },
-        {
-          type: "text",
-          text: "Rhino-septoplastie",
-        },
-        {
-          type: "text",
-          text: "Thyroïde",
-        },
+        { src: "http://img.b2bpic.net/free-photo/young-bald-male-doctor-wearing-medical-robe-stethoscope-sitting-work-desk_141793-98698.jpg", alt: "Patient portrait" },
+        { src: "http://img.b2bpic.net/free-photo/young-woman-wearing-white-cardigan-thinking_176474-92250.jpg", alt: "Patient portrait" },
+        { src: "http://img.b2bpic.net/free-photo/looking-camera-young-male-doctor-wearing-medical-robe-stethoscope-putting-hand-shoulder-isolated-green-background_141793-63103.jpg", alt: "Patient portrait" },
+        { src: "http://img.b2bpic.net/free-photo/bearded-man-doctor-uniform-with-stethoscope-around-neck-wearing-glasses-looking-confident-pointing-with-index-finger-side-standing-blue-background_141793-138628.jpg", alt: "Patient portrait" },
+        { src: "http://img.b2bpic.net/free-photo/blonde-female-doctor-with-stethoscope-looking-aside_114579-21779.jpg", alt: "Patient portrait" },
       ]}
+      marqueeItems={[{ type: "text", text: "Endoscopie" }, { type: "text", text: "Chirurgie ORL" }, { type: "text", text: "Audiologie" }, { type: "text", text: "Rhino-septoplastie" }, { type: "text", text: "Thyroïde" }]}
     />
   </div>
 
@@ -158,36 +69,12 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "Endoscopies & Nasofibroscopie",
-          description: "Rigides et souples avec canal opérateur pour Radiofréquence endoscopique.",
-          imageSrc: "http://img.b2bpic.net/free-photo/pills-medical-tools-arrangement-flat-lay_23-2149341610.jpg",
-        },
-        {
-          title: "Rhino-septoplastie",
-          description: "Chirurgie plastique et réparatrice de la face.",
-          imageSrc: "http://img.b2bpic.net/free-photo/green-ribbon-white-wooden-frame-near-row-colorful-awareness-ribbon_23-2147863590.jpg",
-        },
-        {
-          title: "Chirurgie Thyroïde",
-          description: "Ablation de kyste du tractus thyréoglosse chez l'enfant.",
-          imageSrc: "http://img.b2bpic.net/free-photo/older-doctor-performs-ear-examination_482257-119884.jpg",
-        },
-        {
-          title: "Acouphènes & Otoscopie",
-          description: "Traitement spécialisé et diagnostic otoscopique précis.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stethoscope-health-hospital-icon_53876-14657.jpg",
-        },
-        {
-          title: "Cordectomie Laser",
-          description: "Chirurgies avancées par laser.",
-          imageSrc: "http://img.b2bpic.net/free-photo/hand-holds-medicine-capsules-icon-sign-symbol-blue-background-3d-illustration-cartoon-healthcare-medical-concept_56104-1645.jpg",
-        },
-        {
-          title: "Amygdalectomie Laser",
-          description: "Électrocoagulation rapide et efficace.",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-having-hearing-issues_23-2150038484.jpg",
-        },
+        { title: "Endoscopies & Nasofibroscopie", description: "Rigides et souples avec canal opérateur pour Radiofréquence endoscopique.", imageSrc: "http://img.b2bpic.net/free-photo/pills-medical-tools-arrangement-flat-lay_23-2149341610.jpg" },
+        { title: "Rhino-septoplastie", description: "Chirurgie plastique et réparatrice de la face.", imageSrc: "http://img.b2bpic.net/free-photo/green-ribbon-white-wooden-frame-near-row-colorful-awareness-ribbon_23-2147863590.jpg" },
+        { title: "Chirurgie Thyroïde", description: "Ablation de kyste du tractus thyréoglosse chez l'enfant.", imageSrc: "http://img.b2bpic.net/free-photo/older-doctor-performs-ear-examination_482257-119884.jpg" },
+        { title: "Acouphènes & Otoscopie", description: "Traitement spécialisé et diagnostic otoscopique précis.", imageSrc: "http://img.b2bpic.net/free-photo/stethoscope-health-hospital-icon_53876-14657.jpg" },
+        { title: "Cordectomie Laser", description: "Chirurgies avancées par laser.", imageSrc: "http://img.b2bpic.net/free-photo/hand-holds-medicine-capsules-icon-sign-symbol-blue-background-3d-illustration-cartoon-healthcare-medical-concept_56104-1645.jpg" },
+        { title: "Amygdalectomie Laser", description: "Électrocoagulation rapide et efficace.", imageSrc: "http://img.b2bpic.net/free-photo/person-having-hearing-issues_23-2150038484.jpg" },
       ]}
       title="Expertises Cliniques"
       description="Spécialiste en chirurgie de la face, du cou et endoscopie avancée. Dr. Ben Dahmeni vous accueille en Français, Arabe et Anglais."
@@ -198,21 +85,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={true}
       faqs={[
-        {
-          id: "faq1",
-          title: "Après une Rhino-septoplastie",
-          content: "Repos strict pendant 7 jours, évitez les efforts physiques, ne mouchez pas le nez fort, et suivez les instructions sur les mèches.",
-        },
-        {
-          id: "faq2",
-          title: "Après une Chirurgie de la Thyroïde",
-          content: "Surveillance rigoureuse de la cicatrice, alimentation molle initiale, et prise systématique du traitement prescrit.",
-        },
-        {
-          id: "faq3",
-          title: "Après une Amygdalectomie / Laser",
-          content: "Alimentation froide obligatoire, évitez les aliments acides ou épicés, et respectez la gestion stricte de la douleur avec le traitement.",
-        },
+        { id: "faq1", title: "Après une Rhino-septoplastie", content: "Repos strict pendant 7 jours, évitez les efforts physiques, ne mouchez pas le nez fort, et suivez les instructions sur les mèches." },
+        { id: "faq2", title: "Après une Chirurgie de la Thyroïde", content: "Surveillance rigoureuse de la cicatrice, alimentation molle initiale, et prise systématique du traitement prescrit." },
+        { id: "faq3", title: "Après une Amygdalectomie / Laser", content: "Alimentation froide obligatoire, évitez les aliments acides ou épicés, et respectez la gestion stricte de la douleur avec le traitement." },
       ]}
       sideTitle="Espace Consignes Post-Op"
       sideDescription="Récupérez en toute sérénité avec nos protocoles de soins spécialisés."
@@ -226,21 +101,9 @@ export default function LandingPage() {
       title="Le cabinet en chiffres"
       tag="Expertise confirmée"
       metrics={[
-        {
-          id: "m1",
-          value: "15+",
-          description: "Années d'expérience",
-        },
-        {
-          id: "m2",
-          value: "5000+",
-          description: "Actes chirurgicaux",
-        },
-        {
-          id: "m3",
-          value: "3",
-          description: "Langues parlées",
-        },
+        { id: "m1", value: "15+", description: "Années d'expérience" },
+        { id: "m2", value: "5000+", description: "Actes chirurgicaux" },
+        { id: "m3", value: "3", description: "Langues parlées" },
       ]}
       metricsAnimation="slide-up"
     />
@@ -251,47 +114,13 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={true}
+      description="Témoignages patients satisfaits."
       testimonials={[
-        {
-          id: "t1",
-          name: "Mouna K.",
-          handle: "Patiente",
-          testimonial: "Dr. Ben Dahmeni est très rassurant et très précis.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-doctor-with-right-hand_329181-13475.jpg",
-        },
-        {
-          id: "t2",
-          name: "Ahmed B.",
-          handle: "Parent",
-          testimonial: "Prise en charge exemplaire de mon fils pour son kyste.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/sad-retired-female-practitioner-white-medical-coat-holding-clipboard-telling-her-elderly-patient-about-diagnosis-treatment_343059-1162.jpg",
-        },
-        {
-          id: "t3",
-          name: "Sara Z.",
-          handle: "Patiente",
-          testimonial: "La meilleure adresse pour les problèmes ORL à Hammamet.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-doctor-holding-medical-paperwork-while-communicating-with-patient-medical-appointment-hospital_637285-1422.jpg",
-        },
-        {
-          id: "t4",
-          name: "Lamine F.",
-          handle: "Patient",
-          testimonial: "Opération sans douleur et récupération rapide.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doctor-white-medicine-coat-with-stethoscope-around-neck-with-confident-expression-standing-pink-wall_141793-100471.jpg",
-        },
-        {
-          id: "t5",
-          name: "Hela S.",
-          handle: "Patiente",
-          testimonial: "Une équipe professionnelle et à l'écoute.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
-        },
+        { id: "t1", name: "Mouna K.", handle: "Patiente", testimonial: "Dr. Ben Dahmeni est très rassurant et très précis.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-doctor-with-right-hand_329181-13475.jpg" },
+        { id: "t2", name: "Ahmed B.", handle: "Parent", testimonial: "Prise en charge exemplaire de mon fils pour son kyste.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/sad-retired-female-practitioner-white-medical-coat-holding-clipboard-telling-her-elderly-patient-about-diagnosis-treatment_343059-1162.jpg" },
+        { id: "t3", name: "Sara Z.", handle: "Patiente", testimonial: "La meilleure adresse pour les problèmes ORL à Hammamet.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-doctor-holding-medical-paperwork-while-communicating-with-patient-medical-appointment-hospital_637285-1422.jpg" },
+        { id: "t4", name: "Lamine F.", handle: "Patient", testimonial: "Opération sans douleur et récupération rapide.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-doctor-white-medicine-coat-with-stethoscope-around-neck-with-confident-expression-standing-pink-wall_141793-100471.jpg" },
+        { id: "t5", name: "Hela S.", handle: "Patiente", testimonial: "Une équipe professionnelle et à l'écoute.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg" },
       ]}
       showRating={true}
       title="Témoignages patients"
@@ -302,21 +131,9 @@ export default function LandingPage() {
       <FaqSplitText
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "fq1",
-          title: "Comment prendre rendez-vous ?",
-          content: "Vous pouvez nous appeler directement au cabinet ou utiliser WhatsApp.",
-        },
-        {
-          id: "fq2",
-          title: "Quels sont les moyens de paiement ?",
-          content: "Nous acceptons les espèces et les chèques bancaires tunisiens.",
-        },
-        {
-          id: "fq3",
-          title: "Quels sont les horaires d'ouverture ?",
-          content: "Du Lundi au Samedi, de 08:00 à 15:00.",
-        },
+        { id: "fq1", title: "Comment prendre rendez-vous ?", content: "Vous pouvez nous appeler directement au cabinet ou utiliser WhatsApp." },
+        { id: "fq2", title: "Quels sont les moyens de paiement ?", content: "Nous acceptons les espèces et les chèques bancaires tunisiens." },
+        { id: "fq3", title: "Quels sont les horaires d'ouverture ?", content: "Du Lundi au Samedi, de 08:00 à 15:00." },
       ]}
       sideTitle="Questions fréquentes"
       faqsAnimation="slide-up"
@@ -326,9 +143,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
-        variant: "gradient-bars",
-      }}
+      background={{ variant: "gradient-bars" }}
       tag="Contact"
       title="Localisation et Contact"
       description="Avenue Habib Bourguiba, Immeuble Émeraude, 3ème étage, Bureau N°3, 8050 Hammamet. Lundi au Samedi, 08h-15h."
@@ -338,17 +153,11 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Dr. Fayssel BEN DAHMENI"
-      leftLink={{
-        text: "Mentions Légales",
-        href: "#",
-      }}
-      rightLink={{
-        text: "WhatsApp",
-        href: "https://wa.me/216...",
-      }}
+      leftLink={{ text: "Mentions Légales", href: "#" }}
+      rightLink={{ text: "WhatsApp", href: "https://wa.me/216..." }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1