From e1aa7d42f928d0dfc2ad866701354aa307b5eef6 Mon Sep 17 00:00:00 2001 From: bender Date: Fri, 12 Jun 2026 22:03:00 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 386 +++++++++++------------------------------------ 1 file changed, 92 insertions(+), 294 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 1f1a141..a020ebe 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -32,29 +32,17 @@ export default function LandingPage() { @@ -64,111 +52,61 @@ export default function LandingPage() { @@ -181,25 +119,13 @@ export default function LandingPage() { tag="Nos valeurs" metrics={[ { - id: "m1", - value: "24h/24", - description: "Disponibilité permanente", - }, + id: "m1", value: "24h/24", description: "Disponibilité permanente"}, { - id: "m2", - value: "Bouira", - description: "Clinique privée à Bouira", - }, + id: "m2", value: "Bouira", description: "Clinique privée à Bouira"}, { - id: "m3", - value: "Qualifié", - description: "Équipe médicale dédiée", - }, + id: "m3", value: "Qualifié", description: "Équipe médicale dédiée"}, { - id: "m4", - value: "Personnalisés", - description: "Soins et accompagnement", - }, + id: "m4", value: "Personnalisés", description: "Soins et accompagnement"}, ]} metricsAnimation="slide-up" /> @@ -212,140 +138,76 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "Urgences", - description: "Prise en charge rapide et efficace de toutes les situations d'urgence médicale 24h/24.", - icon: Car, + title: "Urgences", description: "Prise en charge rapide et efficace de toutes les situations d'urgence médicale 24h/24.", icon: Car, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-heart-shape-still-life_23-2150254055.jpg", - imageAlt: "Ambulance icon", - }, + imageSrc: "http://img.b2bpic.net/free-photo/top-view-heart-shape-still-life_23-2150254055.jpg", imageAlt: "Ambulance icon"}, { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-heart-shape-with-heartbeat_23-2148635227.jpg", - imageAlt: "Top view of heart shape with heartbeat", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1916.jpg?_wi=2", - imageAlt: "ambulance icon emergency service", + imageSrc: "http://img.b2bpic.net/free-photo/top-view-heart-shape-with-heartbeat_23-2148635227.jpg", imageAlt: "Top view of heart shape with heartbeat"}, + ] }, { - title: "Chirurgie", - description: "Interventions chirurgicales réalisées par des spécialistes expérimentés dans un bloc opératoire moderne.", - icon: Edit, + title: "Chirurgie", description: "Interventions chirurgicales réalisées par des spécialistes expérimentés dans un bloc opératoire moderne.", icon: Edit, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/closeup-surgery-knives-set-isolated_53876-65117.jpg", - imageAlt: "Surgical tools icon", - }, + imageSrc: "http://img.b2bpic.net/free-photo/closeup-surgery-knives-set-isolated_53876-65117.jpg", imageAlt: "Surgical tools icon"}, { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-scalpel-with-other-medical-instruments_23-2149299228.jpg", - imageAlt: "Top view of scalpel with other medical instruments", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/shallow-focus-shot-smiling-white-caucasian-male_181624-29344.jpg?_wi=2", - imageAlt: "ambulance icon emergency service", + imageSrc: "http://img.b2bpic.net/free-photo/top-view-scalpel-with-other-medical-instruments_23-2149299228.jpg", imageAlt: "Top view of scalpel with other medical instruments"}, + ] }, { - title: "Orthopédie", - description: "Diagnostic et traitement des affections de l'appareil locomoteur, articulations et colonne vertébrale.", - icon: Grid, + title: "Orthopédie", description: "Diagnostic et traitement des affections de l'appareil locomoteur, articulations et colonne vertébrale.", icon: Grid, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/3d-male-medical-figure-kick-boxing-pose_1048-8325.jpg", - imageAlt: "Bone icon", - }, + imageSrc: "http://img.b2bpic.net/free-photo/3d-male-medical-figure-kick-boxing-pose_1048-8325.jpg", imageAlt: "Bone icon"}, { - imageSrc: "http://img.b2bpic.net/free-vector/fracture-bone-set_1284-13968.jpg", - imageAlt: "Fracture Bone Set", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/excited-funny-bearded-guy-showing-thumbs-up-approval_176420-20041.jpg?_wi=2", - imageAlt: "ambulance icon emergency service", + imageSrc: "http://img.b2bpic.net/free-vector/fracture-bone-set_1284-13968.jpg", imageAlt: "Fracture Bone Set"}, + ] }, { - title: "Imagerie Médicale", - description: "Services d'imagerie diagnostique incluant la radiologie et d'autres techniques avancées.", - icon: Scan, + title: "Imagerie Médicale", description: "Services d'imagerie diagnostique incluant la radiologie et d'autres techniques avancées.", icon: Scan, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-vector/man-with-x-ray-chest-bones-medical-treatment_613284-810.jpg", - imageAlt: "X-ray icon", - }, + imageSrc: "http://img.b2bpic.net/free-vector/man-with-x-ray-chest-bones-medical-treatment_613284-810.jpg", imageAlt: "X-ray icon"}, { - imageSrc: "http://img.b2bpic.net/free-photo/x-ray-with-neon-colors_23-2151521353.jpg", - imageAlt: "X-ray with neon colors", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-nurse-posing_23-2150796846.jpg?_wi=2", - imageAlt: "ambulance icon emergency service", + imageSrc: "http://img.b2bpic.net/free-photo/x-ray-with-neon-colors_23-2151521353.jpg", imageAlt: "X-ray with neon colors"}, + ] }, { - title: "Échographie", - description: "Examens échographiques pour des diagnostics précis en gynécologie, obstétrique et autres spécialités.", - icon: Heart, + title: "Échographie", description: "Examens échographiques pour des diagnostics précis en gynécologie, obstétrique et autres spécialités.", icon: Heart, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/young-asian-pregnant-couple-using-phone-headphone-play-music-baby-belly-mom-dad-feeling-happy-smiling-peaceful-while-take-care-child-lying-sofa-living-room-home_7861-2165.jpg", - imageAlt: "Ultrasound icon", - }, + imageSrc: "http://img.b2bpic.net/free-photo/young-asian-pregnant-couple-using-phone-headphone-play-music-baby-belly-mom-dad-feeling-happy-smiling-peaceful-while-take-care-child-lying-sofa-living-room-home_7861-2165.jpg", imageAlt: "Ultrasound icon"}, { - imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-with-husband-ultrasound_23-2147793236.jpg", - imageAlt: "Pregnant woman with husband and ultrasound", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-handsome-hipster-man-with-beard-smiling-laughing_176420-12168.jpg?_wi=2", - imageAlt: "ambulance icon emergency service", + imageSrc: "http://img.b2bpic.net/free-photo/pregnant-woman-with-husband-ultrasound_23-2147793236.jpg", imageAlt: "Pregnant woman with husband and ultrasound"}, + ] }, { - title: "Hospitalisation", - description: "Un séjour confortable et sécurisé avec un suivi médical constant pour votre rétablissement.", - icon: Home, + title: "Hospitalisation", description: "Un séjour confortable et sécurisé avec un suivi médical constant pour votre rétablissement.", icon: Home, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-vector/world-cancer-day-25-line-icon-pack-including-stages-disease-hospital-virus-cancer_1142-26696.jpg", - imageAlt: "Hospital bed icon", - }, + imageSrc: "http://img.b2bpic.net/free-vector/world-cancer-day-25-line-icon-pack-including-stages-disease-hospital-virus-cancer_1142-26696.jpg", imageAlt: "Hospital bed icon"}, { - imageSrc: "http://img.b2bpic.net/free-vector/hospital-patient-silhouette_23-2147495489.jpg", - imageAlt: "Hospital patient silhouette", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/portrait-3d-male-doctor_23-2151107019.jpg?_wi=2", - imageAlt: "ambulance icon emergency service", + imageSrc: "http://img.b2bpic.net/free-vector/hospital-patient-silhouette_23-2147495489.jpg", imageAlt: "Hospital patient silhouette"}, + ] }, { - title: "Consultations Spécialisées", - description: "Accès à des médecins spécialistes pour des avis et traitements personnalisés dans diverses disciplines.", - icon: Activity, + title: "Consultations Spécialisées", description: "Accès à des médecins spécialistes pour des avis et traitements personnalisés dans diverses disciplines.", icon: Activity, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-vector/online-medical-design_24877-49701.jpg", - imageAlt: "Stethoscope icon", - }, + imageSrc: "http://img.b2bpic.net/free-vector/online-medical-design_24877-49701.jpg", imageAlt: "Stethoscope icon"}, { - imageSrc: "http://img.b2bpic.net/free-vector/green-stethoscope-element-vector_53876-169040.jpg", - imageAlt: "Green stethoscope element vector", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/people-style-fashion-concept_273609-6160.jpg", - imageAlt: "ambulance icon emergency service", + imageSrc: "http://img.b2bpic.net/free-vector/green-stethoscope-element-vector_53876-169040.jpg", imageAlt: "Green stethoscope element vector"}, + ] }, { - title: "Soins Post-Opératoires", - description: "Accompagnement et surveillance attentifs après une intervention chirurgicale pour une bonne récupération.", - icon: Activity, + title: "Soins Post-Opératoires", description: "Accompagnement et surveillance attentifs après une intervention chirurgicale pour une bonne récupération.", icon: Activity, mediaItems: [ { - imageSrc: "http://img.b2bpic.net/free-photo/doctor-helping-patient-rehabilitation_23-2150321620.jpg", - imageAlt: "Heart pulse icon", - }, + imageSrc: "http://img.b2bpic.net/free-photo/doctor-helping-patient-rehabilitation_23-2150321620.jpg", imageAlt: "Heart pulse icon"}, { - imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071445.jpg", - imageAlt: "Medical assistant helping patient with physiotherapy exercises", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/medical-staff-collaborates-diagnostic-procedures-treatment-plans_482257-123303.jpg", - imageAlt: "ambulance icon emergency service", + imageSrc: "http://img.b2bpic.net/free-photo/medical-assistant-helping-patient-with-physiotherapy-exercises_23-2149071445.jpg", imageAlt: "Medical assistant helping patient with physiotherapy exercises"}, + ] }, ]} title="Nos services spécialisés" @@ -358,16 +220,13 @@ export default function LandingPage() { useInvertedBackground={true} heading={[ { - type: "text", - content: "À propos de la clinique", - }, + type: "text", content: "À propos de la clinique"}, { - type: "image", - src: "http://img.b2bpic.net/free-photo/medical-staff-collaborates-diagnostic-procedures-treatment-plans_482257-123303.jpg", - alt: "Medical team", - }, + type: "image", src: "http://img.b2bpic.net/free-photo/medical-staff-collaborates-diagnostic-procedures-treatment-plans_482257-123303.jpg", alt: "Medical team"}, + { + type: "text", content: "Clinique Tuvirets accompagne les patients de Bouira avec une approche basée sur la qualité des soins, la sécurité et le respect du patient. Chez Clinique Tuvirets, nous nous engageons à offrir une expérience de soins exceptionnelle, fondée sur le professionnalisme, la réactivité et l'hygiène irréprochable. Notre accompagnement humain et notre disponibilité permanente 24h/24 garantissent que vous recevez toujours les meilleurs soins, avec compassion et sécurité." + } ]} - description="Clinique Tuvirets accompagne les patients de Bouira avec une approche basée sur la qualité des soins, la sécurité et le respect du patient. Chez Clinique Tuvirets, nous nous engageons à offrir une expérience de soins exceptionnelle, fondée sur le professionnalisme, la réactivité et l'hygiène irréprochable. Notre accompagnement humain et notre disponibilité permanente 24h/24 garantissent que vous recevez toujours les meilleurs soins, avec compassion et sécurité." /> @@ -378,64 +237,28 @@ export default function LandingPage() { useInvertedBackground={false} testimonials={[ { - id: "t1", - name: "Nadia K.", - role: "Patiente", - company: "Famille K.", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg", - imageAlt: "Nadia K.", - }, + id: "t1", name: "Nadia K.", role: "Patiente", company: "Famille K.", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg", imageAlt: "Nadia K."}, { - id: "t2", - name: "Ahmed B.", - role: "Patient", - company: "Local Patient", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/glad-man-showing-okay-gesture-approval-sign-giving-positive-reply-against-orange-background-attractive-guy-asserting-everything-is-ok-colorful-background_574295-6132.jpg", - imageAlt: "Ahmed B.", - }, + id: "t2", name: "Ahmed B.", role: "Patient", company: "Local Patient", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/glad-man-showing-okay-gesture-approval-sign-giving-positive-reply-against-orange-background-attractive-guy-asserting-everything-is-ok-colorful-background_574295-6132.jpg", imageAlt: "Ahmed B."}, { - id: "t3", - name: "Leila S.", - role: "Patiente", - company: "Résidente Bouira", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/woman-medic-examining-male-patient-office-routine-checkup-discussing-about-treatment-plan_482257-135628.jpg", - imageAlt: "Leila S.", - }, + id: "t3", name: "Leila S.", role: "Patiente", company: "Résidente Bouira", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/woman-medic-examining-male-patient-office-routine-checkup-discussing-about-treatment-plan_482257-135628.jpg", imageAlt: "Leila S."}, { - id: "t4", - name: "Yacine M.", - role: "Patient", - company: "Patient Régulier", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiled-woman-doctor-uniform-standing-yellow-background_179666-29761.jpg", - imageAlt: "Yacine M.", - }, + id: "t4", name: "Yacine M.", role: "Patient", company: "Patient Régulier", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiled-woman-doctor-uniform-standing-yellow-background_179666-29761.jpg", imageAlt: "Yacine M."}, { - id: "t5", - name: "Samira T.", - role: "Patiente", - company: "Visite Urgente", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-woman-posing_23-2148750359.jpg", - imageAlt: "Samira T.", - }, + id: "t5", name: "Samira T.", role: "Patiente", company: "Visite Urgente", rating: 5, + imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-woman-posing_23-2148750359.jpg", imageAlt: "Samira T."}, ]} kpiItems={[ { - value: "3.7/5", - label: "Note Google", - }, + value: "3.7/5", label: "Note Google"}, { - value: "70+", - label: "Avis Patients", - }, + value: "70+", label: "Avis Patients"}, { - value: "5 Étoiles", - label: "Qualité de Soins", - }, + value: "5 Étoiles", label: "Qualité de Soins"}, ]} title="Ce que nos patients disent de nous" description="La confiance et la satisfaction de nos patients sont notre plus grande récompense. Découvrez leurs témoignages." @@ -448,25 +271,13 @@ export default function LandingPage() { useInvertedBackground={true} faqs={[ { - id: "faq1", - title: "Comment prendre rendez-vous ?", - content: "Vous pouvez prendre rendez-vous en appelant directement notre clinique au +213 660 60 55 50, ou en remplissant le formulaire de contact ci-dessous. Notre équipe vous recontactera rapidement.", - }, + id: "faq1", title: "Comment prendre rendez-vous ?", content: "Vous pouvez prendre rendez-vous en appelant directement notre clinique au +213 660 60 55 50, ou en remplissant le formulaire de contact ci-dessous. Notre équipe vous recontactera rapidement."}, { - id: "faq2", - title: "La clinique est-elle ouverte 24h/24 ?", - content: "Oui, Clinique Tuvirets Bouira est ouverte et disponible 24 heures sur 24, 7 jours sur 7, pour toutes vos urgences et besoins de soins médicaux.", - }, + id: "faq2", title: "La clinique est-elle ouverte 24h/24 ?", content: "Oui, Clinique Tuvirets Bouira est ouverte et disponible 24 heures sur 24, 7 jours sur 7, pour toutes vos urgences et besoins de soins médicaux."}, { - id: "faq3", - title: "Quels types de services proposez-vous ?", - content: "Nous offrons une large gamme de services incluant les urgences, la chirurgie, l'orthopédie, l'imagerie médicale, l'échographie, l'hospitalisation et des consultations spécialisées.", - }, + id: "faq3", title: "Quels types de services proposez-vous ?", content: "Nous offrons une large gamme de services incluant les urgences, la chirurgie, l'orthopédie, l'imagerie médicale, l'échographie, l'hospitalisation et des consultations spécialisées."}, { - id: "faq4", - title: "Acceptez-vous les assurances médicales ?", - content: "Nous acceptons la plupart des assurances médicales. Veuillez nous contacter directement pour vérifier la prise en charge de votre assurance spécifique.", - }, + id: "faq4", title: "Acceptez-vous les assurances médicales ?", content: "Nous acceptons la plupart des assurances médicales. Veuillez nous contacter directement pour vérifier la prise en charge de votre assurance spécifique."}, ]} title="Questions Fréquemment Posées" description="Trouvez les réponses à vos questions concernant nos services, rendez-vous et modalités." @@ -478,8 +289,7 @@ export default function LandingPage() { @@ -506,19 +310,13 @@ export default function LandingPage() { socialLinks={[ { icon: Facebook, - href: "#", - ariaLabel: "Facebook", - }, + href: "#", ariaLabel: "Facebook"}, { icon: Instagram, - href: "#", - ariaLabel: "Instagram", - }, + href: "#", ariaLabel: "Instagram"}, { icon: Linkedin, - href: "#", - ariaLabel: "LinkedIn", - }, + href: "#", ariaLabel: "LinkedIn"}, ]} />