298 lines
19 KiB
TypeScript
298 lines
19 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureBento from '@/components/sections/feature/FeatureBento';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TeamCardSix from '@/components/sections/team/TeamCardSix';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import MobileStickyBand from '@/components/MobileStickyBand';
|
|
import { MapPin, ShieldCheck, Smile, Sparkles, Zap } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="noise"
|
|
cardStyle="soft-shadow"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Accueil", id: "#home"},
|
|
{
|
|
name: "À Propos", id: "#about"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Équipe", id: "#team"},
|
|
{
|
|
name: "Témoignages", id: "#testimonials"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact Rapide", id: "#contact"},
|
|
{
|
|
name: "Contact & Accès", id: "#contact-details"},
|
|
]}
|
|
brandName="Dr Gharbi Mounib"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroOverlayTestimonial
|
|
title="Votre Sourire, Notre Spécialité. Des Soins Dentaires d'Excellence."
|
|
description="Découvrez une approche moderne et personnalisée de la stomatologie et de l'esthétique dentaire. Notre équipe d'orthodontistes et de dentistes vous offre des soins complets pour un sourire sain et éclatant."
|
|
testimonials={[
|
|
{
|
|
name: "Fatma B.", handle: "@fatma.b", testimonial: "Une équipe formidable et des soins impeccables. Je recommande vivement le Dr Gharbi Mounib pour son professionnalisme et sa gentillesse.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-office-using-phone_1303-21362.jpg", imageAlt: "Fatma B."},
|
|
{
|
|
name: "Karim M.", handle: "@karim.m", testimonial: "Enfin un dentiste en qui on peut avoir confiance à El Mourouj. Prise en charge rapide et efficace pour mon urgence dentaire.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-handsome-man-looking-camera_23-2147891187.jpg", imageAlt: "Karim M."},
|
|
{
|
|
name: "Amina S.", handle: "@amina.s", testimonial: "Le meilleur cabinet dentaire de la région ! L'ambiance est rassurante et les résultats des traitements sont au-delà de mes attentes.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/senior-woman-with-lipstick_23-2148275209.jpg", imageAlt: "Amina S."},
|
|
{
|
|
name: "Youssef T.", handle: "@youssef.t", testimonial: "Mon fils n'a plus peur d'aller chez le dentiste grâce à l'approche douce et professionnelle de toute l'équipe.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-smiling_23-2147580806.jpg", imageAlt: "Youssef T."},
|
|
{
|
|
name: "Leila H.", handle: "@leila.h", testimonial: "Des soins esthétiques de grande qualité. Mon sourire n'a jamais été aussi beau, merci Dr Gharbi Mounib !", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg", imageAlt: "Leila H."},
|
|
]}
|
|
testimonialRotationInterval={6000}
|
|
buttons={[
|
|
{
|
|
text: "Prendre rendez-vous maintenant", href: "tel:+216XXXXXXXX"},
|
|
{
|
|
text: "Contacter via WhatsApp", href: "https://wa.me/216XXXXXXXX"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-smiley-nurse_23-2148501062.jpg", alt: "Patient 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-handsome-african-american-man-with-moustache-smiling-white-teeth-looking-happy-confident-standing-checked-shirt-against-white-background_176420-46881.jpg", alt: "Patient 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13308.jpg", alt: "Patient 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cute-five-year-old-girl-poses-expresses-positive-emotions-has-ginger-hair-wears-warm-winter-sweater-glad-be-photographed-poses-against-pink-wall-sincere-emotions-kids_273609-42682.jpg", alt: "Patient 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-attractive-stylish-senior-caucasian-female-pensioner-with-pixie-short-hairstyle-spending-day-home-standing-living-room-wearing-elegant-blue-dress-smiling-happily_343059-2673.jpg", alt: "Patient 5"},
|
|
]}
|
|
avatarText="Nos patients témoignent de leur satisfaction"
|
|
imageSrc="http://img.b2bpic.net/free-photo/attractive-patient-redviolet-dress-laying-dental-chair-while-female-dentist-treating-her-teeth-with-special-instruments_627829-9769.jpg"
|
|
imageAlt="Modern dental clinic interior"
|
|
showDimOverlay={true}
|
|
showBlur={true}
|
|
tag="Stomatologie & Esthétique Dentaire"
|
|
tagIcon={Smile}
|
|
tagAnimation="reveal-blur"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
imagePosition="right"
|
|
title="À Propos du Dr. Gharbi Mounib"
|
|
description="Le Dr. Gharbi Mounib et son équipe dévouée vous accueillent dans un environnement moderne et chaleureux à El Mourouj. Nous sommes engagés à fournir des soins dentaires de la plus haute qualité, alliant expertise et technologies avancées pour votre confort et votre santé bucco-dentaire. Notre priorité est de créer une expérience dentaire positive et sans stress pour chaque patient."
|
|
bulletPoints={[
|
|
{
|
|
title: "Expertise Certifiée", description: "Des années d'expérience et une formation continue pour les meilleurs traitements."},
|
|
{
|
|
title: "Technologies Modernes", description: "Utilisation d'équipements de pointe pour des diagnostics précis et des soins efficaces."},
|
|
{
|
|
title: "Approche Personnalisée", description: "Chaque plan de traitement est adapté aux besoins uniques de nos patients."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-dentist_1157-18577.jpg"
|
|
imageAlt="Dentist examining a patient in a modern dental clinic"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureBento
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Dentisterie Générale", description: "Examens de routine, nettoyages, obturations et traitements des caries pour une santé bucco-dentaire durable.", bentoComponent: "reveal-icon", icon: ShieldCheck
|
|
},
|
|
{
|
|
title: "Dentisterie Esthétique", description: "Blanchiment dentaire, facettes et couronnes pour sublimer votre sourire et renforcer votre confiance.", bentoComponent: "reveal-icon", icon: Sparkles
|
|
},
|
|
{
|
|
title: "Urgences Dentaires", description: "Prise en charge rapide et efficace des douleurs aiguës, traumatismes et autres urgences dentaires.", bentoComponent: "reveal-icon", icon: Zap
|
|
},
|
|
{
|
|
title: "Pédodontie", description: "Des soins adaptés aux enfants pour les aider à développer de bonnes habitudes d'hygiène dès le plus jeune âge.", bentoComponent: "reveal-icon", icon: Smile
|
|
},
|
|
]}
|
|
title="Nos Services Dentaires Complets"
|
|
description="Nous offrons une gamme complète de traitements pour toute la famille, assurant une santé bucco-dentaire optimale et un sourire éclatant. De la prévention aux interventions complexes, votre bien-être est notre priorité."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
members={[
|
|
{
|
|
id: "dr-gharbi", name: "Dr. Gharbi Mounib", role: "Chirurgien Dentiste", imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-physician-standing-with-arms-crossed-against-greenscreen_482257-122096.jpg", imageAlt: "Dr. Gharbi Mounib"},
|
|
{
|
|
id: "assistant-1", name: "Sarah K.", role: "Assistante Dentaire", imageSrc: "http://img.b2bpic.net/free-photo/portrait-dentistry-assistant-looking-camera-standing-stomatology-clinic-caucasian-woman-with-nurse-occupation-working-dental-office-wearing-medical-uniform-teethcare_482257-28172.jpg", imageAlt: "Sarah K., Dental Assistant"},
|
|
{
|
|
id: "assistant-2", name: "Mehdi B.", role: "Hygiéniste Dentaire", imageSrc: "http://img.b2bpic.net/free-photo/joyful-blinked-young-male-doctor-wearing-doctor-uniform-with-stethoscope-showing-tongue-isolated-orange-wall-with-copy-space_141793-91801.jpg", imageAlt: "Mehdi B., Dental Hygienist"},
|
|
]}
|
|
title="Notre Équipe Dévouée"
|
|
description="Rencontrez les professionnels qui mettent leur expertise et leur passion au service de votre sourire. Chaque membre de notre équipe est là pour vous offrir les meilleurs soins et un accompagnement personnalisé."
|
|
/>
|
|
</div>
|
|
|
|
<div id="treatments" data-section="treatments">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p-cleaning", name: "Détartrage & Nettoyage", price: "À partir de 80 TND", imageSrc: "http://img.b2bpic.net/free-photo/close-up-sustainable-tooth-brush-alternatives_23-2149165684.jpg", imageAlt: "Détartrage et nettoyage dentaire"},
|
|
{
|
|
id: "p-implants", name: "Implants Dentaires", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/3d-representation-dental-health-hygiene_23-2150473214.jpg", imageAlt: "Implants dentaires"},
|
|
{
|
|
id: "p-whitening", name: "Blanchiment Dentaire", price: "À partir de 400 TND", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-sensual-tender-african-american-girlfriend-with-blond-haircut-making-soft-lovely-gazed-smiling-lovely-looking-down-shy-as-if-seducing-touching-face-white-wall_176420-35305.jpg", imageAlt: "Blanchiment dentaire"},
|
|
{
|
|
id: "p-orthodontics", name: "Orthodontie (Aligners invisibles)", price: "Sur devis", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-posing-with-stylish-glasses_114579-55290.jpg", imageAlt: "Orthodontie aligners invisibles"},
|
|
{
|
|
id: "p-fillings", name: "Obturations Esthétiques", price: "À partir de 120 TND", imageSrc: "http://img.b2bpic.net/free-photo/bunch-small-fresh-fish_23-2148263886.jpg", imageAlt: "Obturations dentaires esthétiques"},
|
|
{
|
|
id: "p-emergencies", name: "Consultation Urgence", price: "100 TND", imageSrc: "http://img.b2bpic.net/free-photo/expressive-young-girl-posing-studio_176474-75368.jpg", imageAlt: "Consultation urgence dentaire"},
|
|
]}
|
|
title="Découvrez Nos Traitements Spécialisés"
|
|
description="Des solutions innovantes et personnalisées pour répondre à tous vos besoins dentaires, de la prévention à la restauration esthétique. Nous utilisons des techniques avancées pour des résultats optimaux."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Le Dr Gharbi Mounib est exceptionnel ! L'équipe est accueillante, et les soins sont d'une qualité irréprochable. Je suis ravie de mon nouveau sourire.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-28568.jpg"},
|
|
{
|
|
id: "t2", name: "Michael Chen", handle: "@michaelc", testimonial: "J'apprécie énormément le professionnalisme et la douceur du Dr Mounib. Ma peur du dentiste a totalement disparu. Un grand merci !", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-isolated-showing-facial-emotions_1303-20271.jpg"},
|
|
{
|
|
id: "t3", name: "Emily Rodriguez", handle: "@emilyr", testimonial: "Un service impeccable du début à la fin. Le cabinet est moderne et très propre. Je recommande sans hésiter.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/senior-business-man-clenching-his-teeth-while-talking-phone_1262-800.jpg"},
|
|
{
|
|
id: "t4", name: "David Kim", handle: "@davidk", testimonial: "Pour une urgence dentaire, j'ai été pris en charge rapidement et efficacement. Soulagement immédiat et excellent suivi. Merci encore !", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/mothers-day-concept-with-kid-showing-slate_23-2147797106.jpg"},
|
|
{
|
|
id: "t5", name: "Sophie Martin", handle: "@sophiem", testimonial: "L'équipe est attentive et à l'écoute. Ils prennent le temps d'expliquer chaque étape. Une expérience très positive.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-senior-man_23-2149207225.jpg"},
|
|
]}
|
|
showRating={true}
|
|
title="Ce Que Nos Patients Disent"
|
|
description="La satisfaction de nos patients est notre plus grande fierté. Lisez leurs témoignages et découvrez pourquoi ils nous font confiance pour leur santé bucco-dentaire et leur sourire."
|
|
buttons={[
|
|
{
|
|
text: "Voir sur Google Maps", href: "https://www.google.com/maps/search/Dr+Gharbi+Mounib+El+Mourouj"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq1", title: "Comment prendre rendez-vous ?", content: "Vous pouvez prendre rendez-vous directement par téléphone, via WhatsApp, ou en remplissant le formulaire de contact sur notre site web. Notre équipe vous recontactera rapidement."},
|
|
{
|
|
id: "faq2", title: "Quels types de paiements acceptez-vous ?", content: "Nous acceptons les paiements en espèces, par carte bancaire et par chèque. Des facilités de paiement peuvent être discutées pour certains traitements."},
|
|
{
|
|
id: "faq3", title: "Que faire en cas d'urgence dentaire ?", content: "En cas d'urgence, contactez-nous immédiatement par téléphone. Nous ferons tout notre possible pour vous recevoir dans les plus brefs délais et soulager votre douleur."},
|
|
{
|
|
id: "faq4", title: "Le cabinet est-il accessible aux personnes à mobilité réduite ?", content: "Oui, notre cabinet est entièrement équipé pour accueillir les personnes à mobilité réduite, assurant un accès facile et confortable pour tous nos patients."},
|
|
]}
|
|
sideTitle="Vos Questions, Nos Réponses sur Votre Santé Dentaire"
|
|
sideDescription="Nous répondons à vos interrogations concernant nos services de stomatologie, nos traitements d'orthodontie, la préservation de votre smile, et l'esthétique dentaire."
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={true}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
text="Prêt à prendre soin de votre sourire ? Contactez-nous dès aujourd'hui pour une consultation ou en cas d'urgence. Nous sommes impatients de vous accueillir !"
|
|
buttons={[
|
|
{
|
|
text: "Appeler le cabinet", href: "tel:+216XXXXXXXX"},
|
|
{
|
|
text: "Envoyer un WhatsApp", href: "https://wa.me/216XXXXXXXX"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-details" data-section="contact-details">
|
|
<ContactSplitForm
|
|
title="Contact & Accès"
|
|
description="Cabinet Dentaire Dr Gharbi Mounib\nAdresse : Cité Ennasr 2, Tunis, Tunisie\nTél : +216 XX XXX XXX\nWhatsApp : +216 XX XXX XXX\nHoraires : Lun-Ven 09:00-18:00, Sam 09:00-13:00\n\nNous sommes là pour répondre à vos questions et vous accueillir dans les meilleures conditions. N'hésitez pas à nous contacter."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Nom Complet", required: true },
|
|
{ name: "email", type: "email", placeholder: "Votre Email", required: true },
|
|
{ name: "phone", type: "tel", placeholder: "Numéro de Téléphone", required: false },
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Votre message", rows: 4, required: true }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/map-with-pin_23-2147714341.jpg"
|
|
imageAlt="Localisation du cabinet sur une carte"
|
|
mediaPosition="right"
|
|
mediaAnimation="slide-up"
|
|
buttonText="Envoyer le message"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Dr Gharbi Mounib"
|
|
leftLink={{
|
|
text: "Politique de confidentialité", href: "#"}}
|
|
rightLink={{
|
|
text: "Mentions légales", href: "#"}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
<MobileStickyBand />
|
|
</ThemeProvider>
|
|
);
|
|
}
|