"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Book, Facebook, GraduationCap, Heart, Instagram, Sparkles, Star, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="medium"
        sizing="largeSizeMediumTitles"
        background="noise"
        cardStyle="gradient-bordered"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Programs",          id: "#programs"},
        {
          name: "Faculty",          id: "#faculty"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/close-up-elegant-ballerina-dancing-with-grace_23-2148461787.jpg"
      logoAlt="Collective Dance Academy Logo"
      brandName="Collective Dance Academy"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      title="Elevate Your Craft. Structured Training for Exceptional Dancers."
      description="At Collective Dance Academy, we blend disciplined instruction with passionate expression. Our comprehensive curriculum and expert faculty guide every student to achieve their highest artistic potential."
      testimonials={[
        {
          name: "Sarah L.",          handle: "@parentofstudent",          testimonial: "The structured approach here transformed my child's technique. Truly unparalleled local instruction!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-silly-sad-girl-pink-anime-wig-asking-help-holding-hands-clasped-together-pray_1258-18855.jpg",          imageAlt: "Sarah L."},
        {
          name: "Mark R.",          handle: "@studentdancer",          testimonial: "I've grown so much as a dancer. The faculty's expertise is incredible, fostering both skill and artistry.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-with-smartphone_23-2148294016.jpg",          imageAlt: "Mark R."},
        {
          name: "Emily C.",          handle: "@youngdancer",          testimonial: "Every class is challenging and fun! I love learning new steps and feeling myself improve.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/ballerina-training_1098-15391.jpg",          imageAlt: "Emily C."},
        {
          name: "Dr. Anya Sharma",          handle: "@communityleader",          testimonial: "A cornerstone of artistic development in our community. Their dedication to excellence is evident in every performance.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-dancer-practising-dance_107420-63931.jpg",          imageAlt: "Dr. Anya Sharma"},
        {
          name: "David G.",          handle: "@studentparent",          testimonial: "The Academy provides such a supportive yet rigorous environment. My child truly thrives here.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/hip-hop-performer-studio_1385-1093.jpg",          imageAlt: "David G."},
      ]}
      buttons={[
        {
          text: "Explore Programs",          href: "#programs"},
        {
          text: "Enroll Now",          href: "#contact"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/close-up-shot-happy-emotive-young-african-american-guy-with-afro-hairstyle-bristle-smiling-broadly-while-wearing-denim-coat-backpack-walking-across-park-festival_176420-19819.jpg",          alt: "Student Avatar 1"},
        {
          src: "http://img.b2bpic.net/free-photo/closeup-portrait-cheerful-smiling-man-looking-happy-express-enthusiastic-optimistic-emotions-seei_1258-113416.jpg",          alt: "Student Avatar 2"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-elegant-joyful-guy-grey-jacket-shirt-wears-glasses-gray_291650-1303.jpg",          alt: "Student Avatar 3"},
        {
          src: "http://img.b2bpic.net/free-photo/ragga-dancer-white_1385-134.jpg",          alt: "Student Avatar 4"},
        {
          src: "http://img.b2bpic.net/free-photo/full-length-portrait-active-woman-sports-bodysuit-leggings_197531-16534.jpg",          alt: "Dedicated Student"},
      ]}
      avatarText="Join our vibrant dance community!"
      imageSrc="http://img.b2bpic.net/free-photo/ballerina-posing-tutu-dress-with-copy-space_23-2148390118.jpg"
      imageAlt="Elegant ballet dancer in a dynamic pose on stage"
      marqueeItems={[
        {
          type: "text",          text: "Join our workshops!"},
        {
          type: "text-icon",          text: "New classes forming now",          icon: Sparkles,
        },
        {
          type: "text-icon",          text: "Learn from the best",          icon: GraduationCap,
        },
        {
          type: "text-icon",          text: "Performance opportunities",          icon: Star,
        },
        {
          type: "text",          text: "A community that moves you"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Legacy"
      title="Cultivating Dance Excellence Through Disciplined Artistry"
      description="More than just steps, we build artists. Collective Dance Academy offers a rigorous curriculum designed to hone technique, inspire creativity, and prepare dancers for professional stages."
      subdescription="With a focus on individualized growth and a supportive community, we guide each student to unlock their full potential and foster a lifelong love for dance. Our method emphasizes precision, discipline, and emotional expression."
      icon={Sparkles}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-elegant-girl-doing-yoga_1157-18728.jpg"
      imageAlt="Modern empty dance studio interior with ballet barres and mirrors"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Book,
          title: "Progressive Curriculum",          description: "Follow a clear path from foundational techniques to advanced artistry, ensuring consistent growth and mastery at every level."},
        {
          icon: GraduationCap,
          title: "Expert Faculty",          description: "Learn from seasoned professionals with extensive performance careers and a passion for teaching, committed to your development."},
        {
          icon: Star,
          title: "Performance Opportunities",          description: "Showcase your talent in studio showcases, local events, and professional productions, gaining invaluable stage experience."},
        {
          icon: Heart,
          title: "Holistic Development",          description: "Beyond technique, we foster discipline, confidence, leadership, and a deep appreciation for dance as a multifaceted art form."},
      ]}
      title="Structured Programs, Unrivaled Results"
      description="Our meticulously designed curriculum ensures progressive skill development and artistic growth. Experience the difference of dedicated coaching and a nurturing environment focused on achieving excellence."
      tag="Our Approach"
    />
  </div>

  <div id="programs" data-section="programs">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "ballet",          name: "Classical Ballet Foundations",          price: "Starting at $150/month",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-ballerina-posing-pointe-shoes-tutu-dress_23-2148390110.jpg",          imageAlt: "Ballet dancer in elegant pose"},
        {
          id: "contemporary",          name: "Dynamic Contemporary Dance",          price: "Starting at $160/month",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-girl-dancing-front-mirror_23-2148169363.jpg",          imageAlt: "Contemporary dancer in dynamic pose"},
        {
          id: "jazz",          name: "Precision Jazz Technique",          price: "Starting at $145/month",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-posing-front-blue-wall_23-2147625143.jpg",          imageAlt: "Jazz dancer in energetic pose"},
        {
          id: "hiphop",          name: "High-Energy Hip-Hop Choreography",          price: "Starting at $155/month",          imageSrc: "http://img.b2bpic.net/free-photo/night-city-dance-crew_23-2151951113.jpg",          imageAlt: "Hip hop dancer in street style"},
        {
          id: "tap",          name: "Rhythmic Tap Mastery",          price: "Starting at $140/month",          imageSrc: "http://img.b2bpic.net/free-photo/black-white-classy-heels-floor_23-2148235414.jpg",          imageAlt: "Tap dancer feet close up"},
        {
          id: "lyrical",          name: "Expressive Lyrical & Modern",          price: "Starting at $165/month",          imageSrc: "http://img.b2bpic.net/free-photo/back-view-ballerina-with-one-leg-up_23-2148229555.jpg",          imageAlt: "Lyrical dancer in emotional pose"},
      ]}
      title="Discover Your Rhythm"
      description="Explore our diverse range of dance programs, tailored for all ages and skill levels, from introductory classes to pre-professional training. Find your perfect fit and start your journey."
      tag="Our Programs"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "experience",          value: "25+",          title: "Years of Experience",          description: "Decades of dedicated dance education, shaping generations of dancers.",          imageSrc: "http://img.b2bpic.net/free-photo/winter-time-concept-advent-calendar_23-2148335371.jpg",          imageAlt: "Vintage clock gears"},
        {
          id: "alumni",          value: "200+",          title: "Alumni Success Stories",          description: "Graduates performing in prestigious companies and productions globally.",          imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-graduates-holding-up-trenchers_23-2148232799.jpg",          imageAlt: "Graduating students throwing caps"},
        {
          id: "awards",          value: "50+",          title: "Performance Awards",          description: "Recognized for outstanding artistry, choreography, and technical achievement.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-athlete-sport-clothes-with-medal-golden-cup_179666-25811.jpg",          imageAlt: "Golden trophy cup award"},
      ]}
      title="A Legacy of Excellence"
      description="See the numbers that reflect our unwavering commitment to nurturing talent and achieving artistic breakthroughs in the dance community. Our results speak for themselves."
      tag="Our Impact"
    />
  </div>

  <div id="faculty" data-section="faculty">
      <TeamCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        {
          id: "eleanor",          name: "Eleanor Vance",          role: "Artistic Director",          description: "With over 30 years of experience, Eleanor leads our artistic vision, ensuring excellence in every program.",          imageSrc: "http://img.b2bpic.net/free-photo/professional-young-woman-with-eyeglasses-posing_23-2148452678.jpg",          imageAlt: "Portrait of Eleanor Vance",          socialLinks: [
            {
              icon: Facebook,
              url: "#"},
            {
              icon: Instagram,
              url: "#"},
          ],
        },
        {
          id: "julian",          name: "Julian Thorne",          role: "Head of Contemporary",          description: "Julian's innovative choreography and dynamic teaching style push boundaries in contemporary dance.",          imageSrc: "http://img.b2bpic.net/free-photo/flamenco-dancer-studio_23-2149287136.jpg",          imageAlt: "Portrait of Julian Thorne",          socialLinks: [
            {
              icon: Twitter,
              url: "#"},
            {
              icon: Instagram,
              url: "#"},
          ],
        },
        {
          id: "sophia",          name: "Sophia Lee",          role: "Ballet Mistress",          description: "Sophia instills classical technique with grace and precision, drawing from her extensive ballet career.",          imageSrc: "http://img.b2bpic.net/free-photo/mature-ballet-instructor-holding-class-group-ballerinas-who-are-doing-stretching-exercises-barre-dance-studio-copy-space_637285-2401.jpg",          imageAlt: "Portrait of Sophia Lee",          socialLinks: [
            {
              icon: Facebook,
              url: "#"},
            {
              icon: Instagram,
              url: "#"},
          ],
        },
      ]}
      title="Mentors Who Inspire"
      description="Meet the dedicated professionals who bring their expertise, passion, and structured teaching methods to every class at Collective Dance Academy. They are the heart of our rigorous training."
      tag="Our Faculty"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Chloe P.",          date: "March 2024",          title: "Transformative Training",          quote: "Collective Dance Academy has completely transformed my dancing. The teachers are incredibly skilled and the detailed feedback has been instrumental in my growth. I feel more confident and technically proficient than ever.",          tag: "Student",          avatarSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-has-afro-hair-smiles-broadly-keeps-hand-face-feels-joyful-giggles-funny-story-wears-purple-top-star-shaped-earrings-isolated-orange-wall_273609-47790.jpg",          avatarAlt: "Chloe P. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-underground-hip-hop-musicians_23-2150932922.jpg",          imageAlt: "Young dancer practicing in studio"},
        {
          id: "2",          name: "Mr. & Mrs. Davies",          date: "February 2024",          title: "Exceptional Support",          quote: "Our daughter has thrived here, not just as a dancer, but as a person. The nurturing environment combined with the challenging curriculum truly sets this studio apart. We highly recommend it to any aspiring dancer.",          tag: "Parent",          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-male-performer-suit-posing-with-arms-up_23-2148417944.jpg",          avatarAlt: "Mr. & Mrs. Davies avatar",          imageSrc: "http://img.b2bpic.net/free-photo/expirienced-ballet-teacher-is-showing-young-ballerinas-how-important-exercises-correct-them_613910-21403.jpg",          imageAlt: "Group of young dancers rehearsing"},
        {
          id: "3",          name: "Liam T.",          date: "January 2024",          title: "Inspiring Instruction",          quote: "The instructors at Collective Dance Academy are truly inspiring. Their passion for dance is contagious, and they push us to achieve our personal best while celebrating every milestone. Best decision I made for my dance career!",          tag: "Student",          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-smiling-pink_179666-2175.jpg",          avatarAlt: "Liam T. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/different-moments-theater-class_23-2151104274.jpg",          imageAlt: "Student performing on stage"},
        {
          id: "4",          name: "Jessica M.",          date: "December 2023",          title: "Professional Development",          quote: "As an adult dancer, I appreciate the professional and structured classes offered. I've been able to refine my technique and explore new styles in a supportive environment. The gravitas of the studio is palpable.",          tag: "Adult Student",          avatarSrc: "http://img.b2bpic.net/free-photo/young-gymnast-posing-gym-with-copy-space_23-2149448166.jpg",          avatarAlt: "Jessica M. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/mature-ballet-instructor-teaching-her-students-proper-feet-position-ballet-class-copy-space_637285-2357.jpg",          imageAlt: "Dance studio master class"},
        {
          id: "5",          name: "Olivia S.",          date: "November 2023",          title: "A True Community",          quote: "Beyond the incredible training, Collective Dance Academy fosters a wonderful sense of community. I've made lifelong friends and found a second home here. The dedication of everyone involved is remarkable.",          tag: "Student",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman_158538-3892.jpg",          avatarAlt: "Olivia S. avatar",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-underground-hip-hop-musicians_23-2150932909.jpg",          imageAlt: "Happy dance students group photo"},
      ]}
      title="Voices of Our Community"
      description="Hear directly from our students and parents about their transformative experiences and the profound impact of our structured dance programs on their skill and confidence."
      tag="Rave Reviews"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",          title: "What are the age requirements for enrollment?",          content: "We offer programs for dancers aged 3 to adult, with classes tailored to various developmental stages and skill levels. Specific age ranges are listed with each program description."},
        {
          id: "2",          title: "How do I register for classes?",          content: "Registration can be completed online through our portal or in person at the studio during office hours. Early registration is encouraged as class sizes are limited to ensure quality instruction."},
        {
          id: "3",          title: "What is your teaching philosophy?",          content: "Our philosophy centers on disciplined artistry, fostering technical excellence, creative expression, and personal growth in a supportive and structured environment. We believe in nurturing well-rounded dancers."},
        {
          id: "4",          title: "Do you offer trial classes?",          content: "Yes, we offer a complimentary trial class for new students to experience our teaching style and studio environment before committing to a full program. Please contact us to schedule."},
        {
          id: "5",          title: "What is the tuition structure?",          content: "Tuition varies by program length, class frequency, and level. Detailed pricing information is available on our 'Programs' page and during the registration process. We also offer sibling discounts."},
        {
          id: "6",          title: "Are there performance opportunities?",          content: "Absolutely! We believe performance is integral to a dancer's development. Students have opportunities to perform in our annual showcases, community events, and select professional productions."},
      ]}
      title="Frequently Asked Questions"
      description="Find answers to common inquiries about our classes, registration, curriculum, and studio policies. We aim for transparency and clarity in all aspects of your dance journey."
      tag="Got Questions?"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Connect with Collective Dance Academy"
      description="Ready to take the next step in your dance journey? Reach out to us for enrollment details, class schedules, or general inquiries. Our team is here to guide you."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Your Phone Number (Optional)"},
      ]}
      textarea={{
        name: "message",        placeholder: "Tell us about your dance goals or questions...",        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/couple-embracing-each-other-while-outdoors-night_23-2149215098.jpg"
      imageAlt="Exterior of Collective Dance Academy"
      mediaPosition="left"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-photo/close-up-elegant-ballerina-dancing-with-grace_23-2148461787.jpg"
      logoAlt="Collective Dance Academy Logo"
      logoText="Collective Dance Academy"
      leftLink={{
        text: "Home",        href: "#home"}}
      rightLink={{
        text: "Programs",        href: "#programs"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}