"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Zap, Sparkles, Award } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="FitZone"
          button={{
            text: "Start Free Trial",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="FITZONE"
          description="Transform your body, elevate your mind. Join California's premier fitness community today."
          buttons={[
            {
              text: "Start Free Trial",              href: "#contact"
            },
            {
              text: "Explore Memberships",              href: "#pricing"
            }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-view-muscular-build-man-doing-deadlift-while-exercising-with-barbell-gym_637285-2489.jpg",              imageAlt: "Modern gym equipment and training area"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/athletic-shirtless-male-doing-workouts-back-with-power-exercise-machine-gym-club_613910-9461.jpg",              imageAlt: "Personal trainer coaching client during workout"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/full-shot-people-training-together-gym_23-2150290027.jpg",              imageAlt: "Fitness community members exercising together"
            }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
          logoLineHeight={1.2}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            {
              type: "text",              content: "Your fitness journey starts with the right"
            },
            {
              type: "text",              content: "community and expert guidance."
            }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Learn More",              href: "#features"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven
          features={[
            {
              id: 1,
              title: "Premium Equipment",              description: "Latest cardio machines, free weights, and strength training equipment to support every fitness level and goal.",              imageSrc: "https://img.b2bpic.net/free-photo/low-angle-view-young-sportsmen-cycling-exercise-bikes-while-working-out-gym_637285-2532.jpg",              imageAlt: "State-of-the-art gym equipment"
            },
            {
              id: 2,
              title: "Expert-Led Classes",              description: "From yoga to HIIT, spin to strength training. Our certified instructors deliver engaging, results-driven group fitness experiences.",              imageSrc: "https://img.b2bpic.net/free-photo/athlete-swings-triceps-with-dumbbells-gym-healthy-sports-lifestyle_169016-59110.jpg",              imageAlt: "Group fitness class instruction"
            },
            {
              id: 3,
              title: "Personal Training",              description: "Work one-on-one with our certified trainers to create a customized program tailored to your unique goals and fitness level.",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-helping-man-gym_23-2149740152.jpg",              imageAlt: "Personal trainer coaching"
            },
            {
              id: 4,
              title: "Supportive Community",              description: "Join a fitness community that motivates and supports each other. Accountability partners, social events, and group challenges included.",              imageSrc: "https://img.b2bpic.net/free-photo/attractive-powerful-bodybuilder-is-doing-exercises-training-apparatus-sunny-gym_613910-20342.jpg",              imageAlt: "Gym community and support"
            }
          ]}
          animationType="slide-up"
          title="Why Choose FitZone"
          description="We combine state-of-the-art equipment, expert trainers, and a supportive community to help you achieve your fitness goals."
          tag="Features"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          plans={[
            {
              id: "starter",              badge: "Perfect to Start",              badgeIcon: Zap,
              price: "$29/mo",              subtitle: "Ideal for beginners",              buttons: [
                {
                  text: "Choose Plan",                  href: "#contact"
                }
              ],
              features: [
                "Unlimited gym access",                "Open gym hours",                "Basic equipment access",                "Monthly fitness assessment"
              ]
            },
            {
              id: "pro",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "$59/mo",              subtitle: "Best for consistent progress",              buttons: [
                {
                  text: "Choose Plan",                  href: "#contact"
                }
              ],
              features: [
                "Unlimited gym access",                "All class access (30+ weekly)",                "2 personal training sessions/month",                "Monthly body composition analysis",                "Nutrition consultation",                "Priority member support"
              ]
            },
            {
              id: "elite",              badge: "Maximum Results",              badgeIcon: Award,
              price: "$99/mo",              subtitle: "For serious fitness enthusiasts",              buttons: [
                {
                  text: "Choose Plan",                  href: "#contact"
                }
              ],
              features: [
                "Unlimited gym + class access",                "Unlimited personal training",                "Weekly body composition tracking",                "1-on-1 nutrition coaching",                "Recovery services (sauna, massage chair)",                "VIP locker room access",                "Exclusive member events"
              ]
            }
          ]}
          animationType="scale-rotate"
          title="Flexible Membership Plans"
          description="Choose the plan that fits your lifestyle. All memberships include full facility access and community support."
          tag="Pricing"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          metrics={[
            {
              id: "1",              value: "5,000+",              title: "Active Members",              description: "Growing fitness community across California",              imageSrc: "https://img.b2bpic.net/free-photo/two-hardworking-men-training-with-weights_651396-1080.jpg",              imageAlt: "Active gym members community"
            },
            {
              id: "2",              value: "30+",              title: "Weekly Classes",              description: "Diverse fitness options for every level",              imageSrc: "https://img.b2bpic.net/free-photo/young-athletic-woman-lifting-barbell-while-having-strength-training-with-her-instructor-gym_637285-2461.jpg",              imageAlt: "Variety of fitness classes"
            },
            {
              id: "3",              value: "94%",              title: "Goal Achievement",              description: "Members reach their fitness targets",              imageSrc: "https://img.b2bpic.net/free-photo/woman-doing-exercise-gym_140725-8087.jpg",              imageAlt: "Member fitness transformation results"
            }
          ]}
          animationType="blur-reveal"
          title="Our Impact"
          description="See the real results our members achieve through commitment, community, and expert guidance."
          tag="Results"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="FitZone transformed not just my body, but my entire approach to health. The trainers are incredibly supportive, the community motivates me daily, and I've never felt stronger or more confident."
          rating={5}
          author="Sarah Martinez, Los Angeles"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              alt: "Member testimonial"
            },
            {
              src: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              alt: "Member testimonial"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",              alt: "Member testimonial"
            },
            {
              src: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              alt: "Member testimonial"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",              alt: "Member testimonial"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to transform your fitness journey? Start your free week at FitZone today. No commitment required."
          animationType="reveal-blur"
          buttons={[
            {
              text: "Claim Free Trial",              href: "https://fitzone.com/trial"
            },
            {
              text: "Contact Us",              href: "mailto:hello@fitzone.com"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/ahlete-doing-pushups-gym-with-bare-torso-sport-lifestyle_169016-61545.jpg"
          imageAlt="FitZone gym facility showcase"
          logoText="FitZone"
          copyrightText="© 2025 FitZone. All rights reserved."
          columns={[
            {
              title: "Memberships",              items: [
                {
                  label: "Starter Plan",                  href: "#pricing"
                },
                {
                  label: "Pro Plan",                  href: "#pricing"
                },
                {
                  label: "Elite Plan",                  href: "#pricing"
                }
              ]
            },
            {
              title: "Services",              items: [
                {
                  label: "Personal Training",                  href: "#features"
                },
                {
                  label: "Group Classes",                  href: "#features"
                },
                {
                  label: "Nutrition Coaching",                  href: "#features"
                }
              ]
            },
            {
              title: "Company",              items: [
                {
                  label: "About Us",                  href: "#about"
                },
                {
                  label: "Contact",                  href: "#contact"
                },
                {
                  label: "Privacy Policy",                  href: "#"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}