"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardThirteen from '@/components/sections/feature/FeatureCardThirteen';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="mediumLarge"
      background="noiseDiagonalGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="CS2 Pro League"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Tournaments", id: "product" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Register Now",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Compete at the Highest Level"
          description="Join thousands of competitive CS2 players in premium tournaments with massive prize pools, professional organization, and global recognition. Prove your skills against the best."
          tag="CS2 Esports Platform"
          tagIcon={Zap}
          kpis={[
            { value: "$500K+", label: "Monthly Prize Pools" },
            { value: "50K+", label: "Active Players" },
            { value: "24/7", label: "Tournament Coverage" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450354930-c1pcxdy0.jpg"
          imageAlt="counter strike 2 esports competitive gaming tournament professional players"
          imagePosition="right"
          buttons={[
            { text: "Register Tournament", href: "contact" },
            { text: "View Rankings" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Professional Esports Platform"
          description="Structured tournaments designed for competitive excellence"
          tabs={[
            {
              id: "format",
              label: "Tournament Format",
              description: "Our tournaments feature 5v5 team competition with official rules, anti-cheat systems, and verified player registration. Matches are streamed live with professional commentary and instant replay analysis for the competitive community."
            },
            {
              id: "prizes",
              label: "Prize Distribution",
              description: "Prize pools are transparently distributed based on placement. First place teams compete for major prizes, with secondary rewards for advancing players. All payouts processed within 48 hours of tournament conclusion via secure payment systems."
            },
            {
              id: "community",
              label: "Global Community",
              description: "Connect with professional and aspiring esports players worldwide. Regional tournaments lead to international qualifiers, creating a pathway from local competition to world stage tournaments."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450355491-cco5gyyp.jpg"
          imageAlt="gaming tournament esports stage competitive event professional setup gaming arena"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardThirteen
          title="How to Compete"
          description="Four simple steps to join the competitive gaming revolution"
          tag="Getting Started"
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          features={[
            {
              id: "01",
              title: "Create Account",
              description: "Register your player profile with verified Steam ID and complete your competitive profile. Minimum rank requirements ensure fair matchmaking and competitive integrity throughout tournaments."
            },
            {
              id: "02",
              title: "Form Your Team",
              description: "Assemble a 5-player roster or join an existing team. Use our team management tools to organize scrimmages, share replays, and prepare strategies for upcoming tournaments."
            },
            {
              id: "03",
              title: "Enter Tournament",
              description: "Browse active tournaments, review formats and schedules, then register your team. Confirmation is instant with detailed bracket placement and opponent information provided immediately."
            },
            {
              id: "04",
              title: "Compete & Win",
              description: "Play your matches with live streaming, professional officials, and instant stat tracking. Victory leads to higher rankings, bigger tournaments, and larger prize pools at advanced levels."
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardSeven
          title="Active Tournaments"
          description="Featured competitions with prize pools and player opportunities"
          tag="Competitive Events"
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          products={[
            {
              id: "1",
              name: "Regional Championship",
              price: "$50K Prize Pool",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450356546-rmgfauoh.jpg",
              imageAlt: "tournament bracket competition structure gaming tournament esports format match schedule"
            },
            {
              id: "2",
              name: "Monthly Qualifier",
              price: "$20K Prize Pool",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450355854-pp8a54za.jpg",
              imageAlt: "gaming setup professional gamer esports player gaming equipment competitive gamer"
            },
            {
              id: "3",
              name: "Pro League Season",
              price: "$100K Prize Pool",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450356165-o8dn8p3r.jpg",
              imageAlt: "gaming team esports team team collaboration group of gamers gaming community"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFive
          title="What Pro Players Say"
          description="Hear from competitive players who have achieved success through our platform"
          tag="Player Testimonials"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Marcus Chen, Pro Player at FaZe Clan",
              date: "Date: 15 November 2024",
              title: "Best tournament platform in the scene",
              quote: "The organization here is unmatched. Prize payouts are fast, the competition level is incredible, and the community is genuinely supportive. I've climbed from open qualifiers to pro contracts through these tournaments.",
              tag: "Pro League Season",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450357753-c39k5sb1.jpg",
              avatarAlt: "professional gamer esports player gaming personality competitive player streamer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450359267-t6sowo12.jpg",
              imageAlt: "esports player professional gamer gaming competitor competitive player pro gamer"
            },
            {
              id: "2",
              name: "Sarah Patel, Esports Team Captain",
              date: "Date: 12 November 2024",
              title: "Professional organization at every level",
              quote: "What impressed me most is how seriously they take competitive integrity. Anti-cheat systems are robust, referees are fair, and the ranking system actually reflects skill. Perfect platform for serious competitors.",
              tag: "Regional Championship",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450358219-b203ocrw.jpg",
              avatarAlt: "esports pro professional gamer competitive player gaming athlete esports competitor",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450359580-8whfpj4n.jpg",
              imageAlt: "gamer profile esports professional gaming player competitive player pro competitor"
            },
            {
              id: "3",
              name: "Alex Rodriguez, Aspiring Pro",
              date: "Date: 08 November 2024",
              title: "Clear pathway to professional play",
              quote: "Started in open qualifiers six months ago. Now I'm in advanced brackets competing against established teams. The tournament structure makes it possible to level up naturally while earning real money.",
              tag: "Monthly Qualifier",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450358675-5mn42ksx.jpg",
              avatarAlt: "gaming professional esports player competitive gamer pro player tournament player",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450357077-150gandb.jpg",
              imageAlt: "prize money tournament rewards esports prizes competitive rewards gaming prizes"
            },
            {
              id: "4",
              name: "Jordan Lee, Team Manager",
              date: "Date: 05 November 2024",
              title: "Reliable partner for team success",
              quote: "Managing tournaments across multiple regions is seamless here. Their tools for team management, schedule coordination, and financial tracking save us countless hours. Highly professional operation.",
              tag: "Pro League Season",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450358951-9oa9rq67.jpg",
              avatarAlt: "professional gamer esports athlete competitive player gaming pro tournament competitor",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450355491-cco5gyyp.jpg",
              imageAlt: "gaming tournament esports stage competitive event professional setup gaming arena"
            },
            {
              id: "5",
              name: "Nicole Kim, Streaming Professional",
              date: "Date: 02 November 2024",
              title: "Content goldmine for creators",
              quote: "The production quality of their tournaments is broadcast-ready. High stakes matches, professional casters, and engaged audiences make streaming CS2 competitions here incredibly rewarding for content creators.",
              tag: "Regional Championship",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450357753-c39k5sb1.jpg",
              avatarAlt: "professional gamer esports player gaming personality competitive player streamer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450355854-pp8a54za.jpg",
              imageAlt: "gaming setup professional gamer esports player gaming equipment competitive gamer"
            },
            {
              id: "6",
              name: "Derek Thompson, Coach",
              date: "Date: 30 October 2024",
              title: "Excellence in competitive structure",
              quote: "I coach multiple teams and the consistency across all our tournaments is exceptional. Rule enforcement is fair, scheduling is reliable, and the community remains toxic-free thanks to active moderation.",
              tag: "Monthly Qualifier",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450358219-b203ocrw.jpg",
              avatarAlt: "esports pro professional gamer competitive player gaming athlete esports competitor",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767450356165-o8dn8p3r.jpg",
              imageAlt: "gaming team esports team team collaboration group of gamers gaming community"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Common Questions"
          sideDescription="Everything you need to know about tournaments, registration, and competition"
          textPosition="left"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What are the minimum rank requirements?",
              content: "We offer tournaments across skill levels from Open (unranked welcome) to Pro (LEM+). This ensures fair competition and appropriate challenge for all players regardless of experience."
            },
            {
              id: "2",
              title: "How quickly do prize payouts process?",
              content: "All tournament prizes are processed within 48 hours of tournament completion. Payouts go directly to registered payment methods with transparent tracking and instant notifications."
            },
            {
              id: "3",
              title: "Can I join mid-season if I register late?",
              content: "Late registration is available depending on tournament phase. Most tournaments allow registration up until 24 hours before your bracket matches begin. Check specific tournament rules for exact deadlines."
            },
            {
              id: "4",
              title: "What anti-cheat systems do you use?",
              content: "We employ industry-leading anti-cheat detection including ESIC banned player lists, VAC authentication verification, and additional behavioral analysis. Suspicious accounts are reviewed by professional officials."
            },
            {
              id: "5",
              title: "Are international players allowed?",
              content: "Yes, we welcome players worldwide. Regional tournaments exist for optimal ping conditions, and international qualifiers lead to global championships. Age verification (18+) required for prize eligibility."
            },
            {
              id: "6",
              title: "How do team rosters work?",
              content: "Teams consist of 5 starting players plus 2 substitutes. Roster changes are locked 48 hours before tournament start. Teams can manage rosters through our platform with instant confirmation of eligible players."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Join the Competition"
          description="Register your team, ask questions, or get tournament information. We'll respond within 24 hours."
          useInvertedBackground="noInvert"
          buttonText="Submit Registration"
          inputs={[
            {
              name: "teamName",
              type: "text",
              placeholder: "Team Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Contact Email",
              required: true
            },
            {
              name: "playerCount",
              type: "text",
              placeholder: "Number of Players",
              required: true
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your team and tournament interests...",
            rows: 5,
            required: false
          }}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="CS2 Pro League"
          columns={[
            {
              title: "Platform",
              items: [
                { label: "Tournaments", href: "product" },
                { label: "Rankings", href: "#" },
                { label: "Schedule", href: "#" }
              ]
            },
            {
              title: "Community",
              items: [
                { label: "Discord", href: "#" },
                { label: "Forums", href: "#" },
                { label: "Teams", href: "#" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Terms", href: "#" },
                { label: "Privacy", href: "#" },
                { label: "Rules", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2024 CS2 Pro League. Professional esports competition platform."
        />
      </div>
    </ThemeProvider>
  );
}