Files
b539c120-1250-4815-b686-fd0…/src/app/page.tsx
2026-01-11 15:51:25 +00:00

238 lines
13 KiB
TypeScript

"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="compact"
sizing="mediumLargeSizeMediumTitles"
background="none"
cardStyle="gradient-bordered"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
brandName="Afrat Yoga"
navItems={[
{ name: "About", id: "about" },
{ name: "Retreats", id: "pricing" },
{ name: "Why Us", id: "feature" },
{ name: "Stories", id: "testimonial" },
{ name: "Contact", id: "contact" }
]}
button={{
text: "Book Retreat", href: "contact"
}}
/>
</div>
<div id="hero" data-section="hero">
<HeroCarouselLogo
logoText="AFRAT"
description="Transform your life through authentic yoga practice. Experience mindfulness, strength, and inner peace at our exclusive wellness retreats."
buttons={[
{ text: "Book Your Retreat", href: "contact" },
{ text: "Learn More", href: "about" }
]}
slides={[
{
imageSrc: "https://img.b2bpic.net/free-photo/front-view-women-meditating-nature_23-2149698177.jpg", imageAlt: "Serene yoga retreat meditation session"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/full-shot-women-sitting-yoga-mat_23-2148935672.jpg", imageAlt: "Yoga instructor leading class"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/young-woman-with-body-positive-appearance-practicing-yoga-alone-deck-by-pool-tropical-island-bali-indonesia-sport-fitness-healthy-lifestyle-concept_1321-2848.jpg", imageAlt: "Outdoor yoga practice at sunset"
}
]}
autoplayDelay={5000}
showDimOverlay={true}
/>
</div>
<div id="about" data-section="about">
<TextAbout
title="Welcome to Afrat Yoga Retreats. Where transformation begins with every breath, every pose, and every moment of mindfulness. Discover a sanctuary dedicated to your wellness journey."
useInvertedBackground="invertDefault"
buttons={[
{ text: "Explore Retreats", href: "pricing" }
]}
/>
</div>
<div id="feature" data-section="feature">
<FeatureCardThree
title="Why Choose Afrat Yoga"
description="Experience holistic wellness through carefully curated yoga retreats designed for every level of practice and transformation."
tag="Our Approach"
textboxLayout="default"
animationType="slide-up"
gridVariant="four-items-2x2-equal-grid"
features={[
{
id: "01", title: "Expert Instruction", description: "Learn from certified yoga instructors with years of experience in mindfulness and wellness coaching.", imageSrc: "https://img.b2bpic.net/free-photo/full-shot-women-meditating-together-beach_23-2149386447.jpg", imageAlt: "Expert yoga instruction"
},
{
id: "02", title: "Mindful Practices", description: "Deepen your meditation practice and develop lasting mindfulness habits for daily life.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-female-athlete-doing-stretching-exercise-cobra-pose-rocky-beach-sunset-copy-space_637285-5493.jpg", imageAlt: "Meditation and mindfulness practice"
},
{
id: "03", title: "Community Wellness", description: "Connect with like-minded individuals on their wellness journey in a supportive, inclusive environment.", imageSrc: "https://img.b2bpic.net/free-photo/full-shot-women-meditating-nature_23-2149698175.jpg", imageAlt: "Community yoga practice"
},
{
id: "04", title: "Nature Connection", description: "Immerse yourself in serene natural settings that enhance your yoga practice and inner peace.", imageSrc: "https://img.b2bpic.net/free-photo/women-meditating-together-beach_23-2149386448.jpg", imageAlt: "Outdoor nature retreat"
}
]}
useInvertedBackground="noInvert"
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
title="Choose Your Retreat"
description="Select the perfect yoga retreat package tailored to your wellness goals and schedule."
tag="Retreat Packages"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground="invertDefault"
plans={[
{
id: "weekend", title: "Weekend Escape", price: "$399", period: "per person", imageSrc: "https://img.b2bpic.net/free-photo/full-shot-young-women-meditating-mat_23-2149386414.jpg", imageAlt: "Weekend yoga retreat", button: {
text: "Reserve Now", href: "contact"
},
features: [
"2 days / 3 nights accommodation", "6 yoga classes", "Daily meditation sessions", "Organic meals included", "Yoga mat provided"
]
},
{
id: "week", title: "Weekly Immersion", price: "$899", period: "per person", imageSrc: "https://img.b2bpic.net/free-photo/senior-meditation-guide-with-singing-bowls-sea_23-2149386445.jpg", imageAlt: "Week-long yoga retreat", button: {
text: "Reserve Now", href: "contact"
},
features: [
"7 days / 6 nights accommodation", "15 yoga classes", "Daily meditation and breathwork", "All organic meals", "1-on-1 consultation", "Yoga gear package"
]
},
{
id: "intensive", title: "Intensive Training", price: "$1,799", period: "per person", imageSrc: "https://img.b2bpic.net/free-photo/woman-meditating-beach_23-2148108729.jpg", imageAlt: "Intensive yoga training retreat", button: {
text: "Reserve Now", href: "contact"
},
features: [
"14 days / 13 nights accommodation", "30+ yoga classes", "Advanced meditation techniques", "Ayurvedic meals", "Personal wellness coaching", "Certification coursework", "Post-retreat guidance"
]
}
]}
/>
</div>
<div id="metric" data-section="metric">
<MetricCardEleven
title="Our Impact"
description="Join thousands of practitioners who have transformed their lives through our retreats."
tag="Results"
textboxLayout="default"
animationType="slide-up"
useInvertedBackground="noInvert"
metrics={[
{
id: "1", value: "8,000+", title: "Retreat Participants", description: "Practitioners transformed through our yoga programs", imageSrc: "https://img.b2bpic.net/free-photo/couple-performing-yoga-safari-vacation_107420-9664.jpg", imageAlt: "Yoga retreat participants"
},
{
id: "2", value: "500+", title: "Classes Offered", description: "Diverse yoga styles for all experience levels", imageSrc: "https://img.b2bpic.net/free-photo/couple-performing-yoga-safari-vacation_107420-9664.jpg", imageAlt: "Yoga classes"
},
{
id: "3", value: "15+", title: "Years Experience", description: "Dedicated to authentic yoga and wellness coaching", imageSrc: "https://img.b2bpic.net/free-photo/couple-performing-yoga-safari-vacation_107420-9664.jpg", imageAlt: "Yoga experience"
},
{
id: "4", value: "95%", title: "Return Rate", description: "Participants book future retreats with us", imageSrc: "https://img.b2bpic.net/free-photo/couple-performing-yoga-safari-vacation_107420-9664.jpg", imageAlt: "Satisfied participants"
}
]}
/>
</div>
<div id="testimonial" data-section="testimonial">
<TestimonialCardTwelve
cardTitle="Join thousands of practitioners who have experienced profound transformation and inner peace at our retreats."
cardTag="Trusted by Yoga Community"
testimonials={[
{
id: "1", name: "Sarah Mitchell", imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", imageAlt: "Sarah Mitchell"
},
{
id: "2", name: "Jessica Chen", imageSrc: "https://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg", imageAlt: "Jessica Chen"
},
{
id: "3", name: "Amanda Rodriguez", imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-smiling-pretty-girl-plaid-shirt-posing_114579-70643.jpg", imageAlt: "Amanda Rodriguez"
},
{
id: "4", name: "Emily Thompson", imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-entrepreneur-woman_23-2148898746.jpg", imageAlt: "Emily Thompson"
},
{
id: "5", name: "Victoria Park", imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", imageAlt: "Victoria Park"
},
{
id: "6", name: "Lauren Bennett", imageSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg", imageAlt: "Lauren Bennett"
}
]}
useInvertedBackground="invertDefault"
/>
</div>
<div id="contact" data-section="contact">
<ContactCenter
tag="Stay Connected"
title="Ready to Transform Your Life"
description="Sign up for our newsletter to receive exclusive retreat offers, yoga tips, and mindfulness practices delivered to your inbox."
tagIcon={Sparkles}
useInvertedBackground="noInvert"
inputPlaceholder="Enter your email"
buttonText="Subscribe"
termsText="We respect your privacy. Unsubscribe anytime to stop receiving emails."
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
copyrightText="© 2025 Afrat Yoga Retreats | Designed for Wellness"
columns={[
{
title: "Retreats", items: [
{ label: "Weekend Escape", href: "pricing" },
{ label: "Weekly Immersion", href: "pricing" },
{ label: "Intensive Training", href: "pricing" }
]
},
{
title: "Community", items: [
{ label: "About Us", href: "about" },
{ label: "Stories", href: "testimonial" },
{ label: "Contact", href: "contact" }
]
},
{
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Cancellation Policy", href: "#" }
]
}
]}
/>
</div>
</ThemeProvider>
);
}