"use client"

import { Facebook, Instagram, Twitter, Youtube } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoCarousel from '@/components/sections/hero/HeroLogoCarousel';
import TagAbout from '@/components/sections/about/TagAbout';
import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="largeSmallSizeMediumTitles"
      background="noise"
      cardStyle="spotlight"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="outline"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Football Hub"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Teams", id: "product" },
            { name: "Features", id: "feature" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Join Now",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoCarousel
          logoText="Football"
          description="Elevate your game with world-class coaching, team management, and performance analytics. Unite players, build champions."
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-234.jpg",              imageAlt: "Football stadium and match action"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/american-football-player-professional-stadium_654080-960.jpg",              imageAlt: "Team celebration and championship moments"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/american-football-player-professional-stadium_654080-942.jpg",              imageAlt: "Football training and practice session"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-272.jpg",              imageAlt: "Football ball on the pitch"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/american-football-player-professional-stadium_654080-922.jpg",              imageAlt: "Football fans and stadium atmosphere"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TagAbout
          tag="Our Mission"
          description="We believe football transforms lives. Through innovative training programs, strategic team management, and cutting-edge analytics, we empower players to unlock their potential, coaches to build winning strategies, and organizations to achieve championship excellence."
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardTwenty
          title="Complete Football Solution"
          description="Everything you need to develop talent, manage teams, and dominate competitions."
          tag="Core Features"
          images={[
            {
              id: 1,
              imageSrc: "https://img.b2bpic.net/free-photo/american-football-player-professional-stadium_654080-967.jpg",              imageAlt: "Advanced coaching and training programs"
            },
            {
              id: 2,
              imageSrc: "https://img.b2bpic.net/free-photo/american-football-player-professional-stadium_654080-955.jpg",              imageAlt: "Tactical analysis and strategy tools"
            },
            {
              id: 3,
              imageSrc: "https://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-228.jpg",              imageAlt: "Fitness and conditioning monitoring"
            },
            {
              id: 4,
              imageSrc: "https://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-327.jpg",              imageAlt: "Performance analytics and insights"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Explore Features",              href: "#product"
            }
          ]}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardThree
          title="Featured Teams & Leagues"
          description="Discover elite teams and competitions powered by our platform."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              name: "Professional League",              price: "Premium",              imageSrc: "https://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-226.jpg",              imageAlt: "Professional football team lineup"
            },
            {
              id: "2",              name: "Championship Tournament",              price: "Elite",              imageSrc: "https://img.b2bpic.net/free-photo/american-male-football-player-uniform-field_23-2150034604.jpg",              imageAlt: "Championship football tournament"
            },
            {
              id: "3",              name: "Youth Academy",              price: "Development",              imageSrc: "https://img.b2bpic.net/free-photo/american-football-american-football-player-professional-sport-stadium_654080-390.jpg",              imageAlt: "Youth football academy program"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Impact by Numbers"
          description="See how we're transforming football globally."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="four-items-2x2-equal-grid"
          metrics={[
            {
              id: "1",              value: "50K+",              description: "Players Trained"
            },
            {
              id: "2",              value: "100+",              description: "Teams Managed"
            },
            {
              id: "3",              value: "25",              description: "Championship Wins"
            },
            {
              id: "4",              value: "95%",              description: "Player Satisfaction"
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFive
          title="Player & Coach Success Stories"
          description="Hear from the athletes and coaches who've transformed their careers."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Marcus Johnson, Professional Striker",              date: "Date: November 2024",              title: "From academy to pro in 18 months",              quote: "The coaching structure and analytics changed everything. My performance metrics improved by 40%, and I landed my professional contract. This platform isn't just training—it's a career launcher.",              tag: "Professional",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg",              avatarAlt: "Marcus Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg",              imageAlt: "Marcus Johnson celebration"
            },
            {
              id: "2",              name: "Coach Elena Rodriguez, National Team",              date: "Date: October 2024",              title: "Game intelligence redefined",              quote: "The tactical analysis tools transformed how we prepare. Real-time data, opponent analysis, and player fitness tracking—everything in one place. We've never been more strategically aligned.",              tag: "Elite Coaching",              avatarSrc: "https://img.b2bpic.net/free-photo/side-view-smiley-man-gym_23-2150007196.jpg",              avatarAlt: "Coach Elena Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-smiley-man-gym_23-2150007196.jpg",              imageAlt: "Coach Elena Rodriguez tactical analysis"
            },
            {
              id: "3",              name: "Sophie Mitchell, Youth Academy Director",              date: "Date: September 2024",              title: "Developing champions at grassroots",              quote: "Our academy players show measurable improvement within weeks. The structured program identifies talent early and nurtures it systematically. Parents see the difference, and so do professional scouts.",              tag: "Youth Development",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19200.jpg",              avatarAlt: "Sophie Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-19200.jpg",              imageAlt: "Youth academy training session"
            },
            {
              id: "4",              name: "David Chen, Fan & Tournament Organizer",              date: "Date: August 2024",              title: "Uniting the football community",              quote: "What started as managing local tournaments grew into something special. The platform connected us to thousands of passionate fans and elevated our event to professional standards.",              tag: "Community",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-5321.jpg",              avatarAlt: "David Chen",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-5321.jpg",              imageAlt: "Football community gathering"
            },
            {
              id: "5",              name: "James Patterson, League Manager",              date: "Date: July 2024",              title: "League management made simple",              quote: "Scheduling, standings, player statistics, and fan engagement—all automated. What used to take me 20 hours a week now takes 2. The platform gave me back my time.",              tag: "Management",              avatarSrc: "https://img.b2bpic.net/free-photo/front-view-fit-man-gym_23-2149517268.jpg",              avatarAlt: "James Patterson",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-fit-man-gym_23-2149517268.jpg",              imageAlt: "League management dashboard"
            },
            {
              id: "6",              name: "Aisha Okonkwo, Young Player",              date: "Date: June 2024",              title: "Dreams becoming reality",              quote: "I grew up playing street football. This program gave me structure, mentorship, and opportunity. I'm now part of an academy team that believes in me. Thank you.",              tag: "Success Story",              avatarSrc: "https://img.b2bpic.net/free-photo/confident-guy_1098-19785.jpg",              avatarAlt: "Aisha Okonkwo",              imageSrc: "https://img.b2bpic.net/free-photo/confident-guy_1098-19785.jpg",              imageAlt: "Young player in academy"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Common Questions"
          description="Everything you need to know about our platform and services."
          tag="FAQ"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "Who can use this platform?",              content: "Our platform is designed for everyone—from youth academy programs to professional teams, coaches, scouts, and passionate fans. Whether you're developing talent or managing competitions, we have solutions tailored for you."
            },
            {
              id: "2",              title: "How does the player tracking system work?",              content: "We use advanced analytics to monitor player performance, fitness metrics, tactical positioning, and development progress. Real-time dashboards give coaches instant insights to optimize training and match strategies."
            },
            {
              id: "3",              title: "Can we customize team training programs?",              content: "Absolutely. Our platform allows coaches to design custom training plans, set performance targets, and track individual and team progress against those goals. Programs adapt as players improve."
            },
            {
              id: "4",              title: "What about youth academy management?",              content: "We provide comprehensive academy tools including talent identification, structured development pathways, parental communication, scout visibility, and career progression tracking from grassroots to professional level."
            },
            {
              id: "5",              title: "How do I organize tournaments and leagues?",              content: "Our tournament management system handles scheduling, live scoring, standings, player statistics, fan engagement, and registration. Everything is automated, so you focus on the football."
            },
            {
              id: "6",              title: "Is there mobile access?",              content: "Yes. Players, coaches, and managers can access their accounts via mobile app to check training schedules, view performance data, manage team communication, and stay connected wherever they are."
            },
            {
              id: "7",              title: "What about data privacy and security?",              content: "We implement enterprise-grade security protocols. All player data, team information, and organizational details are encrypted and protected. We comply with GDPR, CCPA, and international data protection standards."
            },
            {
              id: "8",              title: "Do you offer onboarding and training?",              content: "Yes. We provide comprehensive onboarding for new organizations, video tutorials for coaches and managers, and dedicated support to ensure successful implementation across your team or league."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          title="Stay in the Game"
          description="Get exclusive tips, training insights, player spotlights, and tournament updates delivered to your inbox. Join thousands of coaches, players, and fans."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/american-football-player-professional-stadium_654080-927.jpg"
          imageAlt="Football team unity and community"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time. No spam, just football excellence."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseSocial
          logoText="Football Hub"
          description="Transforming football through innovation, community, and excellence. Empowering players, coaches, and organizations worldwide."
          copyrightText="© 2025 Football Hub. All rights reserved."
          columns={[
            {
              title: "Platform",              items: [
                { label: "Features", href: "feature" },
                { label: "Teams", href: "product" },
                { label: "Pricing", href: "#pricing" },
                { label: "Academy", href: "#academy" }
              ]
            },
            {
              title: "Community",              items: [
                { label: "Players", href: "#players" },
                { label: "Coaches", href: "#coaches" },
                { label: "Organizations", href: "#organizations" },
                { label: "Events", href: "#events" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Blog", href: "#blog" },
                { label: "Tutorials", href: "#tutorials" },
                { label: "Support", href: "contact" },
                { label: "FAQ", href: "faq" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#privacy" },
                { label: "Terms of Service", href: "#terms" },
                { label: "Contact", href: "contact" }
              ]
            }
          ]}
          socialLinks={[
            {
              icon: Facebook,
              href: "https://facebook.com",              ariaLabel: "Facebook"
            },
            {
              icon: Twitter,
              href: "https://twitter.com",              ariaLabel: "Twitter"
            },
            {
              icon: Instagram,
              href: "https://instagram.com",              ariaLabel: "Instagram"
            },
            {
              icon: Youtube,
              href: "https://youtube.com",              ariaLabel: "YouTube"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}