bender/d152c1f8-6794-4cb9-a8e2-add2dcbe8769
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-05-07 13:31:17 +00:00
parent 65eb241aaa
commit 30f7d64d54
1 changed files with 39 additions and 240 deletions
Download Patch File Download Diff File Expand all files Collapse all files

279
src/app/page.tsx
View File

@@ -30,22 +30,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "About",
id: "#about",
},
{
name: "Services",
id: "#services",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Home", id: "#hero" },
{ name: "About", id: "#about" },
{ name: "Services", id: "#services" },
{ name: "Contact", id: "#contact" },
]}
brandName="Skin Deep Spa"
/>
@@ -53,43 +41,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Glow With Confidence"
description="Advanced aesthetic treatments, luxurious self-care, and natural-looking results — all in one elevated experience."
tag="Luxury Medical Spa"
buttons={[
{
text: "Book Appointment",
href: "#contact",
},
{
text: "View Services",
href: "#services",
},
]}
buttons={[{ text: "Book Appointment", href: "#contact" }, { text: "View Services", href: "#services" }]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466339.jpg",
imageAlt: "Luxury med spa interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/masseur-taking-care-her-clinic_23-2149273868.jpg",
imageAlt: "Cosmetic clinic interior luxury",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/half-face-lovely-model_23-2148376632.jpg",
imageAlt: "Half face of lovely model",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/panoramic-lakeside-sauna-geometric-heaters-scandinavian-style_169016-68879.jpg",
imageAlt: "Panoramic lakeside sauna geometric heaters scandinavian style",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spa_23-2148000417.jpg",
imageAlt: "Still life of spa",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466339.jpg", imageAlt: "Luxury med spa interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/masseur-taking-care-her-clinic_23-2149273868.jpg", imageAlt: "Cosmetic clinic interior luxury" }
]}
mediaAnimation="slide-up"
rating={5}
@@ -106,33 +65,13 @@ export default function LandingPage() {
<div id="services" data-section="services">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "1",
title: "HydraFacial",
descriptions: [
"Deep cleanse and exfoliation.",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-blurry-doctor-holding-syringe_23-2149313503.jpg",
},
{
id: "2",
title: "Botox & Fillers",
descriptions: [
"Natural-looking volume.",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-going-through-microblading-procedure_23-2149102646.jpg",
},
{
id: "3",
title: "Laser Hair Removal",
descriptions: [
"Smooth, radiant skin.",
],
imageSrc: "http://img.b2bpic.net/free-photo/doctor-giving-cosmetic-treatment-female-patient_107420-65216.jpg",
},
{ id: "1", title: "HydraFacial", descriptions: ["Deep cleanse and exfoliation."], imageSrc: "http://img.b2bpic.net/free-photo/close-up-blurry-doctor-holding-syringe_23-2149313503.jpg" },
{ id: "2", title: "Botox & Fillers", descriptions: ["Natural-looking volume."], imageSrc: "http://img.b2bpic.net/free-photo/young-woman-going-through-microblading-procedure_23-2149102646.jpg" },
{ id: "3", title: "Laser Hair Removal", descriptions: ["Smooth, radiant skin."], imageSrc: "http://img.b2bpic.net/free-photo/doctor-giving-cosmetic-treatment-female-patient_107420-65216.jpg" }
]}
title="Popular Treatments"
description="Our curated selection of treatments designed to enhance your natural beauty."
@@ -141,33 +80,13 @@ export default function LandingPage() {
<div id="why-us" data-section="why-us">
<FeatureCardTwentySeven
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "w1",
title: "State-of-the-art Technology",
descriptions: [
"Advanced equipment for best results.",
],
imageSrc: "http://img.b2bpic.net/free-photo/closeup-syringe_53876-32024.jpg",
},
{
id: "w2",
title: "Personalized Plans",
descriptions: [
"Tailored care for your goals.",
],
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-face-treatment-her-client_23-2149037154.jpg",
},
{
id: "w3",
title: "5-Star Experience",
descriptions: [
"Luxury you deserve.",
],
imageSrc: "http://img.b2bpic.net/free-photo/masseur-taking-care-her-clinic_23-2149273869.jpg",
},
{ id: "w1", title: "State-of-the-art Technology", descriptions: ["Advanced equipment for best results."], imageSrc: "http://img.b2bpic.net/free-photo/closeup-syringe_53876-32024.jpg" },
{ id: "w2", title: "Personalized Plans", descriptions: ["Tailored care for your goals."], imageSrc: "http://img.b2bpic.net/free-photo/young-woman-using-face-treatment-her-client_23-2149037154.jpg" },
{ id: "w3", title: "5-Star Experience", descriptions: ["Luxury you deserve."], imageSrc: "http://img.b2bpic.net/free-photo/masseur-taking-care-her-clinic_23-2149273869.jpg" }
]}
title="Luxury Care. Real Results."
description="Experience medical excellence in a tranquil spa environment."
@@ -176,50 +95,16 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
animationType="slide-up"
textboxLayout="split"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
role: "Client",
company: "West Bloomfield",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-couple-wearing-linen-clothing_23-2150695729.jpg",
},
{
id: "t2",
name: "Michael C.",
role: "Client",
company: "Bloomfield",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-lesbian-couple-taking-selfie-wedding_23-2150835706.jpg",
},
{
id: "t3",
name: "Emily R.",
role: "Client",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-lying-bed-early-morning_176420-3620.jpg",
},
{
id: "t4",
name: "David K.",
role: "Client",
company: "Nearby",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-posing-confidently-outdoors_23-2149086691.jpg",
},
{
id: "t5",
name: "Amanda L.",
role: "Client",
company: "Detroit",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-talking-mobile-phone-looking-surprised-hears-amazing-news_1258-200261.jpg",
},
{ id: "t1", name: "Sarah J.", role: "Client", company: "West Bloomfield", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-couple-wearing-linen-clothing_23-2150695729.jpg" },
{ id: "t2", name: "Michael C.", role: "Client", company: "Bloomfield", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-lesbian-couple-taking-selfie-wedding_23-2150835706.jpg" },
{ id: "t3", name: "Emily R.", role: "Client", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-lying-bed-early-morning_176420-3620.jpg" },
{ id: "t4", name: "David K.", role: "Client", company: "Nearby", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-posing-confidently-outdoors_23-2149086691.jpg" },
{ id: "t5", name: "Amanda L.", role: "Client", company: "Detroit", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-woman-talking-mobile-phone-looking-surprised-hears-amazing-news_1258-200261.jpg" }
]}
title="Client Reviews"
description="Hear what our radiant clients have to say."
@@ -228,28 +113,14 @@ export default function LandingPage() {
<div id="team" data-section="team">
<TeamCardSix
animationType="slide-up"
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
members={[
{
id: "m1",
name: "Dr. Michael Gray",
role: "Cosmetic Surgeon",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66980.jpg",
},
{
id: "m2",
name: "Jane Smith",
role: "Lead Esthetician",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-physiotherapist-posing_23-2148780764.jpg",
},
{
id: "m3",
name: "Alex Reed",
role: "Aesthetic Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/positive-beautiful-asian-girl-advertising-payment_1262-18277.jpg",
},
{ id: "m1", name: "Dr. Michael Gray", role: "Cosmetic Surgeon", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-66980.jpg" },
{ id: "m2", name: "Jane Smith", role: "Lead Esthetician", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-physiotherapist-posing_23-2148780764.jpg" },
{ id: "m3", name: "Alex Reed", role: "Aesthetic Specialist", imageSrc: "http://img.b2bpic.net/free-photo/positive-beautiful-asian-girl-advertising-payment_1262-18277.jpg" }
]}
title="Meet The Team"
description="Our experts are dedicated to your aesthetic journey."
@@ -258,52 +129,17 @@ export default function LandingPage() {
<div id="gallery" data-section="gallery">
<ProductCardFour
animationType="slide-up"
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
products={[
{
id: "g1",
name: "Skin Result A",
price: "Treatment",
variant: "After",
imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-lady-feeling-satisfied-happy_1163-3812.jpg",
},
{
id: "g2",
name: "Skin Result B",
price: "Treatment",
variant: "After",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-getting-married_23-2150753670.jpg",
},
{
id: "g3",
name: "Room View A",
price: "Interior",
variant: "Relaxing",
imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life_23-2147821076.jpg",
},
{
id: "g4",
name: "Room View B",
price: "Interior",
variant: "Luxury",
imageSrc: "http://img.b2bpic.net/free-photo/diverse-staff-team-helping-old-woman_482257-76596.jpg",
},
{
id: "g5",
name: "Consulting Room",
price: "Facility",
variant: "Modern",
imageSrc: "http://img.b2bpic.net/free-photo/woman-doctor-with-white-coat-hospital_1157-36763.jpg",
},
{
id: "g6",
name: "Glowing Skin",
price: "Result",
variant: "Radiant",
imageSrc: "http://img.b2bpic.net/free-photo/beauty-blondy-woman-looking-camera_633478-305.jpg",
},
{ id: "g1", name: "Skin Result A", price: "Treatment", variant: "After", imageSrc: "http://img.b2bpic.net/free-photo/adorable-young-lady-feeling-satisfied-happy_1163-3812.jpg" },
{ id: "g2", name: "Skin Result B", price: "Treatment", variant: "After", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-getting-married_23-2150753670.jpg" },
{ id: "g3", name: "Room View A", price: "Interior", variant: "Relaxing", imageSrc: "http://img.b2bpic.net/free-photo/spa-still-life_23-2147821076.jpg" },
{ id: "g4", name: "Room View B", price: "Interior", variant: "Luxury", imageSrc: "http://img.b2bpic.net/free-photo/diverse-staff-team-helping-old-woman_482257-76596.jpg" },
{ id: "g5", name: "Consulting Room", price: "Facility", variant: "Modern", imageSrc: "http://img.b2bpic.net/free-photo/woman-doctor-with-white-coat-hospital_1157-36763.jpg" },
{ id: "g6", name: "Glowing Skin", price: "Result", variant: "Radiant", imageSrc: "http://img.b2bpic.net/free-photo/beauty-blondy-woman-looking-camera_633478-305.jpg" }
]}
title="Gallery & Transformations"
description="Visual proof of our radiant results."
@@ -316,23 +152,10 @@ export default function LandingPage() {
title="Ready To Feel Your Best?"
description="Schedule your consultation at (248) 539-3223 or fill out the form below."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Email Address", required: true }
]}
textarea={{
name: "message",
placeholder: "Tell us about your goals...",
}}
textarea={{ name: "message", placeholder: "Tell us about your goals..." }}
imageSrc="http://img.b2bpic.net/free-photo/candles-towels-bath-salt-serum-bathtub-filled-with-water_23-2149239363.jpg"
/>
</div>
@@ -341,36 +164,12 @@ export default function LandingPage() {
<FooterBaseCard
logoText="Skin Deep Spa"
columns={[
{
title: "Company",
items: [
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#services",
},
],
},
{
title: "Connect",
items: [
{
label: "Call: (248) 539-3223",
href: "tel:2485393223",
},
{
label: "Instagram",
href: "#",
},
],
},
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }] },
{ title: "Connect", items: [{ label: "Call: (248) 539-3223", href: "tel:2485393223" }, { label: "Instagram", href: "#" }] }
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}