"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Mail, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="small"
      background="plain"
      cardStyle="spotlight"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Clips", id: "highlights" },
            { name: "Roasts", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Watch Fails", href: "highlights" }}
          brandName="Vitaliy"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="VITALIY"
          description="The Internet's Most Notorious Counter-Strike 2 Player. Witness greatness... in reverse."
          buttons={[
            { text: "See the Fails", href: "highlights" },
            { text: "Join the Roast", href: "testimonials" }
          ]}
          slides={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766158635120-y4gwwb01.jpg",
              imageAlt: "Gaming setup with controller"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766158632358-nc1qysqn.jpg",
              imageAlt: "Counter-Strike 2 gameplay"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163676613-1gzfbx97.jpg",
              imageAlt: "Professional gaming desk"
            }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <TagMediaSplitAbout
          variant="card"
          title="Who is Vitaliy?"
          description="A Counter-Strike 2 journey like no other. From rookie mistakes to legendary fails."
          textboxLayout="default"
          contentTag="THE LEGEND"
          contentTagIcon={Zap}
          contentTitle="The Man, The Myth, The Whiff"
          contentDescription="Vitaliy discovered Counter-Strike 2 with dreams of esports glory. What he found instead was a talent for creative gameplay that nobody asked for. With spray patterns that defy logic and positioning that confuses even his own team, Vitaliy has become an internet sensation for all the right wrong reasons. His spray control is legendary. Legendarily terrible."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766158635120-y4gwwb01.jpg"
          imageAlt="Vitaliy portrait"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="highlights" data-section="highlights">
        <FeatureCardNineteen
          title="Signature Moments"
          description="The plays that made Vitaliy famous across the gaming world"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              tag: "CLASSIC FAIL",
              title: "The Phantom Spray",
              subtitle: "When spray control meets spray chaos.",
              description: "A masterclass in why you should never peek without looking. Vitaliy unloads an entire mag at a standing opponent and somehow misses every shot. The opponent was stationary. He was three meters away.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163144014-82xk4wdq.jpg",
              imageAlt: "Vitaliy spray control fail"
            },
            {
              id: 2,
              tag: "BENCHMARK",
              title: "The Lowest Moment",
              subtitle: "Hitting new ranks nobody knew existed.",
              description: "Dropped to an MMR so low that even casual players felt bad. The achievement? Getting 4 kills and 27 deaths in a single match. He was the only one on his team.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766158632358-nc1qysqn.jpg",
              imageAlt: "Vitaliy low rank gameplay"
            },
            {
              id: 3,
              tag: "CLUTCH FAIL",
              title: "1v1 Against Bot",
              subtitle: "When a bot is your equal.",
              description: "Lost a 1v1 against a bot named 'Bot Easy'. The bot was set to hard. To this day, no one has explained how that happened.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163676613-1gzfbx97.jpg",
              imageAlt: "Vitaliy losing to bot"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What People Say About Vitaliy"
          description="The brutal, beautiful, honest roasts from those who know him best"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          speed={35}
          testimonials={[
            {
              id: "1",
              name: "Alex Chen",
              handle: "@CompetitiveGamer",
              testimonial: "Playing with Vitaliy taught me patience. And disappointment. Mostly disappointment. But seriously, his dedication is unmatched, even if his aim isn't.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766158632358-nc1qysqn.jpg",
              imageAlt: "Alex Chen"
            },
            {
              id: "2",
              name: "Marcus Rodriguez",
              handle: "@ProPlayer2023",
              testimonial: "I've never seen someone lose so creatively. It's almost artistic how he manages to get in the wrong position every single time. Respect the commitment.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageAlt: "Marcus Rodriguez"
            },
            {
              id: "3",
              name: "Sarah Kim",
              handle: "@StreamQueen",
              testimonial: "Vitaliy is the reason I turned off spectate mode. You can only watch so many headshot whiffs before your soul leaves your body. But I watch anyway because it's hilarious.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageAlt: "Sarah Kim"
            },
            {
              id: "4",
              name: "Dmitri Volkov",
              handle: "@CasualPlayer",
              testimonial: "This man makes me look like a pro. And somehow, that's not even an insult anymore. He's genuinely entertaining. The worst player I know, but the most entertaining.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163677896-h7vfowg5.jpg",
              imageAlt: "Dmitri Volkov"
            },
            {
              id: "5",
              name: "James Wilson",
              handle: "@GamingJournalist",
              testimonial: "If Counter-Strike 2 had a reality show, Vitaliy would be the star. His losses are legendary. His comebacks are non-existent. Pure entertainment.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
              imageAlt: "James Wilson"
            },
            {
              id: "6",
              name: "Lisa Park",
              handle: "@EsportsCommunity",
              testimonial: "Vitaliy proves that you don't need to be good to be famous. You just need to be consistently bad in the most entertaining way possible. Legend status achieved.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163679502-vb2wmel9.jpg",
              imageAlt: "Lisa Park"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="The Numbers Don't Lie"
          description="Vitaliy's statistical legacy in Counter-Strike 2"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",
              value: "2.3K+",
              title: "Whiffed Shots",
              description: "In this calendar year alone",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163144014-82xk4wdq.jpg",
              imageAlt: "Whiff compilation"
            },
            {
              id: "2",
              value: "847",
              title: "Losses",
              description: "Competitive matches played",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766158632358-nc1qysqn.jpg",
              imageAlt: "Loss counter"
            },
            {
              id: "3",
              value: "0.47",
              title: "K/D Ratio",
              description: "More deaths than kills. Always.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163676613-1gzfbx97.jpg",
              imageAlt: "Stats tracker"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Tuned"
          tagIcon={Mail}
          title="Get Updates"
          description="Subscribe to stay updated on Vitaliy's latest fails, roasts, and the occasional miraculous round where he doesn't finish with negative stats."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163680798-oj3ju2na.jpg"
          imageAlt="Gaming community"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We'll send you highlights of Vitaliy's most entertaining moments. No spam, just pure gaming comedy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="VITALIY"
          columns={[
            {
              items: [
                { label: "Home", href: "hero" },
                { label: "About", href: "about" },
                { label: "Clips", href: "highlights" }
              ]
            },
            {
              items: [
                { label: "Testimonials", href: "testimonials" },
                { label: "Stats", href: "metrics" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Twitter", href: "https://twitter.com" },
                { label: "Twitch", href: "https://twitch.tv" },
                { label: "YouTube", href: "https://youtube.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}