"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/full-shot-woman-doing-yoga-outside_23-2149698154.jpg?id=31842917"
            }
          ]}
          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>
  );
}