Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
384
src/app/page.tsx
384
src/app/page.tsx
@@ -2,6 +2,7 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import { Activity, Clock, FlaskConical, Scan } from 'lucide-react';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
|
||||
@@ -27,269 +28,142 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Clinique Imane"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Clinique Imane"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Clinique Imane Médico-Chirurgicale"
|
||||
description="Votre santé est notre priorité. Nous offrons des soins médico-chirurgicaux d'excellence 24h/24, 7j/7, avec une équipe dédiée et des installations à la pointe de la technologie."
|
||||
buttons={[
|
||||
{
|
||||
text: "Prendre Rendez-vous",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Nos Services",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-portrait-businesswoman_23-2148139896.jpg",
|
||||
imageAlt: "Entrée de la clinique",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-nurse-patients-reviewing-diagnostic-results-medical-office_482257-122801.jpg",
|
||||
imageAlt: "Équipe médicale professionnelle",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-researcher-carrying-out-scientific-experiment_1153-4516.jpg",
|
||||
imageAlt: "Bloc opératoire moderne",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-dentist-dental-office_627829-9495.jpg",
|
||||
imageAlt: "Diagnostic de pointe",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-reading-diary-office-meeting_23-2147955155.jpg",
|
||||
imageAlt: "Accueil chaleureux",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-hallway-background_23-2149408807.jpg",
|
||||
imageAlt: "Service pédiatrique",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Clinique Imane Médico-Chirurgicale"
|
||||
description="Votre santé est notre priorité. Nous offrons des soins médico-chirurgicaux d'excellence 24h/24, 7j/7, avec une équipe dédiée et des installations à la pointe de la technologie."
|
||||
buttons={[
|
||||
{ text: "Prendre Rendez-vous", href: "#contact" },
|
||||
{ text: "Nos Services", href: "#features" },
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-portrait-businesswoman_23-2148139896.jpg", imageAlt: "Entrée de la clinique" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/female-nurse-patients-reviewing-diagnostic-results-medical-office_482257-122801.jpg", imageAlt: "Équipe médicale professionnelle" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-male-researcher-carrying-out-scientific-experiment_1153-4516.jpg", imageAlt: "Bloc opératoire moderne" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/glasses-dentist-dental-office_627829-9495.jpg", imageAlt: "Diagnostic de pointe" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-reading-diary-office-meeting_23-2147955155.jpg", imageAlt: "Accueil chaleureux" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-hallway-background_23-2149408807.jpg", imageAlt: "Service pédiatrique" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="À Propos de Clinique Imane"
|
||||
description={[
|
||||
"Fondée pour offrir des soins de santé de classe mondiale, la Clinique Imane Médico-Chirurgicale est un pilier de confiance à El Khroub.",
|
||||
"Nous combinons expertise médicale, technologie avancée et approche humaine pour accompagner chaque patient vers un rétablissement rapide et serein.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="À Propos de Clinique Imane"
|
||||
description={[
|
||||
"Fondée pour offrir des soins de santé de classe mondiale, la Clinique Imane Médico-Chirurgicale est un pilier de confiance à El Khroub.", "Nous combinons expertise médicale, technologie avancée et approche humaine pour accompagner chaque patient vers un rétablissement rapide et serein."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Chirurgie spécialisée",
|
||||
description: "Interventions chirurgicales réalisées par des experts renommés.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rear-view-male-surgeon-wearing-surgical-mask-operation-theater-hospital_657921-1145.jpg",
|
||||
buttonIcon: "Activity",
|
||||
},
|
||||
{
|
||||
title: "Urgences 24/7",
|
||||
description: "Prise en charge rapide pour toutes vos urgences médicales.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-paramedics-moving-ambulance-stretcher-from-car-hurry-paramedics-uniform-taking-stretcher-out-ambulance-car_657921-1483.jpg",
|
||||
buttonIcon: "Clock",
|
||||
},
|
||||
{
|
||||
title: "Laboratoire",
|
||||
description: "Analyses médicales précises et rapides.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-medical-lab-practitioner-smiling-looking-camera-team-scientists-doctors-examining-virus-evolution-using-high-tech-chemistry-tools-scientific-research-vaccine_482257-3972.jpg",
|
||||
buttonIcon: "FlaskConical",
|
||||
},
|
||||
{
|
||||
title: "Imagerie",
|
||||
description: "Radiologie et diagnostics de pointe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-expert-studying-hospital-records-x-ray-test-results-cabinet_482257-122754.jpg",
|
||||
buttonIcon: "Scan",
|
||||
},
|
||||
]}
|
||||
title="Nos Services"
|
||||
description="Nous offrons une gamme complète de soins médicaux et chirurgicaux pour répondre à tous vos besoins."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentySix
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Chirurgie spécialisée", description: "Interventions chirurgicales réalisées par des experts renommés.", imageSrc: "http://img.b2bpic.net/free-photo/rear-view-male-surgeon-wearing-surgical-mask-operation-theater-hospital_657921-1145.jpg", buttonIcon: Activity },
|
||||
{ title: "Urgences 24/7", description: "Prise en charge rapide pour toutes vos urgences médicales.", imageSrc: "http://img.b2bpic.net/free-photo/young-paramedics-moving-ambulance-stretcher-from-car-hurry-paramedics-uniform-taking-stretcher-out-ambulance-car_657921-1483.jpg", buttonIcon: Clock },
|
||||
{ title: "Laboratoire", description: "Analyses médicales précises et rapides.", imageSrc: "http://img.b2bpic.net/free-photo/experienced-medical-lab-practitioner-smiling-looking-camera-team-scientists-doctors-examining-virus-evolution-using-high-tech-chemistry-tools-scientific-research-vaccine_482257-3972.jpg", buttonIcon: FlaskConical },
|
||||
{ title: "Imagerie", description: "Radiologie et diagnostics de pointe.", imageSrc: "http://img.b2bpic.net/free-photo/medical-expert-studying-hospital-records-x-ray-test-results-cabinet_482257-122754.jpg", buttonIcon: Scan },
|
||||
]}
|
||||
title="Nos Services"
|
||||
description="Nous offrons une gamme complète de soins médicaux et chirurgicaux pour répondre à tous vos besoins."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Ans d'Expertise",
|
||||
description: "Qualité de soins reconnue.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medical-team-performing-tummy-tuck-surgery-operating-room_651396-2512.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "24/7",
|
||||
title: "Service",
|
||||
description: "Toujours disponible pour vous.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/emergency-department-entrance_23-2151997620.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "95%",
|
||||
title: "Taux de Réussite",
|
||||
description: "Satisfaction des patients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-wearing-scientist-uniform-using-microscope-laboratory_839833-4089.jpg",
|
||||
},
|
||||
]}
|
||||
title="Chiffres Clés"
|
||||
description="Engagés envers l'excellence depuis des années."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", title: "Ans d'Expertise", description: "Qualité de soins reconnue.", imageSrc: "http://img.b2bpic.net/free-photo/medical-team-performing-tummy-tuck-surgery-operating-room_651396-2512.jpg" },
|
||||
{ id: "m2", value: "24/7", title: "Service", description: "Toujours disponible pour vous.", imageSrc: "http://img.b2bpic.net/free-photo/emergency-department-entrance_23-2151997620.jpg" },
|
||||
{ id: "m3", value: "95%", title: "Taux de Réussite", description: "Satisfaction des patients.", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-wearing-scientist-uniform-using-microscope-laboratory_839833-4089.jpg" },
|
||||
]}
|
||||
title="Chiffres Clés"
|
||||
description="Engagés envers l'excellence depuis des années."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Une clinique exemplaire avec un personnel très attentif et des médecins extrêmement compétents. Je recommande vivement pour la qualité des soins et l'accueil."
|
||||
rating={5}
|
||||
author="Fatima Zahra"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-female-smiling_1187-4949.jpg",
|
||||
alt: "Patient 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
|
||||
alt: "Patient 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/nurse-preparing-consult_23-2149309949.jpg",
|
||||
alt: "Patient 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-tilting-head-young-handsome-guy-wearing-red-shirt-isolated-green-wall_141793-86684.jpg",
|
||||
alt: "Patient 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-dentist-standing-with-hands-crossed_107420-74194.jpg",
|
||||
alt: "Patient 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="Une clinique exemplaire avec un personnel très attentif et des médecins extrêmement compétents. Je recommande vivement pour la qualité des soins et l'accueil."
|
||||
rating={5}
|
||||
author="Fatima Zahra"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-female-smiling_1187-4949.jpg", alt: "Patient 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg", alt: "Patient 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/nurse-preparing-consult_23-2149309949.jpg", alt: "Patient 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-tilting-head-young-handsome-guy-wearing-red-shirt-isolated-green-wall_141793-86684.jpg", alt: "Patient 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/female-dentist-standing-with-hands-crossed_107420-74194.jpg", alt: "Patient 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Quels sont les horaires d'ouverture ?",
|
||||
content: "La Clinique Imane est ouverte 24h/24 et 7j/7 pour vos besoins urgents et programmés.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Comment prendre rendez-vous ?",
|
||||
content: "Vous pouvez nous appeler directement au 031 75 89 42 ou passer par notre formulaire de contact.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Quelles spécialités sont disponibles ?",
|
||||
content: "Nous couvrons la chirurgie, la pédiatrie, les urgences, et les analyses de laboratoire.",
|
||||
},
|
||||
]}
|
||||
title="Questions Fréquentes"
|
||||
description="Tout ce que vous devez savoir sur nos services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Quels sont les horaires d'ouverture ?", content: "La Clinique Imane est ouverte 24h/24 et 7j/7 pour vos besoins urgents et programmés." },
|
||||
{ id: "q2", title: "Comment prendre rendez-vous ?", content: "Vous pouvez nous appeler directement au 031 75 89 42 ou passer par notre formulaire de contact." },
|
||||
{ id: "q3", title: "Quelles spécialités sont disponibles ?", content: "Nous couvrons la chirurgie, la pédiatrie, les urgences, et les analyses de laboratoire." },
|
||||
]}
|
||||
title="Questions Fréquentes"
|
||||
description="Tout ce que vous devez savoir sur nos services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Contactez-nous"
|
||||
title="Besoin d'une consultation ?"
|
||||
description="Notre équipe est disponible pour répondre à vos questions et organiser votre accueil."
|
||||
buttons={[
|
||||
{
|
||||
text: "Appeler la clinique",
|
||||
href: "tel:031758942",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Contactez-nous"
|
||||
title="Besoin d'une consultation ?"
|
||||
description="Notre équipe est disponible pour répondre à vos questions et organiser votre accueil."
|
||||
buttons={[{ text: "Appeler la clinique", href: "tel:031758942" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/unoccupied-modern-clinic-workspace-with-nobody-it-having-turned-computer-screen-showing-medical-report-medical-room-having-firstaid-kit-contemporary-hospital-furniture-patients-documents_482257-41197.jpg"
|
||||
logoText="Clinique Imane"
|
||||
columns={[
|
||||
{
|
||||
title: "Clinique",
|
||||
items: [
|
||||
{
|
||||
label: "À propos",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
{
|
||||
label: "Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Termes",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Clinique Imane Médico-Chirurgicale"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/unoccupied-modern-clinic-workspace-with-nobody-it-having-turned-computer-screen-showing-medical-report-medical-room-having-firstaid-kit-contemporary-hospital-furniture-patients-documents_482257-41197.jpg"
|
||||
logoText="Clinique Imane"
|
||||
columns={[
|
||||
{
|
||||
title: "Clinique", items: [
|
||||
{ label: "À propos", href: "#about" },
|
||||
{ label: "Services", href: "#features" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal", items: [
|
||||
{ label: "Confidentialité", href: "#" },
|
||||
{ label: "Termes", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 Clinique Imane Médico-Chirurgicale"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user