Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 5435c6019c |
246
src/app/page.tsx
246
src/app/page.tsx
@@ -30,92 +30,59 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
]}
|
||||
brandName="H2 Foot Spa"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
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."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-excited-person-portrait_23-2151186636.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-excited-person-portrait_23-2151186636.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-happy-hipster-pretty-woman-checkered-shirt-posing-isolated_285396-12.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-happy-hipster-pretty-woman-checkered-shirt-posing-isolated_285396-12.jpg", alt: "Client"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-female-doctor-medical-shirt-hospital-medic-covid-nurse-color-health_179666-24128.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-female-doctor-medical-shirt-hospital-medic-covid-nurse-color-health_179666-24128.jpg", 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",
|
||||
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", alt: "Client"},
|
||||
]}
|
||||
avatarText="Join 150+ happy clients"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Massage",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Massage", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Deep Tissue",
|
||||
icon: Activity,
|
||||
type: "text-icon", text: "Deep Tissue", icon: Activity,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Reflexology",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "Reflexology", icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Pain Relief",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Pain Relief", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Stress Recovery",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "Stress Recovery", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "La Jolla Certified",
|
||||
icon: MapPin,
|
||||
type: "text-icon", text: "La Jolla Certified", icon: MapPin,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -123,19 +90,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Google Reviews",
|
||||
"Yelp",
|
||||
"Local Favorites",
|
||||
"La Jolla Wellness",
|
||||
"San Diego Spa Guide",
|
||||
"Pain Relief Weekly",
|
||||
"Community Trusted",
|
||||
"Trusted by Athletes", "5-Star Community Partner", "Certified Pain Relief Specialists", "La Jolla Top Rated Spa"
|
||||
]}
|
||||
title="Highly Rated in La Jolla"
|
||||
description="With a 4.8-star rating from over 150 reviews, we are your trusted local destination for professional recovery."
|
||||
title="The San Diego Standard for Wellness"
|
||||
description="We pride ourselves on being recognized as the premier destination for deep tissue therapy and relaxation in the region."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -146,49 +107,21 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Deep Tissue Massage",
|
||||
author: "Clinical Recovery",
|
||||
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: "s1", title: "Deep Tissue Massage", author: "Clinical Recovery", 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",
|
||||
title: "Full Body Massage",
|
||||
author: "Restoration",
|
||||
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: "s2", title: "Full Body Massage", author: "Restoration", 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",
|
||||
title: "Foot Reflexology",
|
||||
author: "Circulation",
|
||||
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: "s3", title: "Foot Reflexology", author: "Circulation", 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",
|
||||
title: "Couples Massage",
|
||||
author: "Shared Experience",
|
||||
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",
|
||||
},
|
||||
id: "s4", title: "Couples Massage", author: "Shared Experience", 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"
|
||||
description="Targeted treatment to resolve chronic pain, restore mobility, and enhance your daily performance."
|
||||
@@ -202,62 +135,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
role: "Runner",
|
||||
company: "La Jolla Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
|
||||
},
|
||||
id: "t1", name: "Sarah J.", role: "Runner", company: "La Jolla Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/calm-serene-spa-stones-bamboo-background-luxury-wellness.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
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: "t2", name: "Mark D.", role: "Office Worker", company: "Chronic Pain Relief", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-luxurious-spa-interior-aroma-therapy-oils.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena R.",
|
||||
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: "t3", name: "Elena R.", role: "Athlete", company: "Marathoner", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-resort-spa-treatment-room-with-ocean-view.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
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: "t4", name: "David K.", role: "Registered Nurse", company: "Healthcare Hero", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/essential-oils-massage-towels-serene-atmosphere.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julia M.",
|
||||
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",
|
||||
},
|
||||
id: "t5", name: "Julia M.", role: "Local Traveler", company: "Loyal Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soft-lit-massage-table-with-herbal-decor.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.8★",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "4.8★", label: "Google Rating"},
|
||||
{
|
||||
value: "154+",
|
||||
label: "Verified Reviews",
|
||||
},
|
||||
value: "154+", label: "Verified Reviews"},
|
||||
{
|
||||
value: "5yrs+",
|
||||
label: "Average Client",
|
||||
},
|
||||
value: "5yrs+", label: "Average Client"},
|
||||
]}
|
||||
title="Real Results from Real Clients"
|
||||
description="Hear how our therapists have helped our clients transform their physical health."
|
||||
title="Serenity in Every Detail"
|
||||
description="Discover the peace of mind that comes with our bespoke therapeutic services, curated for ultimate comfort."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -265,14 +167,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call +1 (858) 432-6255",
|
||||
href: "tel:+18584326255",
|
||||
},
|
||||
text: "Call +1 (858) 432-6255", href: "tel:+18584326255"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -281,50 +180,31 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Call: (858) 432-6255",
|
||||
href: "tel:+18584326255",
|
||||
},
|
||||
label: "Call: (858) 432-6255", href: "tel:+18584326255"},
|
||||
{
|
||||
label: "Open Daily 10AM-9:30PM",
|
||||
href: "#",
|
||||
},
|
||||
label: "Open Daily 10AM-9:30PM", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Deep Tissue",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Deep Tissue", href: "#services"},
|
||||
{
|
||||
label: "Reflexology",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Reflexology", href: "#services"},
|
||||
{
|
||||
label: "Couples Massage",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Couples Massage", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Booking Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Booking Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -335,4 +215,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user