bender/d323d411-1448-4eb5-bf0a-f6342e04b883
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-06-10 17:07:50 +00:00
parent 0b6d5ded05
commit c6ee930b67
1 changed files with 63 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files

328
src/app/page.tsx
View File

@@ -34,38 +34,22 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Treatments",
id: "#treatments",
},
name: "Treatments", id: "#treatments"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
brandName="Skinology Medispa"
/>
</div>
@@ -73,46 +57,29 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardCarousel
background={{
variant: "plain",
}}
variant: "plain"}}
title="Radiant Skin, Elevated Experience."
description="Discover bespoke aesthetic treatments designed to unveil your natural beauty and confidence at Skinology Medispa."
buttons={[
{
text: "Explore Treatments",
href: "#treatments",
},
text: "Explore Treatments", href: "#treatments"},
{
text: "Book Consultation",
href: "#contact",
},
text: "Book Consultation", href: "#contact"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17512.jpg?_wi=1",
imageAlt: "luxurious spa interior treatment room",
},
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17512.jpg", imageAlt: "luxurious spa interior treatment room"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-beautiful-woman-concept_23-2148734936.jpg",
imageAlt: "woman with glowing skin smiling",
},
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-beautiful-woman-concept_23-2148734936.jpg", imageAlt: "woman with glowing skin smiling"},
{
imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-giving-facial-massage-through-sonic-lifting_107420-65641.jpg",
imageAlt: "advanced laser facial treatment close up",
},
imageSrc: "http://img.b2bpic.net/free-photo/dermatologist-giving-facial-massage-through-sonic-lifting_107420-65641.jpg", imageAlt: "advanced laser facial treatment close up"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317825.jpg",
imageAlt: "minimalist medispa waiting area",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317825.jpg", imageAlt: "minimalist medispa waiting area"},
{
imageSrc: "http://img.b2bpic.net/free-photo/hand-cream-background-top-view_23-2148241929.jpg",
imageAlt: "gentle hand applying face cream",
},
imageSrc: "http://img.b2bpic.net/free-photo/hand-cream-background-top-view_23-2148241929.jpg", imageAlt: "gentle hand applying face cream"},
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-defocused-orchids_23-2148385919.jpg",
imageAlt: "serene outdoor light through clinic window",
},
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-defocused-orchids_23-2148385919.jpg", imageAlt: "serene outdoor light through clinic window"},
]}
/>
</div>
@@ -139,53 +106,17 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Signature Facials",
description: "Customized facial treatments to cleanse, nourish, and revitalize your skin, leaving you with a youthful glow.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-spa-skin-treatment_23-2148825326.jpg",
imageAlt: "close up of gentle facial cleansing",
titleImageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-bathrobe-towel-keeping-finger-near-mouth-looking-pensive-front-view_176474-50730.jpg",
buttonText: "Learn More",
},
title: "Signature Facials", description: "Customized facial treatments to cleanse, nourish, and revitalize your skin, leaving you with a youthful glow.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-spa-skin-treatment_23-2148825326.jpg", imageAlt: "close up of gentle facial cleansing", titleImageSrc: "http://img.b2bpic.net/free-photo/young-woman-white-bathrobe-towel-keeping-finger-near-mouth-looking-pensive-front-view_176474-50730.jpg", buttonText: "Learn More"},
{
title: "Laser Therapies",
description: "Target concerns like sun damage, wrinkles, and pigmentation with our state-of-the-art laser treatments.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-laser-epilation-treatment-her-body_107420-74061.jpg",
imageAlt: "laser skin resurfacing treatment",
titleImageSrc: "http://img.b2bpic.net/free-photo/digital-human-head-with-network_23-2152020921.jpg",
buttonText: "Discover",
},
title: "Laser Therapies", description: "Target concerns like sun damage, wrinkles, and pigmentation with our state-of-the-art laser treatments.", imageSrc: "http://img.b2bpic.net/free-photo/woman-receiving-laser-epilation-treatment-her-body_107420-74061.jpg", imageAlt: "laser skin resurfacing treatment", titleImageSrc: "http://img.b2bpic.net/free-photo/digital-human-head-with-network_23-2152020921.jpg", buttonText: "Discover"},
{
title: "Dermal Fillers",
description: "Restore volume, smooth lines, and enhance facial contours with expertly administered injectable treatments.",
imageSrc: "http://img.b2bpic.net/free-photo/white-woman-aesthetic-cosmetic-surgery-concept_53876-13399.jpg",
imageAlt: "dermal filler injection aesthetic procedure",
titleImageSrc: "http://img.b2bpic.net/free-photo/cosmetic-botox-injection-female-forehead_651396-826.jpg",
buttonText: "View Options",
},
title: "Dermal Fillers", description: "Restore volume, smooth lines, and enhance facial contours with expertly administered injectable treatments.", imageSrc: "http://img.b2bpic.net/free-photo/white-woman-aesthetic-cosmetic-surgery-concept_53876-13399.jpg", imageAlt: "dermal filler injection aesthetic procedure", titleImageSrc: "http://img.b2bpic.net/free-photo/cosmetic-botox-injection-female-forehead_651396-826.jpg", buttonText: "View Options"},
{
title: "Chemical Peels",
description: "Exfoliate and renew your skin to reveal a brighter, smoother, and more even complexion.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetology-studio-procedures_1157-34905.jpg",
imageAlt: "chemical peel application face",
titleImageSrc: "http://img.b2bpic.net/free-photo/beautician-woman-clinic_23-2148878881.jpg",
buttonText: "Details",
},
title: "Chemical Peels", description: "Exfoliate and renew your skin to reveal a brighter, smoother, and more even complexion.", imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetology-studio-procedures_1157-34905.jpg", imageAlt: "chemical peel application face", titleImageSrc: "http://img.b2bpic.net/free-photo/beautician-woman-clinic_23-2148878881.jpg", buttonText: "Details"},
{
title: "Microneedling",
description: "Stimulate collagen production and improve skin texture, firmness, and elasticity for a refined appearance.",
imageSrc: "http://img.b2bpic.net/free-photo/dry-skin-concept-fase-skin-cracked-hand-holding-cards-text_633478-2571.jpg",
imageAlt: "micro-needling facial treatment",
titleImageSrc: "http://img.b2bpic.net/free-photo/woman-getting-skin-treatment_23-2148825364.jpg",
buttonText: "Info",
},
title: "Microneedling", description: "Stimulate collagen production and improve skin texture, firmness, and elasticity for a refined appearance.", imageSrc: "http://img.b2bpic.net/free-photo/dry-skin-concept-fase-skin-cracked-hand-holding-cards-text_633478-2571.jpg", imageAlt: "micro-needling facial treatment", titleImageSrc: "http://img.b2bpic.net/free-photo/woman-getting-skin-treatment_23-2148825364.jpg", buttonText: "Info"},
{
title: "Body Contouring",
description: "Sculpt and define your physique with non-invasive treatments designed to reduce stubborn fat and tighten skin.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-physiotherapy-making-physical-exercises-with-qualified-therapist_1157-38079.jpg",
imageAlt: "body contouring device on abdomen",
titleImageSrc: "http://img.b2bpic.net/free-photo/hands-massaging-female-abdomen-therapist-applying-pressure-belly_1139-1209.jpg",
buttonText: "Explore",
},
title: "Body Contouring", description: "Sculpt and define your physique with non-invasive treatments designed to reduce stubborn fat and tighten skin.", imageSrc: "http://img.b2bpic.net/free-photo/woman-physiotherapy-making-physical-exercises-with-qualified-therapist_1157-38079.jpg", imageAlt: "body contouring device on abdomen", titleImageSrc: "http://img.b2bpic.net/free-photo/hands-massaging-female-abdomen-therapist-applying-pressure-belly_1139-1209.jpg", buttonText: "Explore"},
]}
title="Advanced Skincare Solutions"
description="From rejuvenating facials to advanced laser therapies, our comprehensive menu of services is tailored to address your unique skin concerns."
@@ -201,53 +132,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Youth Elixir Serum",
price: "$120",
variant: "30ml",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238282.jpg",
imageAlt: "luxury anti-aging serum bottle",
},
id: "p1", name: "Youth Elixir Serum", price: "$120", variant: "30ml", imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-beauty-selfcare-treatment_23-2149238282.jpg", imageAlt: "luxury anti-aging serum bottle"},
{
id: "p2",
name: "Hydrating Cleansing Foam",
price: "$45",
variant: "150ml",
imageSrc: "http://img.b2bpic.net/free-photo/view-male-beauty-products-with-rock-stone-display_23-2150435231.jpg",
imageAlt: "hydrating facial cleanser bottle",
},
id: "p2", name: "Hydrating Cleansing Foam", price: "$45", variant: "150ml", imageSrc: "http://img.b2bpic.net/free-photo/view-male-beauty-products-with-rock-stone-display_23-2150435231.jpg", imageAlt: "hydrating facial cleanser bottle"},
{
id: "p3",
name: "Vitamin C Brightening Serum",
price: "$90",
variant: "30ml",
imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-oil-dropper-assortment_23-2149013599.jpg",
imageAlt: "vitamin C brightening serum dropper",
},
id: "p3", name: "Vitamin C Brightening Serum", price: "$90", variant: "30ml", imageSrc: "http://img.b2bpic.net/free-photo/organic-cbd-oil-dropper-assortment_23-2149013599.jpg", imageAlt: "vitamin C brightening serum dropper"},
{
id: "p4",
name: "Daily Protective SPF 50",
price: "$55",
variant: "50ml",
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-face-into-shield-makes-spf-protection-from-ray_633478-2418.jpg",
imageAlt: "broad spectrum SPF 50 sunscreen",
},
id: "p4", name: "Daily Protective SPF 50", price: "$55", variant: "50ml", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-face-into-shield-makes-spf-protection-from-ray_633478-2418.jpg", imageAlt: "broad spectrum SPF 50 sunscreen"},
{
id: "p5",
name: "Retinol Renewal Night Cream",
price: "$110",
variant: "50ml",
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-bedroom-cozy-night-generative-ai_188544-9757.jpg",
imageAlt: "retinol night cream jar luxury",
},
id: "p5", name: "Retinol Renewal Night Cream", price: "$110", variant: "50ml", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-bedroom-cozy-night-generative-ai_188544-9757.jpg", imageAlt: "retinol night cream jar luxury"},
{
id: "p6",
name: "Advanced Eye Contour Cream",
price: "$80",
variant: "15ml",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-model-using-eye-patches_23-2150232554.jpg",
imageAlt: "eye cream delicate packaging",
},
id: "p6", name: "Advanced Eye Contour Cream", price: "$80", variant: "15ml", imageSrc: "http://img.b2bpic.net/free-photo/front-view-model-using-eye-patches_23-2150232554.jpg", imageAlt: "eye cream delicate packaging"},
]}
title="Curated Skincare Products"
description="Enhance your results at home with our exclusive range of medical-grade skincare products, carefully selected by our experts."
@@ -262,20 +157,11 @@ export default function LandingPage() {
tag="Our Commitment to Excellence"
metrics={[
{
id: "m1",
value: "15+",
description: "Years of Expertise",
},
id: "m1", value: "15+", description: "Years of Expertise"},
{
id: "m2",
value: "10,000+",
description: "Satisfied Clients",
},
id: "m2", value: "10,000+", description: "Satisfied Clients"},
{
id: "m3",
value: "98%",
description: "Client Satisfaction",
},
id: "m3", value: "98%", description: "Client Satisfaction"},
]}
metricsAnimation="slide-up"
/>
@@ -288,44 +174,16 @@ export default function LandingPage() {
useInvertedBackground={true}
groups={[
{
id: "g1",
groupTitle: "Our Specialist Team",
members: [
id: "g1", groupTitle: "Our Specialist Team", members: [
{
id: "t1",
title: "Dr. Eleanor Vance",
subtitle: "Medical Director",
detail: "Board-certified aesthetic physician with over 15 years experience in advanced skin treatments and injectables.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-woman-white-shirt_53876-108633.jpg",
imageAlt: "professional female aesthetician smiling",
},
id: "t1", title: "Dr. Eleanor Vance", subtitle: "Medical Director", detail: "Board-certified aesthetic physician with over 15 years experience in advanced skin treatments and injectables.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-woman-white-shirt_53876-108633.jpg", imageAlt: "professional female aesthetician smiling"},
{
id: "t2",
title: "Michael Sterling",
subtitle: "Lead Aesthetician",
detail: "Renowned for his holistic approach to skincare and expertise in rejuvenating facial therapies.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-female-doctor-happily-looking-camera-smiling-white-background_574295-2641.jpg",
imageAlt: "male dermatologist portrait smiling",
},
id: "t2", title: "Michael Sterling", subtitle: "Lead Aesthetician", detail: "Renowned for his holistic approach to skincare and expertise in rejuvenating facial therapies.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-female-doctor-happily-looking-camera-smiling-white-background_574295-2641.jpg", imageAlt: "male dermatologist portrait smiling"},
{
id: "t3",
title: "Sarah Chen",
subtitle: "Registered Nurse",
detail: "Specializing in laser treatments and patient care, ensuring comfort and optimal results.",
imageSrc: "http://img.b2bpic.net/free-photo/doctor-woman-with-pen_268835-941.jpg",
imageAlt: "female nurse aesthetic clinic",
},
id: "t3", title: "Sarah Chen", subtitle: "Registered Nurse", detail: "Specializing in laser treatments and patient care, ensuring comfort and optimal results.", imageSrc: "http://img.b2bpic.net/free-photo/doctor-woman-with-pen_268835-941.jpg", imageAlt: "female nurse aesthetic clinic"},
{
id: "t4",
title: "Emily Watson",
subtitle: "Skincare Therapist",
detail: "Passionate about personalized routines and effective solutions for radiant, healthy skin.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-white-doctor-uniform_141793-261.jpg",
imageAlt: "young female aesthetician professional",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-thai-orchid-flowers-bath-accessories_169016-17512.jpg?_wi=2",
imageAlt: "professional female aesthetician smiling",
id: "t4", title: "Emily Watson", subtitle: "Skincare Therapist", detail: "Passionate about personalized routines and effective solutions for radiant, healthy skin.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-girl-white-doctor-uniform_141793-261.jpg", imageAlt: "young female aesthetician professional"},
]
},
]}
title="Dedicated to Your Beauty Journey"
@@ -339,35 +197,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "rev1",
name: "Isabelle R.",
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-holding-friend-request-icon_53876-65379.jpg",
imageAlt: "portrait of satisfied female client smiling",
},
id: "rev1", name: "Isabelle R.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-couple-holding-friend-request-icon_53876-65379.jpg", imageAlt: "portrait of satisfied female client smiling"},
{
id: "rev2",
name: "David K.",
imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3211.jpg",
imageAlt: "portrait of happy male client",
},
id: "rev2", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3211.jpg", imageAlt: "portrait of happy male client"},
{
id: "rev3",
name: "Chloe L.",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
imageAlt: "elegant woman with radiant skin",
},
id: "rev3", name: "Chloe L.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", imageAlt: "elegant woman with radiant skin"},
{
id: "rev4",
name: "Marcus B.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-makeup-artist-applying-products_23-2149350642.jpg",
imageAlt: "young woman with refreshed complexion",
},
id: "rev4", name: "Marcus B.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-makeup-artist-applying-products_23-2149350642.jpg", imageAlt: "young woman with refreshed complexion"},
{
id: "rev5",
name: "Sophia G.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg",
imageAlt: "professional woman with smooth skin",
},
id: "rev5", name: "Sophia G.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg", imageAlt: "professional woman with smooth skin"},
]}
cardTitle="Real Results, Radiant Smiles"
cardTag="Client Stories"
@@ -380,25 +218,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "faq1",
title: "What makes Skinology Medispa unique?",
content: "We blend advanced medical aesthetics with a luxurious spa experience. Our personalized approach, state-of-the-art technology, and highly skilled team ensure exceptional results tailored to your unique needs.",
},
id: "faq1", title: "What makes Skinology Medispa unique?", content: "We blend advanced medical aesthetics with a luxurious spa experience. Our personalized approach, state-of-the-art technology, and highly skilled team ensure exceptional results tailored to your unique needs."},
{
id: "faq2",
title: "How do I choose the right treatment?",
content: "We recommend starting with a complimentary consultation. Our experts will assess your skin, discuss your concerns and goals, and create a customized treatment plan just for you.",
},
id: "faq2", title: "How do I choose the right treatment?", content: "We recommend starting with a complimentary consultation. Our experts will assess your skin, discuss your concerns and goals, and create a customized treatment plan just for you."},
{
id: "faq3",
title: "Is there any downtime after treatments?",
content: "Downtime varies depending on the treatment. During your consultation, your specialist will provide detailed information about what to expect, including any post-treatment care and recovery periods.",
},
id: "faq3", title: "Is there any downtime after treatments?", content: "Downtime varies depending on the treatment. During your consultation, your specialist will provide detailed information about what to expect, including any post-treatment care and recovery periods."},
{
id: "faq4",
title: "Do you offer financing options?",
content: "Yes, we understand that investing in your skin is important. We offer various flexible financing plans to make our premium treatments accessible. Please inquire during your consultation.",
},
id: "faq4", title: "Do you offer financing options?", content: "Yes, we understand that investing in your skin is important. We offer various flexible financing plans to make our premium treatments accessible. Please inquire during your consultation."},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Find answers to common questions about our clinic, treatments, and appointments."
@@ -411,8 +237,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Connect With Us"
title="Book Your Consultation Today"
description="Ready to embark on your journey to radiant skin? Contact us to schedule a personalized consultation with our specialists."
@@ -431,66 +256,39 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Facials",
href: "#treatments",
},
label: "Facials", href: "#treatments"},
{
label: "Laser Therapies",
href: "#treatments",
},
label: "Laser Therapies", href: "#treatments"},
{
label: "Injectables",
href: "#treatments",
},
label: "Injectables", href: "#treatments"},
{
label: "Body Contouring",
href: "#treatments",
},
label: "Body Contouring", href: "#treatments"},
],
},
{
title: "About Us",
items: [
title: "About Us", items: [
{
label: "Our Philosophy",
href: "#about",
},
label: "Our Philosophy", href: "#about"},
{
label: "Meet the Team",
href: "#team",
},
label: "Meet the Team", href: "#team"},
{
label: "Client Testimonials",
href: "#testimonials",
},
label: "Client Testimonials", href: "#testimonials"},
{
label: "FAQs",
href: "#faq",
},
label: "FAQs", href: "#faq"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Book an Appointment",
href: "#contact",
},
label: "Book an Appointment", href: "#contact"},
{
label: "Location",
href: "#",
},
label: "Location", href: "#"},
{
label: "Phone: (123) 456-7890",
href: "tel:+1234567890",
},
label: "Phone: (123) 456-7890", href: "tel:+1234567890"},
{
label: "Email: info@skinology.com",
href: "mailto:info@skinology.com",
},
label: "Email: info@skinology.com", href: "mailto:info@skinology.com"},
],
},
]}