"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Activity, Award, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="medium"
        background="aurora"
        cardStyle="soft-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Coach",
          id: "#coach",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="CrossFit Gym Amritsar"
      button={{
        text: "Join Now",
        href: "#contact",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDoubleCarousel
      background={{
        variant: "downward-rays-animated-grid",
      }}
      title="Unleash Your Potential at CrossFit Gym Amritsar"
      description="Experience an unparalleled fitness journey with expert coaching, a vibrant community, and state-of-the-art facilities. Achieve your strength, stamina, and health goals with us."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/adult-training-with-dumbbell_23-2151717281.jpg?_wi=1",
          imageAlt: "Group workout in CrossFit gym",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-training-with-weights_23-2148603901.jpg?_wi=1",
          imageAlt: "Woman doing box jumps",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/graceful-muscular-sportsman-workouts-air-with-gymnastic-rings-training-abandoned-industrial-building_613910-21814.jpg",
          imageAlt: "Man lifting barbell",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-people-together_23-2148948543.jpg",
          imageAlt: "Full shot fit people together",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-lifting-weight_23-2148774238.jpg",
          imageAlt: "Medium shot man lifting weight",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-latin-people-training-outdoors_23-2151039413.jpg",
          imageAlt: "Group stretching",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-happy-bearded-senior-man-doing-plank-gym-with-his-beautiful-fit-female-trainer-clapping-hands-make-exercise-more-complex-healthy-active-lifestyle-people-age-fitness-concept_343059-4790.jpg",
          imageAlt: "Coach guiding a workout",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-sport-equipment-device_23-2149177959.jpg",
          imageAlt: "Clean gym interior",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-friends-twerking_23-2149879688.jpg",
          imageAlt: "Full shot smiley friends twerking",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/men-training-together-outdoors-with-weights_23-2150765082.jpg",
          imageAlt: "Men training together outdoors with weights",
        },
      ]}
      tag="Elevate Your Fitness"
      buttons={[
        {
          text: "Join Our Community",
          href: "#contact",
        },
        {
          text: "Explore Classes",
          href: "#features",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/vertical-shot-tired-sporty-woman-leans-forward-feels-tired-takes-break-after-running-drinks-fresh-water-listens-music-via-wireless-headphones-poses-against-grey-wall-people-sport-wellness-concept_273609-59154.jpg",
          alt: "Happy member 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/woman-working-out-gym_23-2148111589.jpg",
          alt: "Happy member 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/dedicated-female-athlete-having-cross-training-gym-exercising-with-battle-rope_637285-875.jpg",
          alt: "Happy member 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-athletic-female-with-barbell-gym-club_613910-16859.jpg",
          alt: "Happy member 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/bodybuilder-posing-gym-studio-shot_613910-16512.jpg",
          alt: "Happy member 5",
        },
      ]}
      avatarText="Join 500+ satisfied members"
      marqueeItems={[
        {
          type: "text",
          text: "Achieve Your Goals",
        },
        {
          type: "text",
          text: "Expert Coaching",
        },
        {
          type: "text",
          text: "Supportive Community",
        },
        {
          type: "text",
          text: "State-of-the-Art Facilities",
        },
        {
          type: "text",
          text: "Transform Your Life",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="About CrossFit Gym Amritsar"
      description={[
        "CrossFit Gym Amritsar is more than just a gym; it's a community dedicated to transforming lives through fitness. We foster an environment of discipline, energy, and unwavering support, making every workout an impactful step towards your best self.",
        "Our philosophy is centered around functional fitness that builds real-world strength and endurance. With top-notch equipment and a meticulously maintained facility, we provide the perfect foundation for high-intensity training, catering to all fitness levels from beginners to advanced athletes.",
      ]}
      buttons={[
        {
          text: "Our Mission",
          href: "#",
        },
        {
          text: "Our Values",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Expert Coaching",
          description: "Benefit from personalized guidance and constant motivation from highly dedicated and expert coaches like Mr. Noblepreet Singh, ensuring safe and confident progress.",
          bentoComponent: "reveal-icon",
          icon: Award,
          imageSrc: "http://img.b2bpic.net/free-photo/young-muscular-tattooed-strong-muscle-bearded-european-man-doing-hard-exercise_343596-1187.jpg",
          imageAlt: "crossfit training program",
        },
        {
          title: "Vibrant Community",
          description: "Join a supportive family where everyone motivates each other, transforming your fitness journey into a shared, empowering experience.",
          bentoComponent: "reveal-icon",
          icon: Users,
          imageSrc: "http://img.b2bpic.net/free-photo/adult-training-with-dumbbell_23-2151717281.jpg?_wi=2",
          imageAlt: "crossfit training program",
        },
        {
          title: "State-of-the-Art Facility",
          description: "Train in a well-equipped, clean, and dynamic gym, designed to support high-intensity and functional fitness workouts.",
          bentoComponent: "reveal-icon",
          icon: Activity,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-training-with-weights_23-2148603901.jpg?_wi=2",
          imageAlt: "crossfit training program",
        },
      ]}
      title="What Makes Us Exceptional"
      description="Discover the core elements that define the CrossFit Gym Amritsar experience, from personalized coaching to a motivating community."
    />
  </div>

  <div id="coach" data-section="coach">
      <TeamCardOne
      animationType="depth-3d"
      textboxLayout="split"
      gridVariant="one-large-right-three-stacked-left"
      useInvertedBackground={false}
      members={[
        {
          id: "noblepreet-singh",
          name: "Mr. Noblepreet Singh",
          role: "Head Coach & Founder",
          imageSrc: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32112.jpg",
          imageAlt: "Coach Noblepreet Singh",
        },
      ]}
      title="Meet Our Head Coach: Mr. Noblepreet Singh"
      description="Coach Noblepreet Singh is the driving force behind our members' success. His dedication, expertise, and personalized guidance are truly commendable, ensuring every athlete reaches their full potential."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={true}
      title="Our Impact & Achievements"
      tag="Results Speak"
      metrics={[
        {
          id: "members",
          value: "500+",
          description: "Active Members",
        },
        {
          id: "classes",
          value: "100+",
          description: "Classes per Month",
        },
        {
          id: "satisfaction",
          value: "98%",
          description: "Member Satisfaction",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Priya Sharma",
          role: "Fitness Enthusiast",
          company: "Local Business Owner",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-wearing-sport-clothes_329181-13209.jpg",
          imageAlt: "Priya Sharma",
        },
        {
          id: "2",
          name: "Rahul Kapoor",
          role: "Software Engineer",
          company: "Tech Innovations",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-woman-mountain-looking-away_23-2148343493.jpg",
          imageAlt: "Rahul Kapoor",
        },
        {
          id: "3",
          name: "Ananya Gupta",
          role: "University Student",
          company: "Amritsar University",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/fitness-girl-gym_1157-15950.jpg",
          imageAlt: "Ananya Gupta",
        },
        {
          id: "4",
          name: "Vikramjeet Singh",
          role: "Marketing Manager",
          company: "Global Brands Inc.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/image-young-woman-doing-aerobics-workout-form-home-listening-music-wireless-headphones-making_1258-197005.jpg",
          imageAlt: "Vikramjeet Singh",
        },
        {
          id: "5",
          name: "Simran Kaur",
          role: "Entrepreneur",
          company: "Startup Ventures",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-with-headband-towel-her-shoulder-pointing-back-smiling-cheerfully-standing-pink-wall_141793-48807.jpg",
          imageAlt: "Simran Kaur",
        },
      ]}
      kpiItems={[
        {
          value: "5 Stars",
          label: "Average Rating",
        },
        {
          value: "100+",
          label: "Success Stories",
        },
        {
          value: "5 Years",
          label: "Changing Lives",
        },
      ]}
      title="Hear From Our Amazing Members"
      description="Our community is our strength. Read how CrossFit Gym Amritsar has transformed lives and fostered a true sense of belonging."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Fitness Gear Pro",
        "Nutrition Hub",
        "Amritsar Sports Club",
        "PhysioCare Clinic",
        "Healthy Living Magazine",
        "Corporate Wellness Co.",
        "Yoga & Pilates Studio",
      ]}
      title="Trusted by Fitness Enthusiasts & Local Brands"
      description="Our partnerships reflect our commitment to excellence and community engagement in Amritsar's fitness landscape."
      tag="Community & Partners"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "What is CrossFit?",
          content: "CrossFit is a high-intensity fitness program incorporating elements from several sports and types of exercise. It's designed to improve overall fitness, strength, and endurance.",
        },
        {
          id: "faq-2",
          title: "Is CrossFit suitable for beginners?",
          content: "Absolutely! Our expert coaches provide personalized guidance and scalable workouts, making CrossFit accessible and effective for all fitness levels, including complete beginners.",
        },
        {
          id: "faq-3",
          title: "What kind of equipment do you have?",
          content: "Our gym is fully equipped with state-of-the-art CrossFit gear, including barbells, dumbbells, pull-up rigs, rowing machines, assault bikes, and more, all maintained to the highest standards.",
        },
        {
          id: "faq-4",
          title: "How do I sign up for a membership?",
          content: "You can sign up directly on our website or visit our gym during business hours. Our team will guide you through the membership options and help you choose the best plan for your fitness goals.",
        },
        {
          id: "faq-5",
          title: "What are your operating hours?",
          content: "We are open Monday to Friday from 5 AM to 9 PM, and Saturday from 7 AM to 2 PM. We are closed on Sundays.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/front-view-young-female-sport-outfit-holding-white-sign-measuring-her-body-white-desk-body-health-sport-beauty-exercises-fit_140725-85426.jpg"
      imageAlt="Gym members discussing training"
      mediaAnimation="slide-up"
      title="Frequently Asked Questions"
      description="Find answers to common questions about our gym, memberships, classes, and coaching philosophy."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Start Your Journey"
      title="Join CrossFit Gym Amritsar Today!"
      description="Ready to experience the best fitness journey in Amritsar? Drop us a line, and we'll help you get started. Improve your strength, stamina, and overall health with our dedicated community."
      inputPlaceholder="Your Email Address"
      buttonText="Get Started Now"
      termsText="By clicking 'Get Started Now', you agree to our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="CrossFit Gym Amritsar"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
