"use client";

import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Award, Camera, DollarSign, Flame, Quote, Target, Trophy, TrendingUp, Users, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Iron Pulse"
          navItems={[
            { name: "WOD", id: "wod" },
            { name: "Pricing", id: "pricing" },
            { name: "Gallery", id: "gallery" },
            { name: "Testimonials", id: "testimonials" },
            { name: "3D Gym", id: "/gym-3d" }
          ]}
          button={{ text: "Start Your Trial", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Forge Your Strength"
          description="High-intensity CrossFit training built for athletes who refuse to quit. See today's WOD and claim your spot in our community"
          tag="Elite Coaching"
          tagIcon={Zap}
          tagAnimation="slide-up"
          background={{ variant: "sparkles-gradient" }}
          buttons={[
            { text: "Start Your Trial", href: "contact" },
            { text: "View Today's WOD", href: "wod" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              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: "CrossFit WOD Challenge"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/young-sportswoman-doing-sled-push-exercise-shouting-sports-training-gym-while-her-friend-is-watching-her_637285-917.jpg",              imageAlt: "Iron Pulse Gym Interior"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/young-powerful-sportsman-training-with-barbell-black-background_176420-55840.jpg",              imageAlt: "Athlete in Action"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/fitness-woman-working-out-with-battle-ropes-gym_342744-4.jpg",              imageAlt: "Rope Climbing Challenge"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/man-doing-push-up-exercise-with-dumbbell-crossfit-gym_639032-2657.jpg",              imageAlt: "Kettlebell Power Movement"
            }
          ]}
          ariaLabel="Iron Pulse CrossFit Hero Section"
          containerClassName="w-full"
          titleClassName="text-5xl md:text-7xl font-bold tracking-tight"
          descriptionClassName="text-lg md:text-xl text-foreground/90"
        />
      </div>

      <div id="wod" data-section="wod">
        <FeatureBorderGlow
          title="Today's WOD"
          description="Intense, scalable programming designed for all levels. Push your limits and track your performance"
          tag="Daily Challenge"
          tagIcon={Flame}
          tagAnimation="slide-up"
          features={[
            {
              icon: Flame,
              title: "Benchmark Workouts",              description: "Proven exercises tested by elite athletes worldwide. Compare your scores and push harder each time"
            },
            {
              icon: Zap,
              title: "Scalable Programming",              description: "Every workout scales for beginners to competitive athletes. No one left behind, everyone challenged"
            },
            {
              icon: Target,
              title: "Real-Time Tracking",              description: "Log your lifts, times, and progress instantly. Watch your improvements week after week"
            },
            {
              icon: Users,
              title: "Community Leaderboards",              description: "Compete with your crew. Daily scores keep the energy high and motivation flowing"
            },
            {
              icon: TrendingUp,
              title: "Performance Metrics",              description: "Detailed analytics show your strengths and areas for growth. Data-driven coaching"
            },
            {
              icon: Award,
              title: "Monthly Challenges",              description: "Special competitions with prizes. Push beyond limits and earn recognition"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "View Full Schedule", href: "#" }]}
          buttonAnimation="slide-up"
          ariaLabel="Daily WOD Features Section"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Membership Plans"
          description="Choose your commitment level. All plans include full access to classes, programming, and community"
          tag="Transparent Pricing"
          tagIcon={Camera}
          tagAnimation="slide-up"
          plans={[
            {
              id: "drop-in",              badge: "Pay As You Go",              price: "$25",              subtitle: "Single class access",              features: ["1 drop-in class", "Full facility access", "No commitment", "Valid for 30 days"],
              badgeIcon: Zap
            },
            {
              id: "unlimited-monthly",              badge: "Most Popular",              price: "$149",              subtitle: "Unlimited monthly membership",              features: ["Unlimited classes", "Daily WOD access", "Community leaderboards", "Coaching support", "Progress tracking"],
              badgeIcon: Award
            },
            {
              id: "elite-coaching",              badge: "Elite Athletes",              price: "$249",              subtitle: "1-on-1 coaching program",              features: ["Unlimited classes", "1-on-1 coaching sessions", "Custom programming", "Monthly performance review", "Priority support", "Comp prep optional"],
              badgeIcon: Trophy
            },
            {
              id: "team-package",              badge: "Teams",              price: "$999",              subtitle: "5-person team membership",              features: ["5 unlimited memberships", "Team leaderboards", "Group coaching sessions", "Team challenge events", "Dedicated account manager"],
              badgeIcon: Users
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[{ text: "Get Started", href: "contact" }]}
          buttonAnimation="slide-up"
          ariaLabel="Membership Pricing Section"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardOne
          title="Athlete & Equipment Gallery"
          description="Meet our community. See the strength, technique, and intensity that defines Iron Pulse"
          tag="Our People"
          tagIcon={Camera}
          tagAnimation="slide-up"
          products={[
            {
              id: "athlete-1",              name: "Sarah Chen - Competitor",              price: "4x Regional Champion",              imageSrc: "http://img.b2bpic.net/free-photo/crossfit-exercise-performed-by-strong-woman-with-rope_1098-18892.jpg?_wi=1",              imageAlt: "Sarah Chen CrossFit Athlete"
            },
            {
              id: "athlete-2",              name: "Marcus Rodriguez - Elite",              price: "2x Games Qualifier",              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: "Marcus Rodriguez CrossFit Athlete"
            },
            {
              id: "athlete-3",              name: "Community Group",              price: "50+ Active Members",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-training-together-gym_23-2150289964.jpg?_wi=1",              imageAlt: "Iron Pulse Community Training"
            },
            {
              id: "equipment-1",              name: "Competition Barbells",              price: "Rogue & Eleiko",              imageSrc: "http://img.b2bpic.net/free-photo/exercise-weights-iron-dumbbell-with-extra-plates_1423-222.jpg?_wi=1",              imageAlt: "Competition Grade Barbells"
            },
            {
              id: "equipment-2",              name: "Gymnastics Rig",              price: "Full Olympic Rings",              imageSrc: "http://img.b2bpic.net/free-photo/sports-suspension-straps-foreground-two-fitness-girls-talking-background-modern-gym_613910-20354.jpg",              imageAlt: "Gymnastics Training Rig"
            },
            {
              id: "equipment-3",              name: "Strength Station",              price: "Power Racks & Dumbbells",              imageSrc: "http://img.b2bpic.net/free-photo/sports-equipment-dumbbells-gym_169016-61685.jpg",              imageAlt: "Strength Training Equipment"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Athlete and Equipment Gallery Section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Athletes Say"
          description="Real stories from real people. This is why Iron Pulse is more than a gym—it's a family"
          tag="Testimonials"
          tagIcon={Quote}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Jessica Miller, Marketing Executive",              date: "Date: 15 November 2024",              title: "Transformed My Life",              quote: "I walked in terrified of being the weakest in the room. The coaches met me where I was and pushed me to places I never thought possible. Six months later, I'm doing handstand walks and feel stronger than ever.",              tag: "Beginner to Strong",              avatarSrc: "http://img.b2bpic.net/free-photo/masculanity-strength-power-concept-picture-handsome-fit-young-afro-american-bodybuilder-with-bald-head-smoothly-shaven-face-looking-camera-with-confident-serious-facial-expression_343059-336.jpg",              avatarAlt: "Jessica Miller",              imageSrc: "http://img.b2bpic.net/free-photo/crossfit-exercise-performed-by-strong-woman-with-rope_1098-18892.jpg?_wi=2",              imageAlt: "Jessica Training"
            },
            {
              id: "2",              name: "David Thompson, Software Engineer",              date: "Date: 20 October 2024",              title: "Elite Coaching Changed Everything",              quote: "I was plateauing in my training. The 1-on-1 coaching program identified my weaknesses and built a custom program. I'm now hitting PRs I didn't think were possible.",              tag: "Elite Athlete",              avatarSrc: "http://img.b2bpic.net/free-photo/masculanity-strength-power-concept-picture-handsome-fit-young-afro-american-bodybuilder-with-bald-head-smoothly-shaven-face-looking-camera-with-confident-serious-facial-expression_343059-336.jpg",              avatarAlt: "David Thompson",              imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-muscular-build-man-doing-deadlift-while-exercising-with-barbell-gym_637285-2489.jpg?_wi=3",              imageAlt: "David Lifting"
            },
            {
              id: "3",              name: "Amanda Reyes, Teacher",              date: "Date: 8 November 2024",              title: "Community Is Everything",              quote: "The energy at Iron Pulse is unmatched. Yes, the workouts are brutal, but the people pushing you and celebrating with you make it worth every rep. I've made genuine friends here.",              tag: "Community",              avatarSrc: "http://img.b2bpic.net/free-photo/masculanity-strength-power-concept-picture-handsome-fit-young-afro-american-bodybuilder-with-bald-head-smoothly-shaven-face-looking-camera-with-confident-serious-facial-expression_343059-336.jpg",              avatarAlt: "Amanda Reyes",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-training-together-gym_23-2150289964.jpg?_wi=2",              imageAlt: "Amanda with Community"
            },
            {
              id: "4",              name: "Chris Walker, Finance",              date: "Date: 25 October 2024",              title: "Results Speak Louder",              quote: "I got serious about my fitness and Iron Pulse delivered. The programming is smart, the coaching is exceptional, and my body composition changed in weeks. This is the real deal.",              tag: "Transformation",              avatarSrc: "http://img.b2bpic.net/free-photo/masculanity-strength-power-concept-picture-handsome-fit-young-afro-american-bodybuilder-with-bald-head-smoothly-shaven-face-looking-camera-with-confident-serious-facial-expression_343059-336.jpg",              avatarAlt: "Chris Walker",              imageSrc: "http://img.b2bpic.net/free-photo/exercise-weights-iron-dumbbell-with-extra-plates_1423-222.jpg?_wi=2",              imageAlt: "Chris Training Hard"
            },
            {
              id: "5",              name: "Lauren Kim, Athlete",              date: "Date: 12 November 2024",              title: "Competitive Edge",              quote: "I came to Iron Pulse to prep for regionals. The competitive environment and knowledgeable coaches pushed me to my limits. I qualified and placed top 10 at the regional.",              tag: "Competitive",              avatarSrc: "http://img.b2bpic.net/free-photo/masculanity-strength-power-concept-picture-handsome-fit-young-afro-american-bodybuilder-with-bald-head-smoothly-shaven-face-looking-camera-with-confident-serious-facial-expression_343059-336.jpg",              avatarAlt: "Lauren Kim",              imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-muscular-build-man-doing-deadlift-while-exercising-with-barbell-gym_637285-2489.jpg?_wi=4",              imageAlt: "Lauren Competing"
            },
            {
              id: "6",              name: "Mike Torres, Sales Director",              date: "Date: 3 November 2024",              title: "Worth Every Dollar",              quote: "Investment in yourself always pays dividends. The elite coaching membership turned my fitness around completely. Best money I've spent.",              tag: "Investment",              avatarSrc: "http://img.b2bpic.net/free-photo/masculanity-strength-power-concept-picture-handsome-fit-young-afro-american-bodybuilder-with-bald-head-smoothly-shaven-face-looking-camera-with-confident-serious-facial-expression_343059-336.jpg",              avatarAlt: "Mike Torres",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-training-together-gym_23-2150289964.jpg?_wi=3",              imageAlt: "Mike Training"
            }
          ]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Testimonials Section"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Elite Athletes"
          description="Partnered with top fitness brands and featured in major competition circuits"
          tag="Featured In"
          tagIcon={Trophy}
          tagAnimation="slide-up"
          names={[
            "CrossFit Games Official Box",            "USA Weightlifting Certified",            "NASM Coaching Partner",            "Regional Competition Host",            "Elite Training Network",            "Fitness Equipment Sponsor",            "Athlete Development Program",            "Competition Prep Certified"
          ]}
          logos={[
            "http://img.b2bpic.net/free-vector/typography-logo-template_23-2150529526.jpg",            "http://img.b2bpic.net/free-vector/flat-logos-collection-pickleball_23-2150220607.jpg",            "http://img.b2bpic.net/free-vector/future-leaders-marketing-school-template_742173-33274.jpg",            "http://img.b2bpic.net/free-vector/athletes-logo-design_742173-20650.jpg",            "http://img.b2bpic.net/free-vector/abstract-silhouette-sport-logo-flat-design_23-2148220451.jpg",            "http://img.b2bpic.net/free-vector/green-gym-insignias_23-2147519756.jpg",            "http://img.b2bpic.net/free-vector/typography-logo-template_23-2150529526.jpg",            "http://img.b2bpic.net/free-vector/typography-logo-template_23-2150529526.jpg"
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          showCard={true}
          buttonAnimation="slide-up"
          ariaLabel="Social Proof Section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Iron Pulse"
          columns={[
            {
              title: "Quick Links",              items: [
                { label: "Home", href: "/" },
                { label: "Today's WOD", href: "#wod" },
                { label: "Pricing", href: "#pricing" },
                { label: "Gallery", href: "#gallery" }
              ]
            },
            {
              title: "Community",              items: [
                { label: "Testimonials", href: "#testimonials" },
                { label: "Athletes", href: "#gallery" },
                { label: "Events", href: "#" },
                { label: "Leaderboards", href: "#" }
              ]
            },
            {
              title: "Training",              items: [
                { label: "Programming", href: "#wod" },
                { label: "Coaching", href: "#pricing" },
                { label: "Class Schedule", href: "#" },
                { label: "Facility Tour", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Contact", href: "#contact" },
                { label: "Join Team", href: "#" },
                { label: "Blog", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Iron Pulse CrossFit. All rights reserved. Forged in intensity. Built by community."
          ariaLabel="Site Footer"
        />
      </div>
    </ThemeProvider>
  );
}
