1 Commits

Author SHA1 Message Date
5435c6019c Update src/app/page.tsx 2026-04-04 04:56:45 +00:00

View File

@@ -30,92 +30,59 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline <NavbarLayoutFloatingInline
navItems={[ navItems={[
{ {
name: "Home", name: "Home", id: "hero"},
id: "hero",
},
{ {
name: "Services", name: "Services", id: "services"},
id: "services",
},
{ {
name: "About", name: "About", id: "about"},
id: "about",
},
{ {
name: "Reviews", name: "Reviews", id: "testimonials"},
id: "testimonials",
},
]} ]}
brandName="H2 Foot Spa" brandName="H2 Foot Spa"
button={{ button={{
text: "Book Now", text: "Book Now", href: "#contact"}}
href: "#contact",
}}
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCentered <HeroCentered
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
title="Feel Better After Just One Session" title="Feel Better After Just One Session"
description="Expert deep tissue and therapeutic massage in La Jolla. We help you recover, relax, and return to your best self." description="Expert deep tissue and therapeutic massage in La Jolla. We help you recover, relax, and return to your best self."
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg", src: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg", alt: "Client"},
alt: "Client",
},
{ {
src: "http://img.b2bpic.net/free-photo/close-up-excited-person-portrait_23-2151186636.jpg", src: "http://img.b2bpic.net/free-photo/close-up-excited-person-portrait_23-2151186636.jpg", alt: "Client"},
alt: "Client",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-happy-hipster-pretty-woman-checkered-shirt-posing-isolated_285396-12.jpg", src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-happy-hipster-pretty-woman-checkered-shirt-posing-isolated_285396-12.jpg", alt: "Client"},
alt: "Client",
},
{ {
src: "http://img.b2bpic.net/free-photo/front-view-female-doctor-medical-shirt-hospital-medic-covid-nurse-color-health_179666-24128.jpg", src: "http://img.b2bpic.net/free-photo/front-view-female-doctor-medical-shirt-hospital-medic-covid-nurse-color-health_179666-24128.jpg", alt: "Client"},
alt: "Client",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg", src: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg", alt: "Client"},
alt: "Client",
},
]} ]}
avatarText="Join 150+ happy clients" avatarText="Join 150+ happy clients"
buttons={[ buttons={[
{ {
text: "Book Your Massage", text: "Book Your Massage", href: "#contact"},
href: "#contact",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
marqueeItems={[ marqueeItems={[
{ {
type: "text-icon", type: "text-icon", text: "Deep Tissue", icon: Activity,
text: "Deep Tissue",
icon: Activity,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Reflexology", icon: MapPin,
text: "Reflexology",
icon: MapPin,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Pain Relief", icon: ShieldCheck,
text: "Pain Relief",
icon: ShieldCheck,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Stress Recovery", icon: Zap,
text: "Stress Recovery",
icon: Zap,
}, },
{ {
type: "text-icon", type: "text-icon", text: "La Jolla Certified", icon: MapPin,
text: "La Jolla Certified",
icon: MapPin,
}, },
]} ]}
/> />
@@ -123,19 +90,13 @@ export default function LandingPage() {
<div id="social-proof" data-section="social-proof"> <div id="social-proof" data-section="social-proof">
<SocialProofOne <SocialProofOne
textboxLayout="default" textboxLayout="split"
useInvertedBackground={false} useInvertedBackground={true}
names={[ names={[
"Google Reviews", "Trusted by Athletes", "5-Star Community Partner", "Certified Pain Relief Specialists", "La Jolla Top Rated Spa"
"Yelp",
"Local Favorites",
"La Jolla Wellness",
"San Diego Spa Guide",
"Pain Relief Weekly",
"Community Trusted",
]} ]}
title="Highly Rated in La Jolla" title="The San Diego Standard for Wellness"
description="With a 4.8-star rating from over 150 reviews, we are your trusted local destination for professional recovery." description="We pride ourselves on being recognized as the premier destination for deep tissue therapy and relaxation in the region."
/> />
</div> </div>
@@ -146,49 +107,21 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
id: "s1", id: "s1", title: "Deep Tissue Massage", author: "Clinical Recovery", description: "Focused therapy designed to break down muscle knots and alleviate chronic aches.", tags: [
title: "Deep Tissue Massage", "Pain Relief", "Targeted"],
author: "Clinical Recovery", imageSrc: "http://img.b2bpic.net/free-photo/woman-rehabilitation-center-getting-treatment_23-2150356696.jpg"},
description: "Focused therapy designed to break down muscle knots and alleviate chronic aches.",
tags: [
"Pain Relief",
"Targeted",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-rehabilitation-center-getting-treatment_23-2150356696.jpg",
},
{ {
id: "s2", id: "s2", title: "Full Body Massage", author: "Restoration", description: "A comprehensive approach to help you recover from stress and daily physical fatigue.", tags: [
title: "Full Body Massage", "Recovery", "Relaxation"],
author: "Restoration", imageSrc: "http://img.b2bpic.net/free-photo/rehab-doctor-applies-deep-back-pressure-patient-recovery-trigger-therapy_169016-71487.jpg"},
description: "A comprehensive approach to help you recover from stress and daily physical fatigue.",
tags: [
"Recovery",
"Relaxation",
],
imageSrc: "http://img.b2bpic.net/free-photo/rehab-doctor-applies-deep-back-pressure-patient-recovery-trigger-therapy_169016-71487.jpg",
},
{ {
id: "s3", id: "s3", title: "Foot Reflexology", author: "Circulation", description: "Expert-led reflexology to improve circulation and provide deep, system-wide relaxation.", tags: [
title: "Foot Reflexology", "Stress Relief", "Wellness"],
author: "Circulation", imageSrc: "http://img.b2bpic.net/free-photo/ankle-joint-stretch-after-massage-foot-mobility_169016-69351.jpg"},
description: "Expert-led reflexology to improve circulation and provide deep, system-wide relaxation.",
tags: [
"Stress Relief",
"Wellness",
],
imageSrc: "http://img.b2bpic.net/free-photo/ankle-joint-stretch-after-massage-foot-mobility_169016-69351.jpg",
},
{ {
id: "s4", id: "s4", title: "Couples Massage", author: "Shared Experience", description: "Enjoy therapeutic benefits side-by-side in our calm, private treatment rooms.", tags: [
title: "Couples Massage", "Couples", "Shared"],
author: "Shared Experience", imageSrc: "http://img.b2bpic.net/free-photo/concept-healthcare-female-beauty-masseuses-make-massage-girl-woman-spa-salon_1157-43664.jpg"},
description: "Enjoy therapeutic benefits side-by-side in our calm, private treatment rooms.",
tags: [
"Couples",
"Shared",
],
imageSrc: "http://img.b2bpic.net/free-photo/concept-healthcare-female-beauty-masseuses-make-massage-girl-woman-spa-salon_1157-43664.jpg",
},
]} ]}
title="Therapeutic Services" title="Therapeutic Services"
description="Targeted treatment to resolve chronic pain, restore mobility, and enhance your daily performance." description="Targeted treatment to resolve chronic pain, restore mobility, and enhance your daily performance."
@@ -202,62 +135,31 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "Sarah J.", role: "Runner", company: "La Jolla Local", rating: 5,
name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/calm-serene-spa-stones-bamboo-background-luxury-wellness.jpg"},
role: "Runner",
company: "La Jolla Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
},
{ {
id: "t2", id: "t2", name: "Mark D.", role: "Office Worker", company: "Chronic Pain Relief", rating: 5,
name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-luxurious-spa-interior-aroma-therapy-oils.jpg"},
role: "Office Worker",
company: "Chronic Pain Relief",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-excited-person-portrait_23-2151186636.jpg",
},
{ {
id: "t3", id: "t3", name: "Elena R.", role: "Athlete", company: "Marathoner", rating: 5,
name: "Elena R.", imageSrc: "http://img.b2bpic.net/free-photo/luxury-resort-spa-treatment-room-with-ocean-view.jpg"},
role: "Athlete",
company: "Marathoner",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-smiling-happy-hipster-pretty-woman-checkered-shirt-posing-isolated_285396-12.jpg",
},
{ {
id: "t4", id: "t4", name: "David K.", role: "Registered Nurse", company: "Healthcare Hero", rating: 5,
name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/essential-oils-massage-towels-serene-atmosphere.jpg"},
role: "Registered Nurse",
company: "Healthcare Hero",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-medical-shirt-hospital-medic-covid-nurse-color-health_179666-24128.jpg",
},
{ {
id: "t5", id: "t5", name: "Julia M.", role: "Local Traveler", company: "Loyal Customer", rating: 5,
name: "Julia M.", imageSrc: "http://img.b2bpic.net/free-photo/soft-lit-massage-table-with-herbal-decor.jpg"},
role: "Local Traveler",
company: "Loyal Customer",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-girl-shows-okay-ok-signs-look-satisfied-recommend-good-company-perfect-quality-praise-good-job-well-done-standing-pleased-against-white-background_176420-54380.jpg",
},
]} ]}
kpiItems={[ kpiItems={[
{ {
value: "4.8★", value: "4.8★", label: "Google Rating"},
label: "Google Rating",
},
{ {
value: "154+", value: "154+", label: "Verified Reviews"},
label: "Verified Reviews",
},
{ {
value: "5yrs+", value: "5yrs+", label: "Average Client"},
label: "Average Client",
},
]} ]}
title="Real Results from Real Clients" title="Serenity in Every Detail"
description="Hear how our therapists have helped our clients transform their physical health." description="Discover the peace of mind that comes with our bespoke therapeutic services, curated for ultimate comfort."
/> />
</div> </div>
@@ -265,14 +167,11 @@ export default function LandingPage() {
<ContactText <ContactText
useInvertedBackground={true} useInvertedBackground={true}
background={{ background={{
variant: "gradient-bars", variant: "gradient-bars"}}
}}
text="Ready to feel like a new person? Book your session at H2 Foot Spa & Massage today. We are open daily from 10:00 AM to 9:30 PM." text="Ready to feel like a new person? Book your session at H2 Foot Spa & Massage today. We are open daily from 10:00 AM to 9:30 PM."
buttons={[ buttons={[
{ {
text: "Call +1 (858) 432-6255", text: "Call +1 (858) 432-6255", href: "tel:+18584326255"},
href: "tel:+18584326255",
},
]} ]}
/> />
</div> </div>
@@ -281,50 +180,31 @@ export default function LandingPage() {
<FooterSimple <FooterSimple
columns={[ columns={[
{ {
title: "Contact", title: "Contact", items: [
items: [
{ {
label: "Call: (858) 432-6255", label: "Call: (858) 432-6255", href: "tel:+18584326255"},
href: "tel:+18584326255",
},
{ {
label: "Open Daily 10AM-9:30PM", label: "Open Daily 10AM-9:30PM", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Services", title: "Services", items: [
items: [
{ {
label: "Deep Tissue", label: "Deep Tissue", href: "#services"},
href: "#services",
},
{ {
label: "Reflexology", label: "Reflexology", href: "#services"},
href: "#services",
},
{ {
label: "Couples Massage", label: "Couples Massage", href: "#services"},
href: "#services",
},
], ],
}, },
{ {
title: "Support", title: "Support", items: [
items: [
{ {
label: "Booking Policy", label: "Booking Policy", href: "#"},
href: "#",
},
{ {
label: "Terms of Service", label: "Terms of Service", href: "#"},
href: "#",
},
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
], ],
}, },
]} ]}