"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Activity, Sparkles, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSizeMediumTitles"
        background="fluid"
        cardStyle="solid"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Programs",
          id: "#programs",
        },
        {
          name: "Trainers",
          id: "#trainers",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/flat-lay-paper-style-athletes_23-2148930679.jpg"
      logoAlt="PulseFit Gym Logo"
      brandName="PulseFit Gym"
      bottomLeftText="Train Hard, Live Strong"
      bottomRightText="info@pulsefit.com"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated",
      }}
      title="Unleash Your Inner Strength"
      description="Transform your body and mind with our expert-led programs, cutting-edge facilities, and supportive community. Start your fitness journey today!"
      tag="Your Fitness Destination"
      tagIcon={Zap}
      buttons={[
        {
          text: "Join Now",
          href: "#pricing",
        },
        {
          text: "Explore Classes",
          href: "#programs",
        },
      ]}
      carouselItems={[
        {
          id: "c1",
          imageSrc: "http://img.b2bpic.net/free-photo/group-people-exercising-together-outdoors_23-2151061442.jpg",
          imageAlt: "Group fitness class in action",
        },
        {
          id: "c2",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-fit-man-training-gym_23-2150290015.jpg",
          imageAlt: "Woman doing yoga in a studio",
        },
        {
          id: "c3",
          imageSrc: "http://img.b2bpic.net/free-photo/fitness-class-routine-mat_23-2148387834.jpg",
          imageAlt: "Man lifting heavy weights",
        },
        {
          id: "c4",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-spends-time-home-cozy-interior_1321-1713.jpg",
          imageAlt: "Modern gym interior with equipment",
        },
        {
          id: "c5",
          imageSrc: "http://img.b2bpic.net/free-photo/people-working-out-gym_53876-13559.jpg",
          imageAlt: "Personal trainer helping a client",
        },
        {
          id: "c6",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-women-stretching-field_23-2150629656.jpg",
          imageAlt: "People stretching after a workout",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="About PulseFit"
      title="More Than Just a Gym"
      description="At PulseFit, we believe fitness is a journey, not a destination. Our state-of-the-art facilities, diverse class offerings, and passionate trainers are dedicated to helping you achieve your personal best."
      subdescription="We foster a welcoming and inclusive environment where every member feels empowered to push their limits and celebrate their progress."
      icon={Activity}
      imageSrc="http://img.b2bpic.net/free-photo/still-life-gym-equipment_23-2148197735.jpg"
      imageAlt="Spacious and modern gym interior"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="programs" data-section="programs">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Strength & Conditioning",
          description: "Build muscle, increase strength, and boost your metabolism with our progressive weight training and conditioning programs.",
          imageSrc: "http://img.b2bpic.net/free-photo/black-dumbbells-with-different-weight_7502-8973.jpg",
          imageAlt: "Man lifting weights",
        },
        {
          title: "Cardio & Endurance",
          description: "Improve your cardiovascular health and stamina with our energetic cardio classes, including spinning, HIIT, and running drills.",
          imageSrc: "http://img.b2bpic.net/free-photo/athletic-man-with-tattoo-his-hand-standing-exercise-bike-modern-fitness-club_613910-21487.jpg",
          imageAlt: "Woman running on a treadmill",
        },
        {
          title: "Yoga & Flexibility",
          description: "Enhance your flexibility, balance, and mental well-being through our various yoga styles and stretching classes.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-stretching-her-back_1163-166.jpg",
          imageAlt: "Group doing yoga poses",
        },
      ]}
      title="Our Diverse Programs"
      description="From high-intensity training to mindful yoga, we have a program for every goal and fitness level. Discover what moves you."
      tag="Classes & Training"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={true}
      title="Our Impact & Community"
      tag="Numbers That Speak"
      metrics={[
        {
          id: "m1",
          value: "500+",
          description: "Active Members",
        },
        {
          id: "m2",
          value: "10+",
          description: "Certified Trainers",
        },
        {
          id: "m3",
          value: "20+",
          description: "Weekly Classes",
        },
        {
          id: "m4",
          value: "5000+",
          description: "Workouts Completed",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="trainers" data-section="trainers">
      <TeamCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        {
          id: "t1",
          name: "Alex Johnson",
          role: "Head Trainer, Strength Specialist",
          imageSrc: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32114.jpg",
          imageAlt: "Alex Johnson, Strength Specialist",
        },
        {
          id: "t2",
          name: "Maria Rodriguez",
          role: "Yoga & Flexibility Coach",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-gym_23-2150007196.jpg",
          imageAlt: "Maria Rodriguez, Yoga Coach",
        },
        {
          id: "t3",
          name: "David Kim",
          role: "HIIT & Cardio Expert",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-stretches-muscles-outdoor-gym_140725-16384.jpg",
          imageAlt: "David Kim, HIIT Expert",
        },
      ]}
      title="Meet Our Expert Trainers"
      description="Our team of highly qualified and passionate trainers is here to guide, motivate, and inspire you on your fitness journey."
      tag="Guidance & Expertise"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "ts1",
          name: "Sarah L.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-smiling-sportswoman-wearing-activewear-sits-medicine-ball_197531-22610.jpg",
          imageAlt: "Sarah L.",
        },
        {
          id: "ts2",
          name: "Mark D.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-gym_23-2149049763.jpg",
          imageAlt: "Mark D.",
        },
        {
          id: "ts3",
          name: "Jessica R.",
          imageSrc: "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",
          imageAlt: "Jessica R.",
        },
        {
          id: "ts4",
          name: "Chris B.",
          imageSrc: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149660997.jpg",
          imageAlt: "Chris B.",
        },
        {
          id: "ts5",
          name: "Emily P.",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-bearded-man_273609-16035.jpg",
          imageAlt: "Emily P.",
        },
      ]}
      cardTitle="Hear From Our Happy Members"
      cardTag="Success Stories"
      cardAnimation="slide-up"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          badge: "Starter",
          price: "$39/month",
          subtitle: "Access to all gym facilities during off-peak hours.",
          buttons: [
            {
              text: "Get Started",
              href: "#contact",
            },
          ],
          features: [
            "Access to gym floor",
            "Off-peak hours",
            "Basic locker room access",
          ],
        },
        {
          id: "premium",
          badge: "Popular",
          badgeIcon: Sparkles,
          price: "$59/month",
          subtitle: "Full gym access, group classes, and personalized workout plans.",
          buttons: [
            {
              text: "Sign Up",
              href: "#contact",
            },
          ],
          features: [
            "24/7 Gym access",
            "Unlimited group classes",
            "Personalized workout plan",
            "Advanced locker room access",
          ],
        },
        {
          id: "elite",
          badge: "Elite",
          price: "$99/month",
          subtitle: "Everything in Premium, plus 1-on-1 personal training sessions and priority booking.",
          buttons: [
            {
              text: "Contact Sales",
              href: "#contact",
            },
          ],
          features: [
            "All Premium features",
            "2x 1-on-1 PT sessions/month",
            "Priority class booking",
            "Nutritional guidance",
          ],
        },
      ]}
      title="Choose Your Fitness Plan"
      description="Find the perfect membership that fits your lifestyle and fitness aspirations."
      tag="Flexible Memberships"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Best Fitness Club Award",
        "Community Wellness Partner",
        "Top Rated Gym 2023",
        "Health & Fitness Excellence",
        "Local Business Favorite",
        "Innovation in Training",
        "Certified Fitness Leader",
      ]}
      title="Recognized for Excellence"
      description="Our commitment to fitness and community has earned us notable achievements and partnerships."
      tag="Achievements"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Get in Touch"
      title="Start Your Fitness Journey Today"
      description="Ready to transform your life? Contact us to schedule a tour, inquire about memberships, or sign up for a free trial class!"
      inputPlaceholder="Enter your email for updates"
      buttonText="Send Message"
      termsText="By sending a message, you agree to our Terms and Conditions and Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="PulseFit Gym"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Membership",
              href: "#pricing",
            },
            {
              label: "Classes",
              href: "#programs",
            },
            {
              label: "Personal Training",
              href: "#trainers",
            },
            {
              label: "Facilities",
              href: "#about",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Our Team",
              href: "#trainers",
            },
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "Blog",
              href: "#",
            },
            {
              label: "FAQs",
              href: "#",
            },
            {
              label: "Support",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2023 PulseFit Gym. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
