"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
import SplitAbout from '@/components/sections/about/SplitAbout';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Award, Globe, Lightbulb, Mail, Star, Target, TrendingUp, Trophy, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="dotGrid"
      cardStyle="elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="outline"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="VetalGlek"
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161711855-vrr7mcpo.jpg"
          logoAlt="VetalGlek Logo"
          navItems={[
            { name: "About", id: "about" },
            { name: "Records", id: "metrics" },
            { name: "Techniques", id: "features" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Subscribe",
            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardSplit
          tag="Elite Flashbang Thrower"
          tagIcon={Zap}
          title="VetalGlek: Master of Distance & Precision"
          description="World-class flashbang thrower with record-breaking distances and unmatched accuracy. Dominating competitions globally with advanced technique and explosive power."
          buttons={[
            { text: "View Records", href: "metrics" },
            { text: "Learn Technique", href: "features" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161712908-kjfe5wxt.jpg"
          imageAlt="VetalGlek professional athlete portrait"
          frameStyle="browser"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="About VetalGlek"
          description="A legendary athlete dedicated to perfecting the flashbang throw. With over 15 years of elite competition experience, VetalGlek has redefined what's possible in throwing athletics through innovation and relentless dedication."
          tag="The Champion"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          bulletPoints={[
            {
              title: "Advanced Technique",
              description: "Proprietary throwing methodology combining rotational mechanics with explosive hip drive for maximum distance.",
              icon: Zap
            },
            {
              title: "Champion Mindset",
              description: "Laser-focused competitive edge with mental training protocols that deliver consistency under pressure.",
              icon: Target
            },
            {
              title: "Global Recognition",
              description: "Multiple international competition victories and endorsed by leading sports organizations worldwide.",
              icon: Globe
            },
            {
              title: "Continuous Innovation",
              description: "Constantly refining techniques and training methods to push the boundaries of what athletes can achieve."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161712908-kjfe5wxt.jpg"
          imageAlt="VetalGlek in action"
          imagePosition="right"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Championship Records"
          description="Achievements that speak to elite-level athletic performance and dominance in flashbang throwing."
          tag="Proven Excellence"
          tagIcon={Trophy}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="four-items-2x2-equal-grid"
          containerStyle="default"
          metrics={[
            {
              id: "1",
              icon: TrendingUp,
              title: "Personal Best",
              value: "87.3m"
            },
            {
              id: "2",
              icon: Trophy,
              title: "Competitions Won",
              value: "42"
            },
            {
              id: "3",
              icon: Users,
              title: "Years Elite",
              value: "15+"
            },
            {
              id: "4",
              icon: Zap,
              title: "Avg Throw Power",
              value: "85.2m"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardFourteen
          title="Throwing Techniques"
          description="Witness the explosive power and precision that makes VetalGlek a champion. Each technique refined through years of competition."
          tag="Masterclass"
          tagIcon={Lightbulb}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "1",
              title: "Rotational Drive",
              description: "Explosive hip rotation generating maximum torque and velocity transfer through the throwing arm.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161713587-sv16am71.jpg",
              imageAlt: "Rotational throwing technique"
            },
            {
              id: "2",
              title: "Release Precision",
              description: "Perfect finger spacing and hand positioning ensuring consistent accuracy and minimizing deviation.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161714211-z0wyola8.jpg",
              imageAlt: "Release precision technique"
            },
            {
              id: "3",
              title: "Power Transfer",
              description: "Full-body engagement channeling energy from legs through core to create explosive arm velocity.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161715031-cs96srn7.jpg",
              imageAlt: "Power transfer demonstration"
            },
            {
              id: "4",
              title: "Follow-Through",
              description: "Complete deceleration mechanics protecting joints while maximizing distance and trajectory control.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161715642-7tfob676.jpg",
              imageAlt: "Follow-through technique"
            },
            {
              id: "5",
              title: "Competition Performance",
              description: "Elite-level execution under pressure with consistency and power delivery in high-stakes environments.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161716296-k79n11xk.jpg",
              imageAlt: "Competition performance"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Experts Say"
          description="Recognition from coaches, judges, and fellow athletes about VetalGlek's exceptional talent and dedication."
          tag="Expert Endorsements"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Dr. Marcus Chen, Olympic Coach",
              date: "Date: October 2024",
              title: "The Best Technical Athlete I've Coached",
              quote: "VetalGlek represents the pinnacle of athletic excellence. Their commitment to technique and performance is unmatched in the sport. Every throw is a masterclass in biomechanics.",
              tag: "Coaching Expert",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161716897-3ct4uqsh.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161713587-sv16am71.jpg"
            },
            {
              id: "2",
              name: "Julia Rodriguez, International Judge",
              date: "Date: September 2024",
              title: "Consistent Winner with Flawless Form",
              quote: "In 20 years of judging international competitions, I've never seen such consistency and precision. VetalGlek sets the standard for excellence.",
              tag: "Competition Judge",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161717491-nh0v9rqn.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161714211-z0wyola8.jpg"
            },
            {
              id: "3",
              name: "Alex Thompson, Competitor",
              date: "Date: August 2024",
              title: "An Inspiration to All Athletes",
              quote: "Training alongside VetalGlek has elevated my entire game. Their dedication and technique are something every athlete should aspire to achieve.",
              tag: "Fellow Athlete",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161718115-vyz2pe8a.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161715031-cs96srn7.jpg"
            },
            {
              id: "4",
              name: "Sarah Kim, Sports Science Director",
              date: "Date: July 2024",
              title: "Peak Athletic Performance",
              quote: "VetalGlek's metrics and performance consistency demonstrate elite-level athletic development. A true champion in every measure.",
              tag: "Sports Scientist",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161718721-828hmlaq.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766161715642-7tfob676.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          tagIcon={Mail}
          title="Get Competition Updates"
          description="Subscribe for exclusive insights into VetalGlek's training methods, upcoming competitions, and championship announcements."
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="VetalGlek"
          columns={[
            {
              title: "Navigation",
              items: [
                { label: "About", href: "#about" },
                { label: "Records", href: "#metrics" },
                { label: "Techniques", href: "#features" }
              ]
            },
            {
              title: "Competitions",
              items: [
                { label: "Upcoming Events", href: "#" },
                { label: "Past Results", href: "#" },
                { label: "Rankings", href: "#" }
              ]
            },
            {
              title: "Resources",
              items: [
                { label: "Training Guides", href: "#" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Contact", href: "#contact" }
              ]
            }
          ]}
          copyrightText="© 2025 VetalGlek | Elite Flashbang Throwing"
        />
      </div>
    </ThemeProvider>
  );
}