"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroLogoCarousel from '@/components/sections/hero/HeroLogoCarousel';
import SplitAboutCards from '@/components/sections/about/SplitAboutCards';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import MetricCardSix from '@/components/sections/metrics/MetricCardSix';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TeamCardThree from '@/components/sections/team/TeamCardThree';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Users, Zap, Award, TrendingUp, Sparkles, Star, Linkedin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="flat"
      secondaryButtonStyle="minimal"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="FitCore Gym"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Programs", id: "features" },
            { name: "Team", id: "team" },
            { name: "Pricing", id: "pricing" }
          ]}
          button={{
            text: "Join Now",
            href: "#pricing"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoCarousel
          logoText="FitCore Gym"
          description="Transform your body and mind with our state-of-the-art fitness facility. Expert trainers, world-class equipment, and community support await."
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625118386-uv8g1qze.jpg",
              imageAlt: "Weight training at FitCore Gym"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766811918668-h7w5yt0s.jpg",
              imageAlt: "Group fitness class in session"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766811919620-7d9ta4wx.jpg",
              imageAlt: "Cardio equipment area"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg",
              imageAlt: "Strength training zone"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766811920637-7ic924av.jpg",
              imageAlt: "Modern gym facility"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAboutCards
          title="Why Choose FitCore"
          description="We combine premium equipment, expert coaching, and a supportive community to help you reach your fitness goals."
          tag="About Us"
          features={[
            {
              id: "personal-training",
              title: "Expert Trainers",
              description: "Certified professionals dedicated to creating personalized workout programs tailored to your goals and fitness level.",
              label: "1-on-1 Sessions"
            },
            {
              id: "facilities",
              title: "Premium Equipment",
              description: "State-of-the-art machines, free weights, and specialty equipment for all training styles and experience levels.",
              label: "Always Updated"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven
          title="Our Programs"
          description="Choose from diverse fitness programs designed to meet every goal and fitness level."
          tag="Services"
          features={[
            {
              id: 1,
              title: "Strength Training",
              description: "Build muscle and increase your lifting capacity with structured resistance programs led by certified coaches.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766811921495-nb3rrv1l.jpg",
              imageAlt: "Strength training with weights"
            },
            {
              id: 2,
              title: "Cardio & Endurance",
              description: "Improve your cardiovascular health with modern equipment and guided training sessions for all fitness levels.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766811922500-adv14o8g.jpg",
              imageAlt: "Cardio training and running"
            },
            {
              id: 3,
              title: "Group Classes",
              description: "Join high-energy group fitness classes including yoga, spin, HIIT, and more in a motivating community setting.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766811923393-267n9ey1.jpg",
              imageAlt: "Group fitness class workout"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSix
          title="FitCore Impact"
          description="Real results from our dedicated community of fitness enthusiasts."
          tag="Stats"
          metrics={[
            {
              id: "1",
              value: "3,500+",
              tag: "Active Members",
              tagIcon: Users,
              title: "Growing Community"
            },
            {
              id: "2",
              value: "150+",
              tag: "Monthly Classes",
              tagIcon: Zap,
              title: "Diverse Programs"
            },
            {
              id: "3",
              value: "15 yrs",
              tag: "Experience",
              tagIcon: Award,
              title: "Industry Leadership"
            },
            {
              id: "4",
              value: "95%",
              tag: "Satisfaction",
              tagIcon: TrendingUp,
              title: "Member Happiness"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Membership Plans"
          description="Choose the perfect membership to fit your fitness journey."
          tag="Pricing"
          plans={[
            {
              id: "monthly",
              badge: "Flexible",
              price: "$49/mo",
              subtitle: "Perfect for getting started",
              buttons: [
                {
                  text: "Select Plan",
                  href: "#contact"
                }
              ],
              features: [
                "Access to all gym facilities",
                "Basic equipment orientation",
                "Open gym hours access",
                "Mobile app membership tracking"
              ]
            },
            {
              id: "3month",
              badge: "Popular",
              badgeIcon: Sparkles,
              price: "$129/3 mo",
              subtitle: "Best value commitment",
              buttons: [
                {
                  text: "Select Plan",
                  href: "#contact"
                }
              ],
              features: [
                "All Monthly benefits",
                "2 personal training sessions",
                "Priority class booking",
                "Nutrition consultation"
              ]
            },
            {
              id: "annual",
              badge: "Best Savings",
              badgeIcon: Star,
              price: "$449/year",
              subtitle: "Serious fitness commitment",
              buttons: [
                {
                  text: "Select Plan",
                  href: "#contact"
                }
              ],
              features: [
                "All 3-Month benefits",
                "8 personal training sessions",
                "Guest privileges",
                "Exclusive member events",
                "Free fitness assessment"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardThree
          title="Meet Our Trainers"
          description="Expert coaches committed to your fitness success."
          tag="Team"
          members={[
            {
              id: "1",
              name: "Marcus Johnson",
              role: "Strength & Conditioning Coach",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766349634025-os77773y.jpg",
              imageAlt: "Marcus Johnson",
              socialLinks: [
                {
                  icon: Linkedin,
                  url: "#"
                }
              ]
            },
            {
              id: "2",
              name: "Sarah Chen",
              role: "Yoga & Flexibility Specialist",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625120953-70xb9ef4.jpg",
              imageAlt: "Sarah Chen",
              socialLinks: [
                {
                  icon: Linkedin,
                  url: "#"
                }
              ]
            },
            {
              id: "3",
              name: "David Rodriguez",
              role: "HIIT & Cardio Expert",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766811924494-jy2wil3n.jpg",
              imageAlt: "David Rodriguez",
              socialLinks: [
                {
                  icon: Linkedin,
                  url: "#"
                }
              ]
            },
            {
              id: "4",
              name: "Emma Wilson",
              role: "Nutrition & Wellness Coach",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766625123984-ohpyzjv0.jpg",
              imageAlt: "Emma Wilson",
              socialLinks: [
                {
                  icon: Linkedin,
                  url: "#"
                }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Newsletter"
          title="Stay Motivated"
          description="Subscribe to get weekly workout tips, class schedules, and exclusive member offers delivered to your inbox."
          tagIcon={Zap}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="FitCore"
        />
      </div>
    </ThemeProvider>
  );
}