bender/c29fa886-9c6d-4265-8fee-f158e758de93
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-10 19:20:27 +00:00
parent e070cc6cab
commit 80a8ae84ab
1 changed files with 66 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

297
src/app/page.tsx
View File

@@ -32,25 +32,15 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Services",
id: "services",
},
name: "Services", id: "services"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Massage by Olivia"
/>
@@ -59,47 +49,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
title="Reclaim Your Peace with Olivia"
description="Customized therapeutic massage treatments designed to restore your balance, ease muscle tension, and soothe your spirit in a tranquil, private sanctuary."
buttons={[
{
text: "Book Your Session",
href: "#contact",
},
text: "Book Your Session", href: "#contact"},
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/serene-minimalist-spa-pool-meditation-space_23-2151935126.jpg?_wi=1",
imageAlt: "Spa relaxation setting",
},
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/serene-minimalist-spa-pool-meditation-space_23-2151935126.jpg", imageAlt: "Spa relaxation setting"},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-teaching-sign-language_23-2148719751.jpg?_wi=1",
imageAlt: "Therapeutic massage",
},
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-teaching-sign-language_23-2148719751.jpg", imageAlt: "Therapeutic massage"},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-humidifier-sea-salt-health-concept_169016-21100.jpg?_wi=1",
imageAlt: "Aromatherapy spa",
},
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-humidifier-sea-salt-health-concept_169016-21100.jpg", imageAlt: "Aromatherapy spa"},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/healthcare-concept-with-spa-products_23-2148290963.jpg",
imageAlt: "Massage sanctuary",
},
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/healthcare-concept-with-spa-products_23-2148290963.jpg", imageAlt: "Massage sanctuary"},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/rolled-spa-towels-table-clean-minimalist-interior_169016-69194.jpg",
imageAlt: "Wellness therapy",
},
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/rolled-spa-towels-table-clean-minimalist-interior_169016-69194.jpg", imageAlt: "Wellness therapy"},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-professional-massage_23-2150649755.jpg",
imageAlt: "Zen treatment space",
},
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-professional-massage_23-2150649755.jpg", imageAlt: "Zen treatment space"},
]}
/>
</div>
@@ -109,9 +78,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Meet Your Therapist"
description={[
"With over 10 years of experience, I am dedicated to providing a holistic approach to wellness. Every massage is tailored to your unique needs, combining deep tissue, Swedish, and hot stone modalities.",
"My mission is to create a safe, relaxing environment where you can unwind from daily stressors and achieve deeper muscle relief.",
]}
"With over 10 years of experience, I am dedicated to providing a holistic approach to wellness. Every massage is tailored to your unique needs, combining deep tissue, Swedish, and hot stone modalities.", "My mission is to create a safe, relaxing environment where you can unwind from daily stressors and achieve deeper muscle relief."]}
/>
</div>
@@ -122,40 +89,22 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Deep Stress Relief",
description: "Reduce cortisol levels and melt away anxiety with targeted calming strokes.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/composed-bottles-with-rustic-decor_23-2147693388.jpg",
},
title: "Deep Stress Relief", description: "Reduce cortisol levels and melt away anxiety with targeted calming strokes.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/composed-bottles-with-rustic-decor_23-2147693388.jpg"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-hot-stones-woman-s-back_23-2147939927.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/serene-minimalist-spa-pool-meditation-space_23-2151935126.jpg?_wi=2",
imageAlt: "calm spa interior detail",
imageSrc: "http://img.b2bpic.net/free-photo/macro-shot-hot-stones-woman-s-back_23-2147939927.jpg"}
},
{
title: "Muscle Tension Ease",
description: "Target knots and chronic soreness with precision therapeutic touch.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/spa-handmade-soap-with-white-towels-sea-salt-composition-tropical-leaves-wooden-background_169016-3302.jpg",
},
title: "Muscle Tension Ease", description: "Target knots and chronic soreness with precision therapeutic touch.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/spa-handmade-soap-with-white-towels-sea-salt-composition-tropical-leaves-wooden-background_169016-3302.jpg"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/spa-aromatherapy-setup-with-candle-essential-oils_23-2152009908.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-teaching-sign-language_23-2148719751.jpg?_wi=2",
imageAlt: "calm spa interior detail",
imageSrc: "http://img.b2bpic.net/free-photo/spa-aromatherapy-setup-with-candle-essential-oils_23-2152009908.jpg"}
},
{
title: "Improved Circulation",
description: "Boost blood flow and vitality, leaving your muscles rejuvenated and energized.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480197.jpg",
},
title: "Improved Circulation", description: "Boost blood flow and vitality, leaving your muscles rejuvenated and energized.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/elegant-skin-care-banner-design_23-2149480197.jpg"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/spa-elements-wooden-surface_23-2147684481.jpg",
},
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-humidifier-sea-salt-health-concept_169016-21100.jpg?_wi=2",
imageAlt: "calm spa interior detail",
imageSrc: "http://img.b2bpic.net/free-photo/spa-elements-wooden-surface_23-2147684481.jpg"}
},
]}
showStepNumbers={false}
@@ -172,47 +121,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
name: "Swedish Massage",
price: "$80",
variant: "60 mins",
imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-cleaning-products-set-with-soaps-toothbrush_23-2148818503.jpg",
},
id: "1", name: "Swedish Massage", price: "$80", variant: "60 mins", imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-cleaning-products-set-with-soaps-toothbrush_23-2148818503.jpg"},
{
id: "2",
name: "Deep Tissue",
price: "$100",
variant: "60 mins",
imageSrc: "http://img.b2bpic.net/free-photo/glass-cup-herbal-tea-candles-knitted-element_169016-52272.jpg",
},
id: "2", name: "Deep Tissue", price: "$100", variant: "60 mins", imageSrc: "http://img.b2bpic.net/free-photo/glass-cup-herbal-tea-candles-knitted-element_169016-52272.jpg"},
{
id: "3",
name: "Hot Stone Therapy",
price: "$120",
variant: "90 mins",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-spa-stones-candle_23-2148290870.jpg",
},
id: "3", name: "Hot Stone Therapy", price: "$120", variant: "90 mins", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-spa-stones-candle_23-2148290870.jpg"},
{
id: "4",
name: "Aromatherapy Flow",
price: "$90",
variant: "60 mins",
imageSrc: "http://img.b2bpic.net/free-photo/cozy-scandinavian-composition-with-teapot-glass-tea-decor-details_169016-18273.jpg",
},
id: "4", name: "Aromatherapy Flow", price: "$90", variant: "60 mins", imageSrc: "http://img.b2bpic.net/free-photo/cozy-scandinavian-composition-with-teapot-glass-tea-decor-details_169016-18273.jpg"},
{
id: "5",
name: "Sports Recovery",
price: "$110",
variant: "75 mins",
imageSrc: "http://img.b2bpic.net/free-photo/young-female-pajamas-wearing-sleep-mask-blue_140725-30206.jpg",
},
id: "5", name: "Sports Recovery", price: "$110", variant: "75 mins", imageSrc: "http://img.b2bpic.net/free-photo/young-female-pajamas-wearing-sleep-mask-blue_140725-30206.jpg"},
{
id: "6",
name: "Foot Reflexology",
price: "$60",
variant: "45 mins",
imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-wellness-items-body-care_169016-5849.jpg",
},
id: "6", name: "Foot Reflexology", price: "$60", variant: "45 mins", imageSrc: "http://img.b2bpic.net/free-photo/spa-composition-with-wellness-items-body-care_169016-5849.jpg"},
]}
title="Our Signature Services"
description="Select the perfect treatment to address your wellness goals today."
@@ -226,53 +145,23 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "monthly",
title: "Monthly Bliss",
price: "$75",
period: "/mo",
features: [
"1x Massage per month",
"10% off retail products",
"Priority booking",
],
id: "monthly", title: "Monthly Bliss", price: "$75", period: "/mo", features: [
"1x Massage per month", "10% off retail products", "Priority booking"],
button: {
text: "Start Subscription",
},
imageSrc: "http://img.b2bpic.net/free-photo/female-masseur-preparing-bed-massage-session_23-2150461391.jpg",
imageAlt: "professional massage therapist smiling",
},
text: "Start Subscription"},
imageSrc: "http://img.b2bpic.net/free-photo/female-masseur-preparing-bed-massage-session_23-2150461391.jpg", imageAlt: "professional massage therapist smiling"},
{
id: "quarterly",
title: "Quarterly Reset",
price: "$210",
period: "/3mo",
features: [
"3x Massage per session",
"15% off retail products",
"Complimentary aromatherapy add-on",
],
id: "quarterly", title: "Quarterly Reset", price: "$210", period: "/3mo", features: [
"3x Massage per session", "15% off retail products", "Complimentary aromatherapy add-on"],
button: {
text: "Choose Quarterly",
},
imageSrc: "http://img.b2bpic.net/free-photo/serene-minimalist-spa-pool-meditation-space_23-2151935126.jpg?_wi=3",
imageAlt: "professional massage therapist smiling",
},
text: "Choose Quarterly"},
imageSrc: "http://img.b2bpic.net/free-photo/serene-minimalist-spa-pool-meditation-space_23-2151935126.jpg", imageAlt: "professional massage therapist smiling"},
{
id: "vip",
title: "VIP Wellness",
price: "$400",
period: "/6mo",
features: [
"6x Massage per session",
"20% off retail products",
"Monthly exclusive access",
],
id: "vip", title: "VIP Wellness", price: "$400", period: "/6mo", features: [
"6x Massage per session", "20% off retail products", "Monthly exclusive access"],
button: {
text: "Go VIP",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-teaching-sign-language_23-2148719751.jpg?_wi=3",
imageAlt: "professional massage therapist smiling",
},
text: "Go VIP"},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-teaching-sign-language_23-2148719751.jpg", imageAlt: "professional massage therapist smiling"},
]}
title="Flexible Membership Plans"
description="Choose a plan that fits your self-care schedule and save on every visit."
@@ -287,45 +176,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Corporate Manager",
company: "Local Agency",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178217.jpg",
},
id: "1", name: "Sarah J.", role: "Corporate Manager", company: "Local Agency", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-relaxing-together_23-2151178217.jpg"},
{
id: "2",
name: "Mark R.",
role: "Athlete",
company: "Fitness Pro",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg",
},
id: "2", name: "Mark R.", role: "Athlete", company: "Fitness Pro", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg"},
{
id: "3",
name: "Emma L.",
role: "Teacher",
company: "Education Group",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-client_23-2148766585.jpg",
},
id: "3", name: "Emma L.", role: "Teacher", company: "Education Group", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/nail-hygiene-care-client_23-2148766585.jpg"},
{
id: "4",
name: "David W.",
role: "Engineer",
company: "Tech Firm",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg",
},
id: "4", name: "David W.", role: "Engineer", company: "Tech Firm", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-healthy-woman-bathrobe-posing-camera-indoors_1153-8644.jpg"},
{
id: "5",
name: "Chloe T.",
role: "Graphic Designer",
company: "Creative Co.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-couple-wearing-linen-clothing_23-2150695729.jpg",
},
id: "5", name: "Chloe T.", role: "Graphic Designer", company: "Creative Co.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-couple-wearing-linen-clothing_23-2150695729.jpg"},
]}
title="Loved by Our Clients"
description="Hear what our regulars say about their journey to relaxation with Massage by Olivia."
@@ -338,20 +202,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "How do I prepare for a massage?",
content: "Drink plenty of water before your session, avoid heavy meals, and arrive a few minutes early to relax.",
},
id: "q1", title: "How do I prepare for a massage?", content: "Drink plenty of water before your session, avoid heavy meals, and arrive a few minutes early to relax."},
{
id: "q2",
title: "Do you offer private consultations?",
content: "Yes, I offer a brief check-in before every treatment to tailor the pressure and focus areas to your needs.",
},
id: "q2", title: "Do you offer private consultations?", content: "Yes, I offer a brief check-in before every treatment to tailor the pressure and focus areas to your needs."},
{
id: "q3",
title: "Can I cancel my appointment?",
content: "Appointments can be canceled up to 24 hours in advance without any charge.",
},
id: "q3", title: "Can I cancel my appointment?", content: "Appointments can be canceled up to 24 hours in advance without any charge."},
]}
title="Frequently Asked Questions"
description="Everything you need to know about your massage therapy experience."
@@ -363,16 +218,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get in touch"
title="Book Your Tranquility"
description="Ready to feel your best? Book a session with Olivia today and experience total relaxation."
buttons={[
{
text: "Book Now",
href: "#",
},
text: "Book Now", href: "#"},
]}
/>
</div>
@@ -381,46 +233,29 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Navigation",
items: [
title: "Navigation", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy",
href: "#",
},
label: "Privacy", href: "#"},
{
label: "Terms",
href: "#",
},
label: "Terms", href: "#"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Instagram",
href: "#",
},
label: "Instagram", href: "#"},
{
label: "Facebook",
href: "#",
},
label: "Facebook", href: "#"},
],
},
]}