Merge version_1 into main #2
293
src/app/page.tsx
293
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Treatments",
|
||||
id: "treatments",
|
||||
},
|
||||
name: "Treatments", id: "treatments"},
|
||||
{
|
||||
name: "Our Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Our Team", id: "team"},
|
||||
{
|
||||
name: "Results",
|
||||
id: "results",
|
||||
},
|
||||
name: "Results", id: "results"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Lumière Aesthetics"
|
||||
/>
|
||||
@@ -55,67 +47,42 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Refined Elegance, Reimagined."
|
||||
description="Experience professional facial aesthetics and skin rejuvenation tailored to your unique beauty. Where medical precision meets boutique care."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Consultation",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Consultation", href: "#contact"},
|
||||
{
|
||||
text: "Explore Treatments",
|
||||
href: "#treatments",
|
||||
},
|
||||
text: "Explore Treatments", href: "#treatments"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-girl-white-summer-dress-sitting-lounger-black-white-photo_627829-13914.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-beautiful-girl-white-summer-dress-sitting-lounger-black-white-photo_627829-13914.jpg"
|
||||
imageAlt="Luxurious Lumière Aesthetics Clinic Suite"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-doctor-posing_23-2148497196.jpg",
|
||||
alt: "Front view doctor posing",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-doctor-posing_23-2148497196.jpg", alt: "Front view doctor posing"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-doctor-cosmetology-studio_1157-33837.jpg",
|
||||
alt: "Woman with a doctor in cosmetology studio",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-with-doctor-cosmetology-studio_1157-33837.jpg", alt: "Woman with a doctor in cosmetology studio"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elder-covid-recovery-center-female-doctor-looking-through-window-with-copy-space_23-2148847827.jpg",
|
||||
alt: "Elder covid recovery center female doctor looking through the window with copy space",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elder-covid-recovery-center-female-doctor-looking-through-window-with-copy-space_23-2148847827.jpg", alt: "Elder covid recovery center female doctor looking through the window with copy space"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-holding-coffee-cup_23-2148504726.jpg",
|
||||
alt: "Woman holding coffee cup",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-holding-coffee-cup_23-2148504726.jpg", alt: "Woman holding coffee cup"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/stable-girl-white-doctor-uniform_141793-376.jpg",
|
||||
alt: "Stable girl in white doctor uniform",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/stable-girl-white-doctor-uniform_141793-376.jpg", alt: "Stable girl in white doctor uniform"},
|
||||
]}
|
||||
avatarText="Trusted by over 15,000 patients"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Medical Precision",
|
||||
},
|
||||
type: "text", text: "Medical Precision"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Boutique Care",
|
||||
},
|
||||
type: "text", text: "Boutique Care"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Advanced Technology",
|
||||
},
|
||||
type: "text", text: "Advanced Technology"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Natural Results",
|
||||
},
|
||||
type: "text", text: "Natural Results"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Skin Vitality",
|
||||
},
|
||||
type: "text", text: "Skin Vitality"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -125,24 +92,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Philosophy of",
|
||||
},
|
||||
type: "text", content: "Philosophy of"},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406005.jpg",
|
||||
alt: "Doctor specialist",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-woman-with-trendy-hairstyle_23-2149406005.jpg", alt: "Doctor specialist"},
|
||||
{
|
||||
type: "text",
|
||||
content: "Care",
|
||||
},
|
||||
type: "text", content: "Care"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Our Philosophy",
|
||||
href: "#team",
|
||||
},
|
||||
text: "Our Philosophy", href: "#team"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,23 +112,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Facial Aesthetics",
|
||||
description: "Precision non-surgical enhancements to define and refresh your features.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetology-studio-procedures_1157-34016.jpg",
|
||||
imageAlt: "Facial aesthetics treatment",
|
||||
},
|
||||
title: "Facial Aesthetics", description: "Precision non-surgical enhancements to define and refresh your features.", imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetology-studio-procedures_1157-34016.jpg", imageAlt: "Facial aesthetics treatment"},
|
||||
{
|
||||
title: "Body Contouring",
|
||||
description: "Sculpt and redefine your physique with advanced non-invasive technology.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-nutritionist-woman-holding-weight-machine-balance-weight-loss-pointing-thumb-up-side-smiling-happy-with-open-mouth_839833-7437.jpg",
|
||||
imageAlt: "Body contouring treatment",
|
||||
},
|
||||
title: "Body Contouring", description: "Sculpt and redefine your physique with advanced non-invasive technology.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-blonde-nutritionist-woman-holding-weight-machine-balance-weight-loss-pointing-thumb-up-side-smiling-happy-with-open-mouth_839833-7437.jpg", imageAlt: "Body contouring treatment"},
|
||||
{
|
||||
title: "Skin Rejuvenation",
|
||||
description: "Revitalize your skin with science-backed clinical treatments and injectables.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-making-injections-cosmetologist_1303-26032.jpg",
|
||||
imageAlt: "Skin rejuvenation treatment",
|
||||
},
|
||||
title: "Skin Rejuvenation", description: "Revitalize your skin with science-backed clinical treatments and injectables.", imageSrc: "http://img.b2bpic.net/free-photo/woman-making-injections-cosmetologist_1303-26032.jpg", imageAlt: "Skin rejuvenation treatment"},
|
||||
]}
|
||||
title="Signature Treatments"
|
||||
description="Expert solutions curated for your unique skin and aesthetic goals."
|
||||
@@ -184,36 +130,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "medical-team",
|
||||
groupTitle: "Practitioners",
|
||||
members: [
|
||||
id: "medical-team", groupTitle: "Practitioners", members: [
|
||||
{
|
||||
id: "dr1",
|
||||
title: "Dr. Sarah Chen",
|
||||
subtitle: "Lead Aesthetic Physician",
|
||||
detail: "15+ years experience in facial aesthetics and non-surgical procedures.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg",
|
||||
imageAlt: "Dr. Sarah Chen",
|
||||
},
|
||||
id: "dr1", title: "Dr. Sarah Chen", subtitle: "Lead Aesthetic Physician", detail: "15+ years experience in facial aesthetics and non-surgical procedures.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg", imageAlt: "Dr. Sarah Chen"},
|
||||
{
|
||||
id: "dr2",
|
||||
title: "Dr. Marcus Thorne",
|
||||
subtitle: "Dermatology Specialist",
|
||||
detail: "Expertise in skin rejuvenation and clinical dermatology solutions.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lies-with-closed-eyes-cosmetologist-making-procedure_158595-4611.jpg",
|
||||
imageAlt: "Dr. Marcus Thorne",
|
||||
},
|
||||
id: "dr2", title: "Dr. Marcus Thorne", subtitle: "Dermatology Specialist", detail: "Expertise in skin rejuvenation and clinical dermatology solutions.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-lies-with-closed-eyes-cosmetologist-making-procedure_158595-4611.jpg", imageAlt: "Dr. Marcus Thorne"},
|
||||
{
|
||||
id: "dr3",
|
||||
title: "Dr. Elena Rossi",
|
||||
subtitle: "Aesthetic Practitioner",
|
||||
detail: "Specializing in natural-looking injectables and facial contouring.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67106.jpg",
|
||||
imageAlt: "Dr. Elena Rossi",
|
||||
},
|
||||
id: "dr3", title: "Dr. Elena Rossi", subtitle: "Aesthetic Practitioner", detail: "Specializing in natural-looking injectables and facial contouring.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67106.jpg", imageAlt: "Dr. Elena Rossi"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-girl-white-summer-dress-sitting-lounger-black-white-photo_627829-13914.jpg?_wi=2",
|
||||
imageAlt: "senior aesthetic physician medical portrait",
|
||||
},
|
||||
]}
|
||||
title="Medical Excellence"
|
||||
@@ -229,47 +153,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "res1",
|
||||
name: "Facial Refresh",
|
||||
price: "View Details",
|
||||
variant: "Before & After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-before-after-rhinoplasty-medium-shot_23-2149947600.jpg",
|
||||
},
|
||||
id: "res1", name: "Facial Refresh", price: "View Details", variant: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-before-after-rhinoplasty-medium-shot_23-2149947600.jpg"},
|
||||
{
|
||||
id: "res2",
|
||||
name: "Skin Tightening",
|
||||
price: "View Details",
|
||||
variant: "Before & After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-working-office-wearing-face-protection_23-2148694634.jpg",
|
||||
},
|
||||
id: "res2", name: "Skin Tightening", price: "View Details", variant: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/female-working-office-wearing-face-protection_23-2148694634.jpg"},
|
||||
{
|
||||
id: "res3",
|
||||
name: "Contouring",
|
||||
price: "View Details",
|
||||
variant: "Before & After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-her-skin-mirror-after-receiving-cosmetic-treatment_107420-73991.jpg",
|
||||
},
|
||||
id: "res3", name: "Contouring", price: "View Details", variant: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-her-skin-mirror-after-receiving-cosmetic-treatment_107420-73991.jpg"},
|
||||
{
|
||||
id: "res4",
|
||||
name: "Volume Restore",
|
||||
price: "View Details",
|
||||
variant: "Before & After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-albino-woman_23-2150283481.jpg",
|
||||
},
|
||||
id: "res4", name: "Volume Restore", price: "View Details", variant: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-albino-woman_23-2150283481.jpg"},
|
||||
{
|
||||
id: "res5",
|
||||
name: "Skin Brightening",
|
||||
price: "View Details",
|
||||
variant: "Before & After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-bathrobe-hotel-room_23-2148095364.jpg",
|
||||
},
|
||||
id: "res5", name: "Skin Brightening", price: "View Details", variant: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-bathrobe-hotel-room_23-2148095364.jpg"},
|
||||
{
|
||||
id: "res6",
|
||||
name: "Define & Sculpt",
|
||||
price: "View Details",
|
||||
variant: "Before & After",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/doctor-examining-female-patients-face-clinic_107420-73975.jpg",
|
||||
},
|
||||
id: "res6", name: "Define & Sculpt", price: "View Details", variant: "Before & After", imageSrc: "http://img.b2bpic.net/free-photo/doctor-examining-female-patients-face-clinic_107420-73975.jpg"},
|
||||
]}
|
||||
title="Clinical Results"
|
||||
description="See the natural beauty enhancement achieved by our expert team."
|
||||
@@ -282,30 +176,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is a consultation mandatory?",
|
||||
content: "Yes, we prioritize safety and personalization; all treatments require a formal consultation with one of our lead doctors.",
|
||||
},
|
||||
id: "f1", title: "Is a consultation mandatory?", content: "Yes, we prioritize safety and personalization; all treatments require a formal consultation with one of our lead doctors."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long is the typical recovery?",
|
||||
content: "Recovery times vary significantly depending on the treatment, ranging from zero downtime for some injectables to a few days for specialized skin treatments.",
|
||||
},
|
||||
id: "f2", title: "How long is the typical recovery?", content: "Recovery times vary significantly depending on the treatment, ranging from zero downtime for some injectables to a few days for specialized skin treatments."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "When will I see results?",
|
||||
content: "Most patients notice improvements shortly after treatment, with final results typically visible within 2–4 weeks.",
|
||||
},
|
||||
id: "f3", title: "When will I see results?", content: "Most patients notice improvements shortly after treatment, with final results typically visible within 2–4 weeks."},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Are consultations personalized?",
|
||||
content: "Absolutely. Each consultation includes a comprehensive facial analysis to create your bespoke treatment plan.",
|
||||
},
|
||||
id: "f4", title: "Are consultations personalized?", content: "Absolutely. Each consultation includes a comprehensive facial analysis to create your bespoke treatment plan."},
|
||||
{
|
||||
id: "f5",
|
||||
title: "How do I book an appointment?",
|
||||
content: "You can book directly via our online portal or contact our concierge team to schedule your initial consultation.",
|
||||
},
|
||||
id: "f5", title: "How do I book an appointment?", content: "You can book directly via our online portal or contact our concierge team to schedule your initial consultation."},
|
||||
]}
|
||||
title="Patient Guidance"
|
||||
description="Common questions regarding your consultation and treatment journey."
|
||||
@@ -320,59 +199,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Patient",
|
||||
company: "Lumière Aesthetics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-taking-care-herself_23-2149132033.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", role: "Patient", company: "Lumière Aesthetics", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-taking-care-herself_23-2149132033.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Thorne",
|
||||
role: "Patient",
|
||||
company: "Lumière Aesthetics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-skincare-routine_23-2151308592.jpg",
|
||||
},
|
||||
id: "t2", name: "David Thorne", role: "Patient", company: "Lumière Aesthetics", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-skincare-routine_23-2151308592.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emma Watson",
|
||||
role: "Patient",
|
||||
company: "Lumière Aesthetics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-mature-woman-looking-away_23-2148275022.jpg",
|
||||
},
|
||||
id: "t3", name: "Emma Watson", role: "Patient", company: "Lumière Aesthetics", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-mature-woman-looking-away_23-2148275022.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "James Bond",
|
||||
role: "Patient",
|
||||
company: "Lumière Aesthetics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-girl-is-sitting-table-with-mirror-cosmetics-looking-camera-brunette-smiles-broadly-wears-green-shirt-self-care-concept_197531-32248.jpg",
|
||||
},
|
||||
id: "t4", name: "James Bond", role: "Patient", company: "Lumière Aesthetics", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-caucasian-girl-is-sitting-table-with-mirror-cosmetics-looking-camera-brunette-smiles-broadly-wears-green-shirt-self-care-concept_197531-32248.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Linda Gray",
|
||||
role: "Patient",
|
||||
company: "Lumière Aesthetics",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
},
|
||||
id: "t5", name: "Linda Gray", role: "Patient", company: "Lumière Aesthetics", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "15K+",
|
||||
label: "Treatments Completed",
|
||||
},
|
||||
value: "15K+", label: "Treatments Completed"},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Patient Satisfaction",
|
||||
},
|
||||
value: "98%", label: "Patient Satisfaction"},
|
||||
{
|
||||
value: "12",
|
||||
label: "Expert Doctors",
|
||||
},
|
||||
value: "12", label: "Expert Doctors"},
|
||||
]}
|
||||
title="Patient Stories"
|
||||
description="Experience excellence through the perspective of our satisfied patients."
|
||||
@@ -383,8 +231,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Start Your Journey"
|
||||
title="Book Your Consultation"
|
||||
description="Take the first step toward personalized care. Our team is here to guide your treatment plan."
|
||||
@@ -401,45 +248,29 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Our Treatments",
|
||||
href: "#treatments",
|
||||
},
|
||||
label: "Our Treatments", href: "#treatments"},
|
||||
{
|
||||
label: "Our Doctors",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Our Doctors", href: "#team"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#results",
|
||||
},
|
||||
label: "Gallery", href: "#results"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Book Now", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user