"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Activity, Award, Eye, Shield, ShieldCheck, Sparkles, Target, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="mediumLargeSizeMediumTitles"
        background="grid"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Programs",
          id: "#programs",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Instructors",
          id: "#instructors",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Collective Combat Club"
      button={{
        text: "Join Today",
        href: "#contact",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      title="TRAIN. DEFEND. PERFORM."
      description="Be strong. Be disciplined. Be your best. Join the Collective Combat Club for unparalleled martial arts training."
      testimonials={[
        {
          name: "Mark S.",
          handle: "@judo_dad",
          testimonial: "My son's confidence has soared since joining! The instructors are truly amazing.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/evaluation-feedback-customer-smiley-response_53876-123011.jpg",
          imageAlt: "Mark S. avatar",
        },
        {
          name: "Sarah J.",
          handle: "@judo_sarah",
          testimonial: "I love the community here. It's more than just a gym; it's a family.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/mad-desperate-schoolgirl-clenches-fists-exclaims-loudly-with-anger-feels-annoyed_273609-18529.jpg",
          imageAlt: "Sarah J. avatar",
        },
        {
          name: "David L.",
          handle: "@bjj_blue",
          testimonial: "The techniques are top-notch, and I feel much more capable in self-defense.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-girl-karate-costume_23-2148324791.jpg",
          imageAlt: "David L. avatar",
        },
        {
          name: "Emily R.",
          handle: "@little_judo",
          testimonial: "Learning judo is so much fun! I've made so many new friends.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/girl-kimono-standing-stance-punching-with-hand_7502-4343.jpg",
          imageAlt: "Emily R. avatar",
        },
        {
          name: "Jessica M.",
          handle: "@judo_mom",
          testimonial: "The discipline taught here has positively impacted my child's behavior at home and school.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-helping-child_23-2149063742.jpg",
          imageAlt: "Jessica M. avatar",
        },
      ]}
      tag="Master Your Potential"
      tagIcon={Sparkles}
      buttons={[
        {
          text: "Explore Classes",
          href: "#programs",
        },
        {
          text: "Schedule a Visit",
          href: "#contact",
        },
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EvgPZQdSHDUgkLkeI2RfS4mLIN/uploaded-1781064451008-uo73co83.jpg"
      imageAlt="Kids training judo"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-young-people-with-reviews_23-2149394417.jpg",
          alt: "Young judoka training",
        },
        {
          src: "http://img.b2bpic.net/free-photo/cheerful-women-holding-golden-star-icon_53876-71038.jpg",
          alt: "Happy student",
        },
        {
          src: "http://img.b2bpic.net/free-photo/impressed-girl-admiring-great-music-taste-friend-showing-thumbs-up-smiling-excited-astoni_1258-142264.jpg",
          alt: "Focused martial artist",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-woman-trendy-suit-emotionally-poses-with-notebooks-orange-wall_197531-23803.jpg",
          alt: "Dedicated athlete",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-wearing-yellow-backpack-calling-out-someone-blue-wall_140725-43818.jpg",
          alt: "Enthusiastic participant",
        },
      ]}
      avatarText="Join our growing community!"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Discipline",
          icon: Shield,
        },
        {
          type: "text-icon",
          text: "Respect",
          icon: Award,
        },
        {
          type: "text-icon",
          text: "Strength",
          icon: Activity,
        },
        {
          type: "text-icon",
          text: "Focus",
          icon: Eye,
        },
        {
          type: "text-icon",
          text: "Community",
          icon: Users,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="More Than a Gym. We're Family."
      metrics={[
        {
          icon: Target,
          label: "Focus",
          value: "Cultivate Concentration",
        },
        {
          icon: ShieldCheck,
          label: "Discipline",
          value: "Build Character",
        },
        {
          icon: Award,
          label: "Achieve",
          value: "Reach New Heights",
        },
        {
          icon: Users,
          label: "Teamwork",
          value: "Train Together",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="benefits" data-section="benefits">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Cultivate Growth, Mind & Body"
      description="Our comprehensive judo program is designed to develop well-rounded individuals, instilling values and skills for life."
      accordionItems={[
        {
          id: "1",
          title: "Build Confidence",
          content: "Through mastery of techniques and overcoming challenges, students develop unshakeable self-confidence.",
        },
        {
          id: "2",
          title: "Develop Discipline",
          content: "Judo teaches respect, perseverance, and control, fostering strong personal discipline.",
        },
        {
          id: "3",
          title: "Improve Fitness",
          content: "Our training regimen enhances strength, flexibility, endurance, and overall physical well-being.",
        },
        {
          id: "4",
          title: "Make Friends",
          content: "Train in a supportive and friendly environment, building lasting friendships with fellow judokas.",
        },
        {
          id: "5",
          title: "Achieve Goals",
          content: "From belt promotions to competition success, we guide you to achieve your personal martial arts goals.",
        },
        {
          id: "6",
          title: "Be Part of a Team",
          content: "Experience the camaraderie and support of our club, where everyone contributes to a collective spirit.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/little-boy-jumping-after-winning-football-match_23-2148631587.jpg"
      imageAlt="Kids celebrating with medals"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="programs" data-section="programs">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "Kids Judo (Age 4-7)",
          price: "$99/month",
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-practicing-taekwondo-gymnasium_23-2150207133.jpg",
          imageAlt: "Kids Judo Class",
        },
        {
          id: "2",
          name: "Youth Judo (Age 8-12)",
          price: "$109/month",
          imageSrc: "http://img.b2bpic.net/free-photo/male-martial-arts-instructor-training-with-female-trainee-practice-hall_23-2148845927.jpg",
          imageAlt: "Youth Judo Class",
        },
        {
          id: "3",
          name: "Teen & Adult Beginner",
          price: "$119/month",
          imageSrc: "http://img.b2bpic.net/free-photo/karate-player-prayer-pose_107420-65041.jpg",
          imageAlt: "Adult Beginner Judo Class",
        },
        {
          id: "4",
          name: "Advanced Training",
          price: "$139/month",
          imageSrc: "http://img.b2bpic.net/free-photo/thai-boxer-practicing-boxing_107420-64972.jpg",
          imageAlt: "Advanced Judo Training",
        },
        {
          id: "5",
          name: "Competition Team",
          price: "$159/month",
          imageSrc: "http://img.b2bpic.net/free-photo/karate-player-breaking-concrete-block_107420-65062.jpg",
          imageAlt: "Judo Competition Team",
        },
        {
          id: "6",
          name: "Judo Fitness & Conditioning",
          price: "$89/month",
          imageSrc: "http://img.b2bpic.net/free-photo/confident-female-boxer-standing-boxing-ring_107420-64999.jpg",
          imageAlt: "Judo Fitness Class",
        },
      ]}
      title="Our Judo Programs"
      description="Discover the ideal path for your martial arts journey, from beginner to advanced."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          badge: "Standard",
          price: "$119",
          subtitle: "Monthly access to one program",
          features: [
            "Access to 1 class type",
            "Open mat sessions",
            "Online student portal",
          ],
        },
        {
          id: "pro",
          badge: "Popular",
          badgeIcon: Sparkles,
          price: "$179",
          subtitle: "Unlimited access to all programs",
          features: [
            "Unlimited class access",
            "Priority registration",
            "Exclusive workshops",
            "Competition team eligibility",
          ],
        },
        {
          id: "family",
          badge: "Value",
          price: "$299",
          subtitle: "Unlimited access for up to 3 family members",
          features: [
            "Unlimited family access",
            "Private lesson discount",
            "Club merchandise discount",
            "All Pro features included",
          ],
        },
      ]}
      title="Flexible Membership Options"
      description="Find the perfect plan that fits your training goals and schedule. No long-term contracts required."
    />
  </div>

  <div id="instructors" data-section="instructors">
      <TeamCardTen
      useInvertedBackground={true}
      title="Meet Our Experienced Instructors"
      tag="Judo Masters"
      membersAnimation="slide-up"
      members={[
        {
          id: "1",
          name: "Sensei Kenji Tanaka",
          imageSrc: "http://img.b2bpic.net/free-photo/young-lady-bathrobe-stretching-hand-questioning-gesture-looking-confused_176474-88315.jpg",
          imageAlt: "Sensei Kenji Tanaka",
        },
        {
          id: "2",
          name: "Sensei Maria Rodriguez",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-white-uniform-black-belt-looking-camera_23-2148322352.jpg",
          imageAlt: "Sensei Maria Rodriguez",
        },
        {
          id: "3",
          name: "Sensei Hiroshi Sato",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-practicing-tai-chi_23-2149960102.jpg",
          imageAlt: "Sensei Hiroshi Sato",
        },
        {
          id: "4",
          name: "Sensei Alice Chen",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-martial-arts-instructor-practice-hall-with-wooden-stick_23-2148845952.jpg",
          imageAlt: "Sensei Alice Chen",
        },
      ]}
      memberVariant="card"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Maya Singh",
          role: "Parent",
          company: "Community Member",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/supportive-cute-blond-girlfriend-cheering-liking-interesting-concept-cool-idea-thumbsup-smiling_1258-229510.jpg",
          imageAlt: "Maya Singh avatar",
        },
        {
          id: "2",
          name: "Alex 'The Grappler' Jones",
          role: "Adult Student",
          company: "Local Athlete",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/horizontal-portrait-happy-male-enterpreneur-being-glad-succeed_273609-8635.jpg",
          imageAlt: "Alex Jones avatar",
        },
        {
          id: "3",
          name: "Chloe Wong",
          role: "Youth Student",
          company: "Future Black Belt",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-women-fist-bump_23-2149832811.jpg",
          imageAlt: "Chloe Wong avatar",
        },
        {
          id: "4",
          name: "Ethan Davis",
          role: "Parent",
          company: "Supportive Parent",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-model-posing-with-yellow-background_23-2148934224.jpg",
          imageAlt: "Ethan Davis avatar",
        },
        {
          id: "5",
          name: "Olivia Smith",
          role: "Teenager Student",
          company: "Dedicated Judoka",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/family-beach_1157-8007.jpg",
          imageAlt: "Olivia Smith avatar",
        },
      ]}
      kpiItems={[
        {
          value: "99%",
          label: "Student Satisfaction",
        },
        {
          value: "100+",
          label: "Active Members",
        },
        {
          value: "15+",
          label: "Years of Excellence",
        },
      ]}
      title="Voices From Our Mat"
      description="Hear from our students and parents about their transformative experiences at Collective Combat Club."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "What is Judo?",
          content: "Judo is a martial art and Olympic sport that focuses on throws, takedowns, and grappling techniques, promoting physical fitness, mental discipline, and self-defense.",
        },
        {
          id: "2",
          title: "What age can children start?",
          content: "Our Kids Judo program starts from age 4. We have classes structured for various age groups to ensure appropriate learning and development.",
        },
        {
          id: "3",
          title: "Do I need any prior experience?",
          content: "No prior experience is necessary! We welcome students of all levels, from complete beginners to experienced martial artists. Our instructors will guide you every step of the way.",
        },
        {
          id: "4",
          title: "What should I wear for my first class?",
          content: "For your first class, comfortable athletic wear is sufficient. If you decide to join, a traditional judo gi can be purchased through our pro shop.",
        },
        {
          id: "5",
          title: "Are there trial classes available?",
          content: "Yes, we offer a free trial class for new students. It's a great way to experience our club and see if judo is right for you. Contact us to schedule yours!",
        },
      ]}
      sideTitle="Common Questions"
      sideDescription="Everything you need to know about joining Collective Combat Club, from classes to membership."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Enroll Now"
      title="Begin Your Journey Today"
      description="Ready to train, defend, and perform? Get started with our introductory offer or schedule a free trial class!"
      inputPlaceholder="Your Best Email"
      buttonText="Sign Up for a Free Trial"
      termsText="By clicking Sign Up you're confirming that you agree with our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Home",
              href: "#home",
            },
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Programs",
              href: "#programs",
            },
          ],
        },
        {
          items: [
            {
              label: "Pricing",
              href: "#pricing",
            },
            {
              label: "Instructors",
              href: "#instructors",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
          ],
        },
        {
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Collective Combat Club"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
