"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Target, Crosshair, Zap, TrendingDown } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="noiseGradient"
      cardStyle="outline-light"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="minimal"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Stats", id: "metrics" },
            { name: "Gallery", id: "blog" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{ text: "Join Vitaliy", href: "contact" }}
          brandName="Vitaliy CS2"
          logoAlt="Vitaliy CS2 Logo"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="VITALIY"
          description="The Most Legendary Counter-Strike 2 Player (At Missing Easy Shots)"
          buttons={[
            { text: "View Stats", href: "metrics" },
            { text: "Watch Fails", href: "blog" }
          ]}
          slides={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766158635120-y4gwwb01.jpg",
              imageAlt: "CS2 Gaming Setup"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766162985210-1ppue3uz.jpg",
              imageAlt: "Professional Gaming Keyboard"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766158631222-b4add55v.jpg",
              imageAlt: "Gaming Tournament"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="The Legend Behind The Misses"
          description="Vitaliy is a dedicated Counter-Strike 2 player known for his incredible consistency in one thing: finding creative new ways to lose rounds. With over 5000 hours of gameplay and a 0.8 K/D ratio, he's proven that passion trumps skill every single time. His teammates describe him as resilient, optimistic, and perpetually convinced that his next shot will be the one."
          tag="About Vitaliy"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766162986247-k8pnj4cd.jpg"
          imageAlt="Vitaliy gaming portrait"
          buttons={[
            { text: "See Full Stats", href: "metrics" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Vitaliy's Legendary Stats"
          description="A showcase of achievements in the art of not winning"
          metrics={[
            {
              id: "1",
              icon: Target,
              title: "Headshot Rate",
              value: "8%"
            },
            {
              id: "2",
              icon: Crosshair,
              title: "Accuracy",
              value: "22%"
            },
            {
              id: "3",
              icon: Zap,
              title: "AWP Kills/Round",
              value: "0.3"
            },
            {
              id: "4",
              icon: TrendingDown,
              title: "Win Rate",
              value: "31%"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          containerStyle="default"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardThree
          title="Memorable Moments & Fails"
          description="A collection of Vitaliy's most iconic gaming moments"
          blogs={[
            {
              id: "1",
              category: "Clutch Fails",
              title: "The 1v5 That Nobody Remembers",
              description: "When Vitaliy had his chance to shine, he found 5 new creative ways to disappoint his team in under 30 seconds.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766162987353-yeeca5r6.jpg",
              imageAlt: "Vitaliy gaming moment fail"
            },
            {
              id: "2",
              category: "Highlights",
              title: "That One Headshot (Finally)",
              description: "After 127 rounds of trying, Vitaliy landed a headshot. It was against a bot on easy difficulty, but a win is a win.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766158632358-nc1qysqn.jpg",
              imageAlt: "Vitaliy tournament play"
            },
            {
              id: "3",
              category: "Team Moments",
              title: "Support Role Mastery",
              description: "Vitaliy discovered that buying for his team is his true calling. He excels at holding positions... where enemies expect him to be.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766162988201-auzhxdw0.jpg",
              imageAlt: "Vitaliy streaming content"
            }
          ]}
          animationType="slide-up"
          containerStyle="default"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What His Teammates Say"
          description="Honest testimonials from people who've had the pleasure of playing with Vitaliy"
          testimonials={[
            {
              id: "1",
              name: "Dmitri",
              handle: "@dmi_pro_player",
              testimonial: "Playing with Vitaliy is like having a guaranteed disadvantage from round one. His presence alone boosts team morale through comedy.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766162989298-dut21a1u.jpg",
              imageAlt: "Dmitri"
            },
            {
              id: "2",
              name: "Alexei",
              handle: "@alex_the_fragger",
              testimonial: "I've learned more from Vitaliy's mistakes than from anyone's successful plays. He's an educational treasure.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766162990129-dk79dx60.jpg",
              imageAlt: "Alexei"
            },
            {
              id: "3",
              name: "Marina",
              handle: "@marina_shotgun",
              testimonial: "Vitaliy has the heart of a champion and the spray control of a confused AI. Truly inspirational.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766158635120-y4gwwb01.jpg",
              imageAlt: "Marina"
            },
            {
              id: "4",
              name: "Igor",
              handle: "@igor_igl",
              testimonial: "I've stopped calling out positions to Vitaliy. He's found his own strategy that works perfectly: ignore everything.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766162990911-sqzz6qyn.jpg",
              imageAlt: "Igor"
            },
            {
              id: "5",
              name: "Katya",
              handle: "@katya_clutch_queen",
              testimonial: "Vitaliy makes every round a 4v5 in the best way possible. We've never felt more united as a team.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766162991779-saiyrdj9.jpg",
              imageAlt: "Katya"
            },
            {
              id: "6",
              name: "Pavel",
              handle: "@pavel_echo",
              testimonial: "If dedication had a face, it would be Vitaliy. Lost? Absolutely. But dedicated? 100%.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766162992589-0po5j3mg.jpg",
              imageAlt: "Pavel"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          speed={35}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Common Questions About Vitaliy"
          sideDescription="Everything you want to know about CS2's most entertaining player"
          faqs={[
            {
              id: "1",
              title: "Why is Vitaliy so bad at CS2?",
              content: "Vitaliy believes it's not about being bad—it's about playing the game in ways others haven't discovered yet. His unique approach to crosshair placement and spray control keeps opponents guessing."
            },
            {
              id: "2",
              title: "Has Vitaliy ever clutched a 1v5?",
              content: "Technically, every round Vitaliy plays alone is a 1v5 clutch attempt. Success rate: approximately 3%. But he shows up every single time!"
            },
            {
              id: "3",
              title: "What's Vitaliy's secret weapon?",
              content: "His positivity. No matter how many rounds he loses, Vitaliy always believes the next one will be different. Spoiler: it won't be."
            },
            {
              id: "4",
              title: "Can I improve by watching Vitaliy play?",
              content: "Absolutely! By studying everything he does wrong, you'll become exponentially better. It's like a masterclass in what not to do."
            },
            {
              id: "5",
              title: "Why do teammates keep inviting Vitaliy to play?",
              content: "Because every group needs someone to unite them. Vitaliy is the glue that holds teams together through shared struggle and laughter."
            },
            {
              id: "6",
              title: "What are Vitaliy's future plans?",
              content: "Vitaliy plans to keep grinding, keep missing, and keep showing up. That's the real competitive spirit."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="smooth"
          textPosition="left"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactInline
          text="Stay Updated on Vitaliy's Gaming Journey"
          animationType="background-highlight"
          inputPlaceholder="Enter your email to suffer with us"
          buttonText="Subscribe"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Vitaliy CS2"
          columns={[
            {
              title: "Gaming",
              items: [
                { label: "Stats", href: "metrics" },
                { label: "Highlights", href: "blog" },
                { label: "Training", href: "faq" }
              ]
            },
            {
              title: "Community",
              items: [
                { label: "Discord", href: "https://discord.com" },
                { label: "Twitch", href: "https://twitch.tv" },
                { label: "YouTube", href: "https://youtube.com" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Contact", href: "contact" },
                { label: "FAQ", href: "faq" },
                { label: "Feedback", href: "contact" }
              ]
            }
          ]}
          copyrightText="© 2025 Vitaliy CS2 Official | Celebrating Consistent Failure with Pride"
        />
      </div>
    </ThemeProvider>
  );
}