"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Zap, Heart, Dumbbell, Users, Handshake, TrendingUp, Gift, Star, Sparkles, Crown, Quote, Building2 } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="solid"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Classes", id: "features" },
            { name: "Membership", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Start Free Trial", href: "contact" }}
          brandName="FitHub Gym"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDoubleCarousel
          title="Transform Your Fitness Journey Today"
          description="State-of-the-art equipment, expert trainers, and a supportive community await. Join hundreds of members reaching their goals every day."
          tag="New Members Welcome"
          tagIcon={Zap}
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          leftCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-muscular-build-man-doing-deadlift-while-exercising-with-barbell-gym_637285-2489.jpg?_wi=1", imageAlt: "Professional gym with strength training equipment" },
            { imageSrc: "http://img.b2bpic.net/free-photo/achievement-muscle-gym-man-active_1139-707.jpg?_wi=1", imageAlt: "Personal trainer working with client" },
            { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-muscular-build-man-doing-deadlift-while-exercising-with-barbell-gym_637285-2489.jpg?_wi=2", imageAlt: "Modern gym facility with diverse equipment" },
            { imageSrc: "http://img.b2bpic.net/free-photo/achievement-muscle-gym-man-active_1139-707.jpg?_wi=2", imageAlt: "One-on-one training session" }
          ]}
          rightCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/running-training-gym_1098-15796.jpg?_wi=1", imageAlt: "Cardio equipment and treadmills" },
            { imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-smiling-happy-training-yoga-sport-center_839833-7403.jpg?_wi=1", imageAlt: "Group fitness class community" },
            { imageSrc: "http://img.b2bpic.net/free-photo/running-training-gym_1098-15796.jpg?_wi=2", imageAlt: "Modern cardio zone" },
            { imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-smiling-happy-training-yoga-sport-center_839833-7403.jpg?_wi=2", imageAlt: "Fitness community during group class" }
          ]}
          buttons={[
            { text: "Start Your Free Trial", href: "contact" },
            { text: "Explore Memberships", href: "pricing" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Why Choose FitHub Gym?"
          description="We're more than just a gym. We're a community dedicated to helping you achieve your fitness goals with professional guidance, modern facilities, and unwavering support."
          tag="Our Mission"
          tagIcon={Heart}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          bulletPoints={[
            { title: "State-of-the-Art Equipment", description: "Premium cardio machines, strength training equipment, and functional fitness tools updated regularly.", icon: Dumbbell },
            { title: "Expert Trainers", description: "Certified personal trainers and group fitness instructors passionate about your success.", icon: Users },
            { title: "Supportive Community", description: "Join a welcoming environment where beginners and athletes thrive together.", icon: Handshake },
            { title: "Flexible Schedules", description: "Classes and training sessions available throughout the day to fit your lifestyle." }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/gym-interior-with-equipment_93675-129239.jpg?_wi=1"
          imageAlt="Modern FitHub Gym facility with state-of-the-art equipment"
          imagePosition="right"
          mediaAnimation="slide-up"
          buttons={[
            { text: "Learn More", href: "#features" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFive
          title="Our World-Class Facilities"
          description="Discover everything FitHub Gym has to offer for your fitness transformation."
          tag="Facilities & Equipment"
          tagIcon={Zap}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          features={[
            {
              title: "Cardio Zone",              description: "Advanced cardiovascular equipment including treadmills, ellipticals, stationary bikes, and rowing machines with integrated entertainment systems.",              icon: Heart,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/gym-interior-with-equipment_93675-129239.jpg?_wi=2", imageAlt: "Cardio equipment row with treadmills" },
                { imageSrc: "http://img.b2bpic.net/free-photo/closeup-sportswoman-using-fitness-tracker-while-working-out-gym_637285-8546.jpg", imageAlt: "Modern cardio station with heart rate monitoring" }
              ]
            },
            {
              title: "Strength Training",              description: "Comprehensive free weights, machines, and resistance equipment for all fitness levels and training styles.",              icon: Zap,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/young-woman-gym-dumbbells-gym-workout-gym_169016-63678.jpg", imageAlt: "Dumbbell and barbell strength area" },
                { imageSrc: "http://img.b2bpic.net/free-photo/man-workingout-local-gym_93675-129483.jpg", imageAlt: "Squat racks and power lifting equipment" }
              ]
            },
            {
              title: "Group Classes",              description: "Dynamic group fitness programs including yoga, HIIT, spinning, Zumba, and more led by certified instructors.",              icon: Users,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-smiling-happy-training-yoga-sport-center_839833-7403.jpg?_wi=3", imageAlt: "Group fitness class in session" },
                { imageSrc: "http://img.b2bpic.net/free-photo/group-young-people-smiling-happy-training-yoga-sport-center_839833-7403.jpg?_wi=4", imageAlt: "Community workout class" }
              ]
            },
            {
              title: "Personal Training",              description: "One-on-one sessions with certified trainers customized to your goals, fitness level, and preferences.",              icon: Users,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/achievement-muscle-gym-man-active_1139-707.jpg?_wi=3", imageAlt: "Personal trainer with client" },
                { imageSrc: "http://img.b2bpic.net/free-photo/achievement-muscle-gym-man-active_1139-707.jpg?_wi=4", imageAlt: "Professional coaching session" }
              ]
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="By The Numbers"
          description="Join thousands of members achieving their fitness goals at FitHub Gym."
          tag="Our Impact"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="scale-rotate"
          gridVariant="uniform-all-items-equal"
          metrics={[
            { id: "1", value: "5,000+", description: "Active Members" },
            { id: "2", value: "50+", description: "Classes Per Week" },
            { id: "3", value: "25+", description: "Expert Trainers" },
            { id: "4", value: "98%", description: "Member Satisfaction" }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Flexible Membership Plans"
          description="Choose the perfect plan for your fitness journey. All memberships include access to facilities, group classes, and member community."
          tag="Special Offer"
          tagIcon={Gift}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          plans={[
            {
              id: "basic",              badge: "Popular Starter",              badgeIcon: Star,
              price: "$29/month",              subtitle: "Perfect for fitness enthusiasts",              buttons: [{ text: "Start Free Trial", href: "contact" }],
              features: ["24/7 Gym Access", "All Equipment & Facilities", "Member App Access", "Monthly Progress Tracking"]
            },
            {
              id: "pro",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "$59/month",              subtitle: "Best value with group classes",              buttons: [{ text: "Start Free Trial", href: "contact" }],
              features: ["24/7 Gym Access", "Unlimited Group Classes", "All Equipment & Facilities", "Member App with Booking", "Monthly Fitness Assessment", "Priority Class Reservations"]
            },
            {
              id: "elite",              badge: "Premium Experience",              badgeIcon: Crown,
              price: "$99/month",              subtitle: "Complete fitness transformation",              buttons: [{ text: "Start Free Trial", href: "contact" }],
              features: ["24/7 Gym Access", "Unlimited Group Classes", "4 Personal Training Sessions", "All Equipment & Facilities", "Member App with Booking", "Monthly Fitness Assessment", "Nutrition Consultation", "Priority Support"]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Member Success Stories"
          description="Real transformations from real members of our community."
          tag="Testimonials"
          tagIcon={Quote}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="blur-reveal"
          testimonials={[
            {
              id: "1",              name: "Sarah Martinez",              role: "Marketing Professional",              testimonial: "I joined FitHub 6 months ago and completely transformed my fitness. The trainers are incredibly knowledgeable and supportive. I've gone from zero gym experience to consistently hitting my goals!",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman_618663-83.jpg?_wi=1",              imageAlt: "Sarah Martinez"
            },
            {
              id: "2",              name: "James Chen",              role: "Tech Entrepreneur",              testimonial: "The group classes are a game-changer for me. The community atmosphere keeps me motivated, and the instructors make workouts fun while pushing me to improve. Highly recommend FitHub!",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-man-gym_23-2149517268.jpg?_wi=1",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Rebecca Johnson",              role: "Fitness Enthusiast",              testimonial: "The personal training sessions have been invaluable. My trainer created a customized program that addresses my specific needs and challenges. I've seen remarkable strength gains!",              imageSrc: "http://img.b2bpic.net/free-photo/young-girl-black-sport-outfits-feels-confident_114579-18791.jpg",              imageAlt: "Rebecca Johnson"
            },
            {
              id: "4",              name: "David Thompson",              role: "Corporate Executive",              testimonial: "Balancing my busy schedule is easier with FitHub's flexible class times. The staff is professional, the equipment is top-notch, and I love being part of such a welcoming community.",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-man-gym_23-2149517268.jpg?_wi=2",              imageAlt: "David Thompson"
            },
            {
              id: "5",              name: "Emily Rodriguez",              role: "Fitness Coach",              testimonial: "As someone in the fitness industry, I'm impressed with FitHub's commitment to excellence. The trainers are certified, the facilities are maintained perfectly, and the member-first approach is evident.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman_618663-83.jpg?_wi=2",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "6",              name: "Michael Park",              role: "Returning Member",              testimonial: "I've been a member for 3 years and FitHub continues to exceed my expectations. They constantly upgrade equipment, offer new classes, and genuinely care about member success.",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-fit-man-gym_23-2149517268.jpg?_wi=3",              imageAlt: "Michael Park"
            }
          ]}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Leading Brands"
          description="Corporate wellness programs and partners who trust FitHub Gym for their team's fitness needs."
          tag="Corporate Partners"
          tagIcon={Building2}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          names={["TechVision Corp", "GreenLeaf Industries", "CloudSync Solutions", "InnovateLab Inc", "Future Ventures", "Premier Wellness Group", "Global Health Partners", "Elite Corporate Solutions"]}
          logos={[
            "http://img.b2bpic.net/free-vector/fitness-logo-template-flat-style_23-2148220450.jpg",            "http://img.b2bpic.net/free-vector/abstract-silhouette-sport-logo-flat-design_23-2148220451.jpg",            "http://img.b2bpic.net/free-vector/medical-logo-collection_1346-54.jpg",            "http://img.b2bpic.net/free-vector/professional-health-logo_23-2149455585.jpg",            "http://img.b2bpic.net/free-vector/set-retro-fitness-labels_23-2147792158.jpg",            "http://img.b2bpic.net/free-vector/running-mobile-app-infographic-flat-style_23-2148217116.jpg",            "http://img.b2bpic.net/free-vector/gradient-physiotherapy-logo-set_23-2149001611.jpg"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to transform your fitness journey? Join FitHub Gym today and become part of a community dedicated to your success. Your first session is completely free—no commitment required."
          animationType="entrance-slide"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Start Your Free Trial", href: "#" },
            { text: "Schedule a Tour", href: "#" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Quick Links",              items: [
                { label: "Home", href: "#hero" },
                { label: "About Us", href: "#about" },
                { label: "Classes", href: "#features" },
                { label: "Membership", href: "#pricing" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "FAQ", href: "#" },
                { label: "Terms & Conditions", href: "#" },
                { label: "Privacy Policy", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "LinkedIn", href: "https://linkedin.com" }
              ]
            }
          ]}
          copyrightText="© 2025 FitHub Gym | Transforming Lives Through Fitness"
        />
      </div>
    </ThemeProvider>
  );
}
