"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>
  );
}