189 lines
10 KiB
TypeScript
189 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmallSizeMediumTitles"
|
|
background="floatingGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{ 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"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroLogoBillboard
|
|
background={{
|
|
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"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/reed-diffuser-candles-towels-scent-relaxation_169016-69538.jpg?_wi=1"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
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."]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
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" },
|
|
]}
|
|
title="Our Holistic Services"
|
|
description="A curated range of massage and yoga practices to restore your vitality."
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
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-2", title: "Monthly Wellness", price: "$350", period: "/mo", features: ["4x Massage Therapy", "Unlimited Yoga", "Priority Booking"],
|
|
button: { text: "Start Your Wellness Plan" },
|
|
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-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"},
|
|
]}
|
|
title="Choose Your Wellness Path"
|
|
description="Flexible memberships and single session options designed to fit your unique lifestyle."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardEleven
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
groups={[
|
|
{
|
|
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: "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"
|
|
},
|
|
]
|
|
},
|
|
]}
|
|
title="Meet Our Expert Care Team"
|
|
description="Our dedicated practitioners are committed to your long-term health and vitality."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="depth-3d"
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
kpiItems={[{ value: "1000+", label: "Happy Clients" }, { value: "15+", label: "Expert Staff" }, { value: "24/7", label: "Support" }]}
|
|
testimonials={[
|
|
{ id: "t1", name: "Alice M.", role: "Creative Director", company: "Design Co", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/relaxed-brunette-woman-sitting-lotus-pose-yoga-mat-practice-meditation-stretching-exercises_1258-183257.jpg" },
|
|
{ id: "t2", name: "John D.", role: "Tech Lead", company: "Tech Corp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-mature-man-holding-his-laptop-bed_23-2148404416.jpg" },
|
|
{ id: "t3", name: "Sarah W.", role: "Project Manager", company: "Manage Inc", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/image-beautiful-woman-doing-training-workout-from-home-living-room-practice-yoga-sitting_1258-189277.jpg" },
|
|
]}
|
|
title="Stories from Our Clients"
|
|
description="Discover why our community loves the personalized care we provide."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
faqsAnimation="slide-up"
|
|
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." },
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="We are here to help you get the most out of your experience."
|
|
imageSrc="http://img.b2bpic.net/free-photo/reed-diffuser-candles-towels-scent-relaxation_169016-69538.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
background={{ variant: "sparkles-gradient" }}
|
|
useInvertedBackground={false}
|
|
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."
|
|
buttonText="Submit Inquiry"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Nature Wellness"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |