Merge version_1 into main #1
159
src/app/page.tsx
159
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "about",
|
||||
},
|
||||
name: "À Propos", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Dr. Karim Bouzid"
|
||||
/>
|
||||
@@ -57,35 +49,21 @@ export default function LandingPage() {
|
||||
description="Excellence en Chirurgie Esthétique à Alger. Une approche sur-mesure alliant précision médicale et harmonie naturelle."
|
||||
buttons={[
|
||||
{
|
||||
text: "Prendre Rendez-vous",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Prendre Rendez-vous", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=el3bn7",
|
||||
imageAlt: "Clinic interior",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=el3bn7", imageAlt: "Clinic interior"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s5hssk",
|
||||
imageAlt: "Medical environment",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s5hssk", imageAlt: "Medical environment"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9f0qme",
|
||||
imageAlt: "Consultation room",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9f0qme", imageAlt: "Consultation room"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kc2nmq",
|
||||
imageAlt: "Doctor and patient",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kc2nmq", imageAlt: "Doctor and patient"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wht85k",
|
||||
imageAlt: "Clinic lobby",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wht85k", imageAlt: "Clinic lobby"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e65p5g",
|
||||
imageAlt: "Medical instruments",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=e65p5g", imageAlt: "Medical instruments"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,26 +86,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Chirurgie du Visage",
|
||||
description: "Rajeunissement, rhinoplastie et liftings personnalisés.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a2crsy",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tbot5z",
|
||||
buttonText: "En savoir plus",
|
||||
},
|
||||
title: "Chirurgie du Visage", description: "Rajeunissement, rhinoplastie et liftings personnalisés.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a2crsy", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tbot5z", buttonText: "En savoir plus"},
|
||||
{
|
||||
title: "Silhouette",
|
||||
description: "Lipoaspiration, plastie abdominale et modelage corporel.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y91zz8",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tlpf2u",
|
||||
buttonText: "En savoir plus",
|
||||
},
|
||||
title: "Silhouette", description: "Lipoaspiration, plastie abdominale et modelage corporel.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y91zz8", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=tlpf2u", buttonText: "En savoir plus"},
|
||||
{
|
||||
title: "Soins Esthétiques",
|
||||
description: "Injections et protocoles anti-âge innovants.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k1nlcq",
|
||||
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fbwnqm",
|
||||
buttonText: "En savoir plus",
|
||||
},
|
||||
title: "Soins Esthétiques", description: "Injections et protocoles anti-âge innovants.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k1nlcq", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fbwnqm", buttonText: "En savoir plus"},
|
||||
]}
|
||||
title="Nos Spécialités"
|
||||
description="Une gamme complète d'interventions chirurgicales et esthétiques, réalisées dans le respect total de votre sécurité."
|
||||
@@ -136,30 +99,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
title: "Années d'expérience",
|
||||
description: "Savoir-faire confirmé",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=57op8q",
|
||||
},
|
||||
id: "m1", value: "15+", title: "Années d'expérience", description: "Savoir-faire confirmé", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=57op8q"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5000+",
|
||||
title: "Interventions",
|
||||
description: "Réussites cliniques",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t7a94e",
|
||||
},
|
||||
id: "m2", value: "5000+", title: "Interventions", description: "Réussites cliniques", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t7a94e"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
title: "Satisfaction",
|
||||
description: "Patients accompagnés",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7r2uxu",
|
||||
},
|
||||
id: "m3", value: "99%", title: "Satisfaction", description: "Patients accompagnés", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7r2uxu"},
|
||||
]}
|
||||
title="Engagement Qualité"
|
||||
description="Nos standards d'excellence en chiffres."
|
||||
@@ -171,30 +120,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Amira K.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kzmi2l",
|
||||
},
|
||||
id: "t1", name: "Amira K.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kzmi2l"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Yasmine B.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p03jik",
|
||||
},
|
||||
id: "t2", name: "Yasmine B.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p03jik"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Samira M.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=12b6o9",
|
||||
},
|
||||
id: "t3", name: "Samira M.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=12b6o9"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Fatima Z.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ox4u4k",
|
||||
},
|
||||
id: "t4", name: "Fatima Z.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ox4u4k"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Leila H.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yolpsv",
|
||||
},
|
||||
id: "t5", name: "Leila H.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yolpsv"},
|
||||
]}
|
||||
cardTitle="Témoignages"
|
||||
cardTag="Avis Patients"
|
||||
@@ -208,20 +142,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Comment prendre rendez-vous ?",
|
||||
content: "Contactez notre secrétariat via le formulaire.",
|
||||
},
|
||||
id: "f1", title: "Comment prendre rendez-vous ?", content: "Contactez notre secrétariat via le formulaire."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Quels sont les délais ?",
|
||||
content: "Nous nous adaptons selon votre disponibilité.",
|
||||
},
|
||||
id: "f2", title: "Quels sont les délais ?", content: "Nous nous adaptons selon votre disponibilité."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Est-ce douloureux ?",
|
||||
content: "La gestion de la douleur est notre priorité.",
|
||||
},
|
||||
id: "f3", title: "Est-ce douloureux ?", content: "La gestion de la douleur est notre priorité."},
|
||||
]}
|
||||
title="Questions Fréquentes"
|
||||
description="Toutes les informations nécessaires avant votre intervention."
|
||||
@@ -233,8 +158,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Prendre rendez-vous"
|
||||
description="Démarrez votre transformation en toute confiance."
|
||||
@@ -246,38 +170,25 @@ export default function LandingPage() {
|
||||
logoText="Dr. Karim Bouzid"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Accueil", href: "#hero"},
|
||||
{
|
||||
label: "À Propos",
|
||||
href: "#about",
|
||||
},
|
||||
label: "À Propos", href: "#about"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Visage",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Visage", href: "#services"},
|
||||
{
|
||||
label: "Silhouette",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Silhouette", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
title: "Légal", items: [
|
||||
{
|
||||
label: "Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
label: "Confidentialité", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user