"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, CheckCircle, Flame, Heart, Shield, Sparkles, Star, Target, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="largeSizeMediumTitles"
        background="grid"
        cardStyle="glass-depth"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Membership",
          id: "#pricing",
        },
        {
          name: "Trainers",
          id: "#team",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Free Trial",
          id: "#contact",
        },
      ]}
      brandName="Iron Pulse Fitness"
      button={{
        text: "Sign Up",
        href: "#contact",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "animated-grid",
      }}
      title="Ignite Your Strength. Unleash Your Potential."
      description="Iron Pulse Fitness combines cutting-edge equipment with expert coaching to transform your body and mind. Join hundreds of members crushing their goals every single day."
      testimonials={[
        {
          name: "Sarah J.",
          handle: "@sarah_lifts",
          testimonial: "Lost 20lbs and gained incredible confidence. The trainers are truly the best!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-female-boxer-is-posing-photographer-dark-photo-studio_613910-3635.jpg",
          imageAlt: "happy gym member male smiling",
        },
        {
          name: "Michael R.",
          handle: "@mike_gains",
          testimonial: "The community here is unmatched. Every workout feels like a team effort.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-gym-with-dumbbells_624325-2251.jpg",
          imageAlt: "female gym member smiling workout",
        },
        {
          name: "Emily C.",
          handle: "@em_strong",
          testimonial: "Finally found a gym that pushes me beyond my limits in the best way possible. Highly recommend!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/adult-training-body-building_23-2149660995.jpg",
          imageAlt: "diverse gym member dark background",
        },
        {
          name: "David L.",
          handle: "@david_fit",
          testimonial: "State-of-the-art equipment and personalized plans have transformed my fitness journey.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-woman-training-gym_23-2149049779.jpg",
          imageAlt: "woman lifting weights gym",
        },
        {
          name: "Jessica B.",
          handle: "@jess_pulse",
          testimonial: "From beginner to beast, Iron Pulse has been my foundation. Amazing results!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/group-people-exercising-together-outdoors_23-2151061473.jpg",
          imageAlt: "group fitness class smiling",
        },
      ]}
      testimonialRotationInterval={7000}
      buttons={[
        {
          text: "Claim Your Free Trial",
          href: "#contact",
        },
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/young-afro-american-sports-man-standing-with-white-towel-resting-after-workout_171337-9246.jpg"
      imageAlt="Dynamic gym with neon green accents"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/strong-serious-sportsman-looking-away-while-training_171337-19978.jpg",
          alt: "Athlete focused in gym",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-attractive-woman-virabhadrasana-ii-pose_1163-4490.jpg",
          alt: "Woman determined during workout",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-happy-fitness-woman-with-towel-resting_171337-6261.jpg",
          alt: "Smiling person at fitness class",
        },
        {
          src: "http://img.b2bpic.net/free-photo/full-shot-man-training-with-dumbbell_23-2149177943.jpg",
          alt: "Coach demonstrating exercise",
        },
        {
          src: "http://img.b2bpic.net/free-photo/people-exercising-fitness-gym_53876-7.jpg",
          alt: "Dynamic group fitness training",
        },
      ]}
      avatarText="Join our 1200+ active members!"
      marqueeItems={[
        {
          type: "text",
          text: "Strength Training",
        },
        {
          type: "text-icon",
          text: "Cardio Excellence",
          icon: Flame,
        },
        {
          type: "text",
          text: "Expert Coaching",
        },
        {
          type: "text-icon",
          text: "Community Focus",
          icon: Users,
        },
        {
          type: "text",
          text: "Holistic Wellness",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Our Impact: By the Numbers"
      metrics={[
        {
          icon: Users,
          label: "Active Members",
          value: "1200+",
        },
        {
          icon: Zap,
          label: "Classes Weekly",
          value: "75+",
        },
        {
          icon: Award,
          label: "Certified Trainers",
          value: "20+",
        },
        {
          icon: Target,
          label: "Goals Achieved",
          value: "10K+",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Personalized Training Plans",
          description: "Receive a custom workout regimen designed specifically for your fitness level, goals, and preferences by our expert coaches.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/smiling-black-man-lifting-barbell-with-personal-trainer_1262-16411.jpg",
            imageAlt: "Personal trainer assisting a client",
          },
          items: [
            {
              icon: CheckCircle,
              text: "Tailored Workouts",
            },
            {
              icon: CheckCircle,
              text: "Progress Tracking",
            },
            {
              icon: CheckCircle,
              text: "Dedicated Coach",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/young-afro-american-sports-man-standing-with-white-towel-resting-after-workout_171337-9246.jpg",
          imageAlt: "personal training session intense",
        },
        {
          title: "Dynamic Group Classes",
          description: "Join our high-energy group classes, from HIIT to Yoga, fostering a motivating community spirit and challenging you in new ways.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/people-dancing-twerking-indoor-party_23-2151074160.jpg",
            imageAlt: "Energetic group fitness class",
          },
          items: [
            {
              icon: CheckCircle,
              text: "Diverse Class Types",
            },
            {
              icon: CheckCircle,
              text: "Community Support",
            },
            {
              icon: CheckCircle,
              text: "Expert Instructors",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-smiling-female-boxer-is-posing-photographer-dark-photo-studio_613910-3635.jpg",
          imageAlt: "personal training session intense",
        },
        {
          title: "Holistic Nutrition Guidance",
          description: "Complement your training with expert nutritional advice and meal planning to optimize your results and achieve sustainable health.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-eating-salmon-bowls_23-2150533942.jpg",
            imageAlt: "Nutrition coach advising a client",
          },
          items: [
            {
              icon: CheckCircle,
              text: "Custom Meal Plans",
            },
            {
              icon: CheckCircle,
              text: "Dietary Advice",
            },
            {
              icon: CheckCircle,
              text: "Progress Monitoring",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-gym-with-dumbbells_624325-2251.jpg",
          imageAlt: "personal training session intense",
        },
      ]}
      title="What Makes Iron Pulse Different?"
      description="We are committed to providing a comprehensive fitness experience that empowers every member to reach their peak performance."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          badge: "Starter",
          badgeIcon: Sparkles,
          price: "$49/mo",
          subtitle: "Access to all gym facilities",
          buttons: [
            {
              text: "Get Started",
              href: "#contact",
            },
          ],
          features: [
            "Full gym access",
            "Locker room facilities",
            "Basic fitness classes",
            "No long-term contract",
          ],
        },
        {
          id: "pro",
          badge: "Popular",
          badgeIcon: Star,
          price: "$79/mo",
          subtitle: "Elevate your training experience",
          buttons: [
            {
              text: "Choose Pro",
              href: "#contact",
            },
          ],
          features: [
            "Everything in Starter",
            "Unlimited premium classes",
            "One personal training session/month",
            "Nutritional guide access",
            "Guest passes (2/month)",
          ],
        },
        {
          id: "elite",
          badge: "Ultimate",
          badgeIcon: Shield,
          price: "$129/mo",
          subtitle: "Unleash your full potential",
          buttons: [
            {
              text: "Go Elite",
              href: "#contact",
            },
          ],
          features: [
            "Everything in Popular",
            "Unlimited personal training sessions",
            "Custom meal & workout plans",
            "Exclusive workshop access",
            "Dedicated account manager",
          ],
        },
      ]}
      title="Flexible Membership Options"
      description="Find the perfect plan that fits your fitness journey and helps you achieve your goals with unparalleled support."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      groups={[
        {
          id: "trainers",
          groupTitle: "Meet Our Expert Trainers",
          members: [
            {
              id: "trainer1",
              title: "Liam Johnson",
              subtitle: "Head Coach, Strength & Conditioning",
              detail: "With over a decade of experience, Liam specializes in high-performance training and athletic development.",
              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-pink-top-standing-with-coach_1157-32117.jpg",
              imageAlt: "Liam Johnson, Head Coach",
            },
            {
              id: "trainer2",
              title: "Olivia Smith",
              subtitle: "Senior Trainer, Yoga & Flexibility",
              detail: "Olivia's passion for holistic wellness helps members improve mobility, balance, and mental clarity.",
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-fit-woman-gym_23-2149338060.jpg",
              imageAlt: "Olivia Smith, Senior Trainer",
            },
            {
              id: "trainer3",
              title: "Noah Williams",
              subtitle: "Certified Nutritionist & Trainer",
              detail: "Noah combines scientific nutrition with strength training to guide clients to optimal health and body composition.",
              imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-gym_23-2150007192.jpg",
              imageAlt: "Noah Williams, Certified Nutritionist",
            },
            {
              id: "trainer4",
              title: "Ava Brown",
              subtitle: "Group Fitness & HIIT Specialist",
              detail: "Ava brings infectious energy to every class, motivating members to push their limits and achieve their best.",
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-sporty-black-man-standing-with-his-arms-crossed_1262-16419.jpg",
              imageAlt: "Ava Brown, Group Fitness Specialist",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/young-afro-american-sports-man-standing-with-white-towel-resting-after-workout_171337-9246.jpg",
          imageAlt: "male personal trainer smiling confident",
        },
      ]}
      title="Dedicated to Your Success"
      description="Our team of highly qualified and passionate trainers are here to guide you through every step of your fitness journey."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Alex P.",
          role: "Software Engineer",
          company: "Tech Innovations",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-muscular-handsome-man-wetsuit-dark-background_613910-15130.jpg",
          imageAlt: "happy gym member male smiling",
        },
        {
          id: "2",
          name: "Jamie L.",
          role: "Marketing Manager",
          company: "Global Brands",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-angry-expression_1194-1240.jpg",
          imageAlt: "female gym member smiling workout",
        },
        {
          id: "3",
          name: "Sam K.",
          role: "Entrepreneur",
          company: "Startup Hub",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/person-sport-gym-using-kettlebells_23-2149255846.jpg",
          imageAlt: "diverse gym member dark background",
        },
        {
          id: "4",
          name: "Casey M.",
          role: "Creative Director",
          company: "Design Studio",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-athlete-competing-olympic-games_23-2151450148.jpg",
          imageAlt: "woman lifting weights gym",
        },
        {
          id: "5",
          name: "Jordan R.",
          role: "Financial Analyst",
          company: "Wealth Management",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-women-together-gym_23-2148430244.jpg",
          imageAlt: "group fitness class smiling",
        },
        {
          id: "6",
          name: "Taylor B.",
          role: "Healthcare Professional",
          company: "City Hospital",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-training-gym_23-2148625803.jpg",
          imageAlt: "senior man working out gym",
        },
      ]}
      kpiItems={[
        {
          value: "98%",
          label: "Member Satisfaction",
        },
        {
          value: "5K+",
          label: "Success Stories",
        },
        {
          value: "100%",
          label: "Trainer Certified",
        },
      ]}
      title="Hear From Our Thriving Community"
      description="Our members are our greatest advocates. Read their stories and see the impact Iron Pulse Fitness has made."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "http://img.b2bpic.net/free-vector/basket-ball-logo_1057-7144.jpg",
        "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ypusg1",
        "http://img.b2bpic.net/free-vector/20-analytic-investment-balanced-scorecard-solid-glyph-icon-pack-like-scale-implementation-match-savings-gold_1142-19318.jpg",
        "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2g9qv7",
        "http://img.b2bpic.net/free-photo/front-view-fit-woman-outdoors_23-2150352002.jpg",
        "http://img.b2bpic.net/free-photo/ballerina-training-perform-eleegance-icon_53876-13812.jpg",
        "http://img.b2bpic.net/free-vector/personal-trainer-logo-design-template_742173-29658.jpg",
      ]}
      title="Trusted by Leaders in Health & Wellness"
      description="We partner with top brands and organizations to bring you the best in fitness innovation and support."
      speed={35}
      showCard={false}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Free Trial"
      title="Ready to Start Your Transformation?"
      description="Claim your complimentary trial class today and experience the Iron Pulse difference. Ignite your strength with us!"
      tagIcon={Heart}
      tagAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/woman-having-fun-zumba_23-2149047648.jpg"
      imageAlt="Athlete ready to start training"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Enter your email"
      buttonText="Sign Up Now"
      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: "About Us",
              href: "#about",
            },
            {
              label: "Our Trainers",
              href: "#team",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "Free Trial",
              href: "#contact",
            },
          ],
        },
        {
          items: [
            {
              label: "Membership",
              href: "#pricing",
            },
            {
              label: "Classes",
              href: "#features",
            },
            {
              label: "Nutrition",
              href: "#features",
            },
            {
              label: "FAQs",
              href: "#",
            },
          ],
        },
        {
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Support",
              href: "#contact",
            },
          ],
        },
      ]}
      logoText="Iron Pulse Fitness"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
