bender/8a4ec762-b457-4edf-af0d-a0d5dcf7531d
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-19 11:51:37 +00:00
parent 85e00d15ba
commit c265c1f363
1 changed files with 62 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

293
src/app/page.tsx
View File

@@ -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: "#"},
],
},
]}