Merge version_1 into main #2
265
src/app/page.tsx
265
src/app/page.tsx
@@ -31,49 +31,29 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Nature Wellness"
|
||||
button={{
|
||||
text: "Book Session",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Session", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
logoText="Heal Your Body, Restore Your Balance"
|
||||
description="Personalized massage therapy and yoga care designed to release tension, boost vitality, and reconnect you with natural wellness. Experience the transformative power of therapeutic touch and mindful movement."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Session",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Session", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/reed-diffuser-candles-towels-scent-relaxation_169016-69538.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/reed-diffuser-candles-towels-scent-relaxation_169016-69538.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -83,9 +63,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Natural Wellness Reimagined"
|
||||
description={[
|
||||
"We believe that true healing happens when the body is in harmony with nature. Our practice offers a unique blend of therapeutic massage and specialized yoga care to help you find balance.",
|
||||
"Whether you are looking to recover from a long week or deepen your daily practice, our holistic treatments are tailored to meet your unique wellness goals.",
|
||||
]}
|
||||
"We believe that true healing happens when the body is in harmony with nature. Our practice offers a unique blend of therapeutic massage and specialized yoga care to help you find balance.", "Whether you are looking to recover from a long week or deepen your daily practice, our holistic treatments are tailored to meet your unique wellness goals."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -96,48 +74,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Deep Tissue Massage",
|
||||
price: "$95",
|
||||
variant: "Recovery",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-athletic-woman-preparing-sports-training-unrolling-her-exercise-mat-floor_637285-3448.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Restorative Yoga Flow",
|
||||
price: "$25",
|
||||
variant: "Mindful",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-burning-candles-with-green-leaves-purse-white-table_169016-1505.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Aromatherapy Massage",
|
||||
price: "$110",
|
||||
variant: "Relaxation",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candles-bowl-with-shea-butter_23-2147677793.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Vinyasa Yoga Class",
|
||||
price: "$25",
|
||||
variant: "Dynamic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-home-practicing-yoga_23-2148785137.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Sports Recovery Massage",
|
||||
price: "$105",
|
||||
variant: "Healing",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-massage-calves-thighs-relaxing-treatment_169016-69015.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Meditation & Yoga Care",
|
||||
price: "$30",
|
||||
variant: "Holistic",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-bedroom-design-illuminated-with-electric-lamps-generated-by-ai_188544-27310.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Deep Tissue Massage", price: "$95", variant: "Recovery", imageSrc: "http://img.b2bpic.net/free-photo/closeup-athletic-woman-preparing-sports-training-unrolling-her-exercise-mat-floor_637285-3448.jpg" },
|
||||
{ id: "p2", name: "Restorative Yoga Flow", price: "$25", variant: "Mindful", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-burning-candles-with-green-leaves-purse-white-table_169016-1505.jpg" },
|
||||
{ id: "p3", name: "Aromatherapy Massage", price: "$110", variant: "Relaxation", imageSrc: "http://img.b2bpic.net/free-photo/candles-bowl-with-shea-butter_23-2147677793.jpg" },
|
||||
{ id: "p4", name: "Vinyasa Yoga Class", price: "$25", variant: "Dynamic", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-home-practicing-yoga_23-2148785137.jpg" },
|
||||
{ id: "p5", name: "Sports Recovery Massage", price: "$105", variant: "Healing", imageSrc: "http://img.b2bpic.net/free-photo/spa-massage-calves-thighs-relaxing-treatment_169016-69015.jpg" },
|
||||
{ id: "p6", name: "Meditation & Yoga Care", price: "$30", variant: "Holistic", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-bedroom-design-illuminated-with-electric-lamps-generated-by-ai_188544-27310.jpg" },
|
||||
]}
|
||||
title="Our Holistic Services"
|
||||
description="A curated range of massage and yoga practices to restore your vitality."
|
||||
@@ -151,53 +93,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "plan-1",
|
||||
title: "Single Session",
|
||||
price: "$120",
|
||||
period: "/visit",
|
||||
features: [
|
||||
"Custom Massage",
|
||||
"Breathwork Session",
|
||||
"Post-treatment Tea",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-mother-daughter-standing-tree-pose_23-2147791953.jpg",
|
||||
imageAlt: "holistic massage yoga natural wellness",
|
||||
},
|
||||
id: "plan-1", title: "Single Session", price: "$120", period: "/visit", features: ["Custom Massage", "Breathwork Session", "Post-treatment Tea"],
|
||||
button: { text: "Book Now" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-mother-daughter-standing-tree-pose_23-2147791953.jpg", imageAlt: "holistic massage yoga natural wellness"},
|
||||
{
|
||||
id: "plan-2",
|
||||
title: "Monthly Wellness",
|
||||
price: "$350",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"4x Massage Therapy",
|
||||
"Unlimited Yoga",
|
||||
"Priority Booking",
|
||||
],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reed-diffuser-candles-towels-scent-relaxation_169016-69538.jpg?_wi=2",
|
||||
imageAlt: "holistic massage yoga natural wellness",
|
||||
},
|
||||
id: "plan-2", title: "Monthly Wellness", price: "$350", period: "/mo", features: ["4x Massage Therapy", "Unlimited Yoga", "Priority Booking"],
|
||||
button: { text: "Get Started" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reed-diffuser-candles-towels-scent-relaxation_169016-69538.jpg", imageAlt: "holistic massage yoga natural wellness"},
|
||||
{
|
||||
id: "plan-3",
|
||||
title: "Yoga Membership",
|
||||
price: "$180",
|
||||
period: "/mo",
|
||||
features: [
|
||||
"Full Yoga Access",
|
||||
"Small Group Sessions",
|
||||
"Expert Coaching",
|
||||
],
|
||||
button: {
|
||||
text: "Choose Plan",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-athletic-woman-preparing-sports-training-unrolling-her-exercise-mat-floor_637285-3448.jpg?_wi=2",
|
||||
imageAlt: "holistic massage yoga natural wellness",
|
||||
},
|
||||
id: "plan-3", title: "Yoga Membership", price: "$180", period: "/mo", features: ["Full Yoga Access", "Small Group Sessions", "Expert Coaching"],
|
||||
button: { text: "Choose Plan" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-athletic-woman-preparing-sports-training-unrolling-her-exercise-mat-floor_637285-3448.jpg", imageAlt: "holistic massage yoga natural wellness"},
|
||||
]}
|
||||
title="Choose Your Wellness Path"
|
||||
description="Flexible memberships and single session options designed to fit your unique lifestyle."
|
||||
@@ -211,33 +117,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Our Holistic Practitioners",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Our Holistic Practitioners", members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Sarah",
|
||||
subtitle: "Lead Massage Therapist",
|
||||
detail: "Expert in deep tissue and recovery techniques.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-relaxed-smiley-woman_23-2149144908.jpg",
|
||||
id: "m1", title: "Sarah", subtitle: "Lead Massage Therapist", detail: "Expert in deep tissue and recovery techniques.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-relaxed-smiley-woman_23-2149144908.jpg"
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Mark",
|
||||
subtitle: "Yoga Specialist",
|
||||
detail: "Certified yoga instructor with 15 years experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-osteopathist-treating-girl-hospital_23-2148776239.jpg",
|
||||
id: "m2", title: "Mark", subtitle: "Yoga Specialist", detail: "Certified yoga instructor with 15 years experience.", imageSrc: "http://img.b2bpic.net/free-photo/female-osteopathist-treating-girl-hospital_23-2148776239.jpg"
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Elena",
|
||||
subtitle: "Wellness Practitioner",
|
||||
detail: "Specialist in holistic health and meditation.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-meditating-yoga-mat_23-2148935647.jpg",
|
||||
id: "m3", title: "Elena", subtitle: "Wellness Practitioner", detail: "Specialist in holistic health and meditation.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-women-meditating-yoga-mat_23-2148935647.jpg"
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/reed-diffuser-candles-towels-scent-relaxation_169016-69538.jpg?_wi=3",
|
||||
imageAlt: "professional massage therapist smiling calm",
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Meet Our Expert Care Team"
|
||||
@@ -250,54 +140,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Life Changing",
|
||||
quote: "The massage sessions are incredible. I feel like a new person after every visit.",
|
||||
name: "Alice M.",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-brunette-woman-sitting-lotus-pose-yoga-mat-practice-meditation-stretching-exercises_1258-183257.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Pure Bliss",
|
||||
quote: "A truly calm and peaceful space. The yoga classes are very meditative and relaxing.",
|
||||
name: "John D.",
|
||||
role: "Tech Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-mature-man-holding-his-laptop-bed_23-2148404416.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Expert Care",
|
||||
quote: "I came in with chronic pain and the team helped me recover quickly. Highly recommend.",
|
||||
name: "Sarah W.",
|
||||
role: "Project Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-beautiful-woman-doing-training-workout-from-home-living-room-practice-yoga-sitting_1258-189277.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Highly Recommend",
|
||||
quote: "Amazing balance of yoga and body work. A perfect sanctuary from the city.",
|
||||
name: "Mark L.",
|
||||
role: "Developer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-spa-environment_1098-3077.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Fantastic Experience",
|
||||
quote: "Every session feels personal and effective. My favorite place for stress relief.",
|
||||
name: "Elena R.",
|
||||
role: "Entrepreneur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-warm-white-hoodie-home-kitchen-starts-her-day-with-cup-coffee_343596-7226.jpg",
|
||||
},
|
||||
{
|
||||
id: "t6",
|
||||
title: "Deeply Healing",
|
||||
quote: "My practice has grown so much since joining this wonderful community.",
|
||||
name: "Julia P.",
|
||||
role: "Designer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-meditating-outdoors_23-2149860545.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Life Changing", quote: "The massage sessions are incredible. I feel like a new person after every visit.", name: "Alice M.", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/relaxed-brunette-woman-sitting-lotus-pose-yoga-mat-practice-meditation-stretching-exercises_1258-183257.jpg" },
|
||||
{ id: "t2", title: "Pure Bliss", quote: "A truly calm and peaceful space. The yoga classes are very meditative and relaxing.", name: "John D.", role: "Tech Lead", imageSrc: "http://img.b2bpic.net/free-photo/front-view-mature-man-holding-his-laptop-bed_23-2148404416.jpg" },
|
||||
{ id: "t3", title: "Expert Care", quote: "I came in with chronic pain and the team helped me recover quickly. Highly recommend.", name: "Sarah W.", role: "Project Manager", imageSrc: "http://img.b2bpic.net/free-photo/image-beautiful-woman-doing-training-workout-from-home-living-room-practice-yoga-sitting_1258-189277.jpg" },
|
||||
{ id: "t4", title: "Highly Recommend", quote: "Amazing balance of yoga and body work. A perfect sanctuary from the city.", name: "Mark L.", role: "Developer", imageSrc: "http://img.b2bpic.net/free-photo/charming-woman-spa-environment_1098-3077.jpg" },
|
||||
{ id: "t5", title: "Fantastic Experience", quote: "Every session feels personal and effective. My favorite place for stress relief.", name: "Elena R.", role: "Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-warm-white-hoodie-home-kitchen-starts-her-day-with-cup-coffee_343596-7226.jpg" },
|
||||
{ id: "t6", title: "Deeply Healing", quote: "My practice has grown so much since joining this wonderful community.", name: "Julia P.", role: "Designer", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-meditating-outdoors_23-2149860545.jpg" },
|
||||
]}
|
||||
title="Stories from Our Clients"
|
||||
description="Discover why our community loves the personalized care we provide."
|
||||
@@ -309,21 +157,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "What should I bring to my first session?",
|
||||
content: "Just bring comfortable clothes for your yoga or massage session. Everything else is provided.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do I book a session?",
|
||||
content: "You can easily book through our online portal or contact us directly via the contact form.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Are there memberships available?",
|
||||
content: "Yes, we offer flexible monthly memberships that give you priority access to all our services.",
|
||||
},
|
||||
{ id: "q1", title: "What should I bring to my first session?", content: "Just bring comfortable clothes for your yoga or massage session. Everything else is provided." },
|
||||
{ id: "q2", title: "How do I book a session?", content: "You can easily book through our online portal or contact us directly via the contact form." },
|
||||
{ id: "q3", title: "Are there memberships available?", content: "Yes, we offer flexible monthly memberships that give you priority access to all our services." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="We are here to help you get the most out of your experience."
|
||||
@@ -334,35 +170,22 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Get In Touch"
|
||||
title="Ready to Start Your Journey?"
|
||||
description="Schedule a session or reach out to our team with any questions. We are excited to support your path toward wellness."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@naturewellness.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@naturewellness.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Nature Wellness"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Contact Us", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user