"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
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 Link from 'next/link';
import { Zap, Package, Trophy, Users } from 'lucide-react';

export default function Home() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Iron Pulse"
          navItems={[
            { name: "Home", id: "/" },
            { name: "WOD", id: "wod" },
            { name: "Pricing", id: "pricing" },
            { name: "Gallery", id: "gallery" },
            { name: "Testimonials", id: "testimonials" },
            { name: "3D Tour", id: "/gym-3d" }
          ]}
          button={{ text: "Start Your Trial", href: "testimonials" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Welcome to Iron Pulse"
          description="Experience elite CrossFit training with state-of-the-art equipment and expert coaching"
          background={{ variant: "circleGradient" }}
          tag="Peak Performance"
          tagIcon={Zap}
          buttons={[{ text: "Start Your Trial", href: "/gym-3d" }, { text: "Learn More", href: "wod" }]}
          mediaItems={[
            { imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Gym facility" },
            { imageSrc: "/placeholders/placeholder2.webp", imageAlt: "CrossFit training" },
            { imageSrc: "/placeholders/placeholder3.webp", imageAlt: "Athlete performance" }
          ]}
        />
      </div>

      <div id="wod" data-section="wod">
        <FeatureBorderGlow
          title="Workout of the Day"
          description="Daily programming designed to build strength, power, and endurance"
          features={[
            { icon: Trophy, title: "Strength & Power", description: "Olympic lifting and gymnastics movements" },
            { icon: Zap, title: "Metabolic Conditioning", description: "High-intensity interval training" },
            { icon: Users, title: "Community Support", description: "Train alongside passionate athletes" },
            { icon: Package, title: "Personalized Plans", description: "Customized coaching for your goals" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Training Programs"
          tagIcon={Zap}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Choose Your Plan"
          description="Flexible membership options for every athlete"
          plans={[
            {
              id: "1",              badge: "Starter",              price: "$99/mo",              subtitle: "Perfect for beginners",              features: [
                "Unlimited classes",                "Community access",                "Member locker",                "Monthly assessment"
              ]
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Trophy,
              price: "$149/mo",              subtitle: "Best for serious athletes",              features: [
                "Unlimited classes",                "Personal coaching",                "Nutrition guidance",                "Performance tracking",                "Priority booking"
              ]
            },
            {
              id: "3",              badge: "Elite",              price: "$199/mo",              subtitle: "For competitive athletes",              features: [
                "Everything in Pro",                "1-on-1 coaching",                "Competition prep",                "Exclusive events",                "VIP support"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardOne
          title="Equipment Gallery"
          description="Explore our premium facility and equipment"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          products={[
            { id: "1", name: "Olympic Barbells", price: "Competition Grade", imageSrc: "/placeholders/placeholder1.webp", imageAlt: "Olympic barbells" },
            { id: "2", name: "Gymnastics Rig", price: "Full Equipment", imageSrc: "/placeholders/placeholder2.webp", imageAlt: "Gymnastics rig" },
            { id: "3", name: "Dumbbells Set", price: "5-150 lbs", imageSrc: "/placeholders/placeholder3.webp", imageAlt: "Dumbbell set" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Members Say"
          description="Real stories from athletes who transformed their fitness journey"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              date: "January 2025",              title: "Competitive Athlete",              quote: "Iron Pulse changed my entire approach to training. The coaching is exceptional and the community is incredibly supportive.",              tag: "Athlete",              avatarSrc: "/placeholders/placeholder1.webp",              imageSrc: "/placeholders/placeholder2.webp"
            },
            {
              id: "2",              name: "Mike Chen",              date: "December 2024",              title: "Fitness Coach",              quote: "Best gym facility I've trained at. The equipment quality and programming are top-notch.",              tag: "Coach",              avatarSrc: "/placeholders/placeholder2.webp",              imageSrc: "/placeholders/placeholder3.webp"
            },
            {
              id: "3",              name: "Emma Rodriguez",              date: "November 2024",              title: "CrossFit Enthusiast",              quote: "Found my fitness family at Iron Pulse. The welcoming atmosphere makes every workout motivating.",              tag: "Member",              avatarSrc: "/placeholders/placeholder3.webp",              imageSrc: "/placeholders/placeholder1.webp"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Top Athletes"
          description="Join thousands of athletes who have transformed their fitness"
          names={["CrossFit Affiliates", "Olympic Athletes", "Fitness Coaches", "Health Professionals", "Sports Teams"]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Iron Pulse"
          columns={[
            {
              title: "Platform",              items: [
                { label: "Classes", href: "wod" },
                { label: "Pricing", href: "pricing" },
                { label: "3D Tour", href: "/gym-3d" }
              ]
            },
            {
              title: "Community",              items: [
                { label: "Members", href: "testimonials" },
                { label: "Events", href: "testimonials" },
                { label: "Blog", href: "testimonials" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "/" },
                { label: "Contact", href: "testimonials" },
                { label: "Careers", href: "/" }
              ]
            }
          ]}
          copyrightText="© 2025 Iron Pulse. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
