257 lines
13 KiB
TypeScript
257 lines
13 KiB
TypeScript
"use client"
|
|
|
|
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
|
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
|
import AboutMetric from '@/components/sections/about/AboutMetric';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import { Leaf, Sparkles, Users, Award, CheckCircle, Globe, HelpCircle, Heart } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="soft"
|
|
contentWidth="mediumSmall"
|
|
sizing="large"
|
|
background="noiseGradient"
|
|
cardStyle="elevated-accent-light"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleMinimal
|
|
brandName="Serene Retreat"
|
|
button={{
|
|
text: "Book Now", href: "contact"
|
|
}}
|
|
className="bg-opacity-90"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardGallery
|
|
title="Reconnect with Nature, Heal Your Mind"
|
|
description="Join us for transformative wellness retreats nestled in serene natural settings. Experience yoga, meditation, and holistic healing in harmony with the earth."
|
|
tag="Welcome to Wellness"
|
|
tagIcon={Leaf}
|
|
buttons={[
|
|
{
|
|
text: "Explore Retreats", href: "about"
|
|
},
|
|
{
|
|
text: "Book Your Journey", href: "contact"
|
|
}
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/smiling-female-athlete-doing-stretching-exercise-cobra-pose-rocky-beach-sunset-copy-space_637285-5493.jpg", imageAlt: "Yoga and meditation in nature"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/girl-practicing-yoga_1157-7751.jpg", imageAlt: "Forest retreat landscape"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/young-woman-doing-sport-park_23-2147995891.jpg", imageAlt: "Wellness and spa experience"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/yoga-morning-beautiful-woman-healthy_1303-2457.jpg", imageAlt: "Mountain hiking adventure"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/cute-blonde-woman-practising-yoga-outside-looking-relaxed_259150-58679.jpg", imageAlt: "Garden sanctuary retreat"
|
|
}
|
|
]}
|
|
ariaLabel="Hero section showcasing nature retreat experiences"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="Transforming Lives Through Nature-Based Wellness Programs"
|
|
metrics={[
|
|
{
|
|
icon: Users,
|
|
label: "Retreat Participants", value: "5,000+"
|
|
},
|
|
{
|
|
icon: Award,
|
|
label: "Years of Experience", value: "15+"
|
|
},
|
|
{
|
|
icon: CheckCircle,
|
|
label: "Client Satisfaction", value: "98%"
|
|
},
|
|
{
|
|
icon: Globe,
|
|
label: "Retreat Locations", value: "8"
|
|
}
|
|
]}
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
title="Our Wellness Offerings"
|
|
description="Discover a range of healing practices and transformative experiences designed to restore balance and vitality."
|
|
tag="Services"
|
|
tagIcon={Sparkles}
|
|
features={[
|
|
{
|
|
title: "Guided Yoga Sessions", description: "Morning and evening yoga classes led by certified instructors to strengthen body and calm mind", imageSrc: "https://img.b2bpic.net/free-photo/smiling-female-athlete-doing-stretching-exercise-cobra-pose-rocky-beach-sunset-copy-space_637285-5493.jpg"
|
|
},
|
|
{
|
|
title: "Meditation Retreats", description: "Deep meditation programs in peaceful natural settings for mental clarity and inner peace", imageSrc: "https://img.b2bpic.net/free-photo/girl-practicing-yoga_1157-7751.jpg"
|
|
},
|
|
{
|
|
title: "Holistic Wellness", description: "Spa treatments, herbal therapies, and natural healing practices rooted in ancient traditions", imageSrc: "https://img.b2bpic.net/free-photo/young-woman-doing-sport-park_23-2147995891.jpg"
|
|
},
|
|
{
|
|
title: "Nature Immersion", description: "Guided hiking and nature walks to reconnect with the earth and boost physical wellness", imageSrc: "https://img.b2bpic.net/free-photo/yoga-morning-beautiful-woman-healthy_1303-2457.jpg"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardNine
|
|
title="Transformations from Our Guests"
|
|
description="Hear from those who have experienced profound healing and renewal at our retreats"
|
|
testimonials={[
|
|
{
|
|
id: "1", quote: "This retreat completely transformed my relationship with stress. The combination of yoga, meditation, and nature immersion gave me tools I use every day.", name: "Sarah Mitchell", role: "Corporate Executive", imageSrc: "https://img.b2bpic.net/free-photo/carefree-lovely-tanned-young-woman-standing-balcony-near-green-plant-smiling-laughing-out-loud-look-adorable-grin-camera-talking-casually-coworker-veranda-enjoy-perfect-sunny-summer-days_197531-30354.jpg", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2", quote: "I came here seeking healing, and I left with a renewed sense of purpose. The instructors are incredibly knowledgeable and compassionate.", name: "James Chen", role: "Wellness Coach", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12674.jpg", imageAlt: "James Chen"
|
|
},
|
|
{
|
|
id: "3", quote: "The natural setting combined with expert-led classes created the perfect environment for deep personal growth and reflection.", name: "Emma Rodriguez", role: "Therapist", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12672.jpg", imageAlt: "Emma Rodriguez"
|
|
},
|
|
{
|
|
id: "4", quote: "After years of searching for balance, I finally found it here. The retreat exceeded all my expectations.", name: "Michael Torres", role: "Entrepreneur", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12665.jpg", imageAlt: "Michael Torres"
|
|
},
|
|
{
|
|
id: "5", quote: "The holistic approach to wellness addressing mind, body, and spirit is exactly what I needed.", name: "Lisa Anderson", role: "Yoga Instructor", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12663.jpg", imageAlt: "Lisa Anderson"
|
|
},
|
|
{
|
|
id: "6", quote: "Every moment at this retreat felt purposeful and healing. I'm already planning my return visit.", name: "David Kumar", role: "Consultant", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12671.jpg", imageAlt: "David Kumar"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertCard"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
title="Common Questions About Our Retreats"
|
|
description="Find answers to help you prepare for your transformative wellness journey"
|
|
tag="FAQ"
|
|
tagIcon={HelpCircle}
|
|
imageSrc="https://img.b2bpic.net/free-photo/cute-blonde-woman-practising-yoga-outside-looking-relaxed_259150-58679.jpg"
|
|
imageAlt="Peaceful retreat garden sanctuary"
|
|
mediaPosition="right"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="smooth"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What should I bring to the retreat?", content: "Comfortable clothing for yoga and outdoor activities, personal toiletries, medications, and any spiritual items that bring you comfort. We provide yoga mats, blankets, and meditation cushions."
|
|
},
|
|
{
|
|
id: "2", title: "What is the schedule like?", content: "Typical days include sunrise yoga (6:30 AM), meditation sessions, nutritious meals, workshops, nature walks, and evening relaxation activities. There is also free time for personal reflection."
|
|
},
|
|
{
|
|
id: "3", title: "Is this suitable for beginners?", content: "Absolutely! Our retreats welcome all experience levels. Instructors provide modifications for every practice, and our welcoming community supports each participant's unique journey."
|
|
},
|
|
{
|
|
id: "4", title: "What about dietary restrictions?", content: "We accommodate all dietary needs including vegan, vegetarian, gluten-free, and allergies. Please specify your requirements during registration."
|
|
},
|
|
{
|
|
id: "5", title: "What is the cancellation policy?", content: "Cancellations made 30 days before the retreat receive a full refund. Cancellations within 30 days are subject to a 25% fee."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
tag="Get Started"
|
|
title="Begin Your Wellness Journey"
|
|
description="Sign up for updates on upcoming retreats, special offers, and wellness tips delivered to your inbox."
|
|
tagIcon={Heart}
|
|
useInvertedBackground="invertDefault"
|
|
inputPlaceholder="Enter your email address"
|
|
buttonText="Subscribe"
|
|
termsText="We respect your privacy. Unsubscribe at any time. By subscribing, you agree to receive wellness updates and retreat information."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Serene Retreat"
|
|
copyrightText="© 2025 Serene Retreat | All rights reserved"
|
|
columns={[
|
|
{
|
|
title: "Retreat Programs", items: [
|
|
{
|
|
label: "Yoga Retreats", href: "about"
|
|
},
|
|
{
|
|
label: "Meditation Intensives", href: "about"
|
|
},
|
|
{
|
|
label: "Wellness Workshops", href: "about"
|
|
},
|
|
{
|
|
label: "Group Retreats", href: "about"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "about"
|
|
},
|
|
{
|
|
label: "Contact", href: "contact"
|
|
},
|
|
{
|
|
label: "Blog", href: "#"
|
|
},
|
|
{
|
|
label: "Careers", href: "#"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{
|
|
label: "Wellness Tips", href: "#"
|
|
},
|
|
{
|
|
label: "Meditation Guide", href: "#"
|
|
},
|
|
{
|
|
label: "Testimonials", href: "testimonials"
|
|
},
|
|
{
|
|
label: "FAQ", href: "faq"
|
|
}
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |