Merge version_1 into main #1
275
src/app/page.tsx
275
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user