"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Zap, Target, Feather, Wifi, Palette, Shield, Sparkles, Award, Star, HelpCircle } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Why Tag", id: "about" },
            { name: "Products", id: "products" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Tag"
          bottomLeftText="Precision Gaming"
          bottomRightText="hello@tag.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Experience Precision Gaming"
          description="Tag mice engineered for champions. Responsive sensors, ergonomic design, and zero-lag performance. Dominate every match with the peripheral that pro gamers trust."
          tag="Premium Gaming Peripherals"
          tagIcon={Zap}
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Explore Products", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
          carouselItems={[
            {
              id: "hero-1",              imageSrc: "https://img.b2bpic.net/free-photo/ai-powered-device-concept_23-2151924154.jpg",              imageAlt: "Tag Elite Gaming Mouse - Premium Edition"
            },
            {
              id: "hero-2",              imageSrc: "https://img.b2bpic.net/free-photo/view-neon-illuminated-gaming-desk-setup-with-keyboard_23-2149529362.jpg",              imageAlt: "Tag Wireless Gaming Mouse - Ultra-responsive"
            },
            {
              id: "hero-3",              imageSrc: "https://img.b2bpic.net/free-photo/wireless-earbuds-with-neon-cyberpunk-style-lighting_23-2151074274.jpg",              imageAlt: "Tag Pro Series Gaming Mouse - Esports Ready"
            },
            {
              id: "hero-4",              imageSrc: "https://img.b2bpic.net/free-photo/gradient-view-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529389.jpg",              imageAlt: "Tag Minimalist Gaming Mouse - Sleek Design"
            },
            {
              id: "hero-5",              imageSrc: "https://img.b2bpic.net/free-photo/view-neon-illuminated-gaming-desk-setup-with-keyboard_23-2149529370.jpg",              imageAlt: "Tag RGB Gaming Mouse - Customizable Lighting"
            },
            {
              id: "hero-6",              imageSrc: "https://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529410.jpg",              imageAlt: "Tag Gaming Mouse - Precision Sensor"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Tag?"
          description="We obsess over every detail to create mice that respond exactly how you need them to."
          tabs={[
            {
              id: "precision",              label: "Precision Engineering",              description: "Our proprietary sensor technology delivers sub-millisecond response times with pinpoint accuracy up to 32,000 DPI. Every component is calibrated for competitive gaming."
            },
            {
              id: "design",              label: "Ergonomic Design",              description: "Sculpted for the human hand with contoured grips and weight-optimized shells. Extended gaming sessions feel effortless with our biomechanically tested designs."
            },
            {
              id: "durability",              label: "Built to Last",              description: "Military-grade materials and 100 million click-rated switches ensure your Tag mouse outlasts the competition. Backed by our lifetime warranty."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/team-photovoltaics-factory-technicians-working-together-improve-efficiency_482257-120389.jpg"
          imageAlt="Tag precision engineering and craftsmanship"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureHoverPattern
          title="Game-Changing Features"
          description="Packed with innovations that give you the competitive edge when it matters most."
          tag="Advanced Technology"
          tagIcon={Sparkles}
          features={[
            {
              icon: Zap,
              title: "Lightning-Fast Response",              description: "1ms polling rate delivers instantaneous cursor movement with zero latency. React faster than your opponents."
            },
            {
              icon: Target,
              title: "Precision Tracking",              description: "32,000 DPI sensor with pixel-perfect accuracy. Track enemies with surgical precision in any lighting condition."
            },
            {
              icon: Feather,
              title: "Ultra-Lightweight",              description: "Optimized weight distribution under 70g reduces fatigue during marathon sessions. Speed without sacrifice."
            },
            {
              icon: Wifi,
              title: "Wireless Freedom",              description: "2.4GHz wireless with 240-hour battery. Play untethered without compromise on performance."
            },
            {
              icon: Palette,
              title: "Customizable RGB",              description: "16 million color options with programmable lighting zones. Express your gaming style."
            },
            {
              icon: Shield,
              title: "Anti-Slip Grip",              description: "Textured side panels and contoured thumb rest provide secure grip control in intense moments."
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Our Product Lineup"
          description="Choose the Tag mouse that matches your playstyle and competitive level."
          tag="Premium Selection"
          tagIcon={Award}
          products={[
            {
              id: "elite-pro",              name: "Tag Elite Pro",              price: "$129.99",              imageSrc: "https://img.b2bpic.net/free-photo/joyous-gen-z-entertainer-presenting-wired-gaming-mouse-from-brand-close-up_482257-87330.jpg",              imageAlt: "Tag Elite Pro Gaming Mouse - Premium Performance",              initialQuantity: 1
            },
            {
              id: "speed-force",              name: "Tag Speed Force",              price: "$89.99",              imageSrc: "https://img.b2bpic.net/free-photo/gradient-view-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529384.jpg",              imageAlt: "Tag Speed Force Gaming Mouse - Lightweight Design",              initialQuantity: 1
            },
            {
              id: "precision-ace",              name: "Tag Precision Ace",              price: "$109.99",              imageSrc: "https://img.b2bpic.net/free-photo/gradient-illuminated-neon-gaming-desk-setup-with-keyboard_23-2149529406.jpg",              imageAlt: "Tag Precision Ace Gaming Mouse - Accuracy Focused",              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Trusted by Pro Gamers"
          description="Hear from champions who depend on Tag for victory."
          tag="Player Testimonials"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Alex Chen",              handle: "@ProShotAlex",              testimonial: "Tag Elite Pro changed my game. The precision sensor and 1ms response time gave me the edge I needed to go pro. Best investment ever.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/pro-gamer-broadcasting-gameplay-front-internet-audience_482257-77071.jpg",              imageAlt: "Alex Chen, Professional Esports Player"
            },
            {
              id: "2",              name: "Luna Striker",              handle: "@LunaStreams",              testimonial: "Using Tag for over a year. The ergonomics are unmatched, and my wrist pain completely disappeared. Plus they look sick on stream!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-shot-pro-gamer-broadcasting-game-internet-talking-with-audience_482257-99050.jpg",              imageAlt: "Luna Striker, Gaming Streamer"
            },
            {
              id: "3",              name: "Marcus Velocity",              handle: "@VelocityFPS",              testimonial: "Flick accuracy on Tag is insane. I switched from another brand and immediately saw my headshot percentage improve. Never looking back.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/man-having-fun-gaming-laughing-with-friends_482257-116059.jpg",              imageAlt: "Marcus Velocity, Competitive Gamer"
            },
            {
              id: "4",              name: "Sophie Apex",              handle: "@ApexSophie",              testimonial: "The wireless connection is genuinely lag-free. I've used dozens of gaming mice, and Tag is the first one that doesn't compromise on performance.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/professional-gamer-participating-online-multiplayer-esports-tournament-using-powerful-desktop-pc_482257-77074.jpg",              imageAlt: "Sophie Apex, Professional Gamer"
            },
            {
              id: "5",              name: "Jordan Echo",              handle: "@EchoGaming",              testimonial: "Tag's customer service is incredible. They went above and beyond with customization options. A brand that actually cares about gamers.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/stressed-man-playing-videogames-home-spamming-keyboard-buttons_482257-116257.jpg",              imageAlt: "Jordan Echo, Gaming Enthusiast"
            },
            {
              id: "6",              name: "Riley Storm",              handle: "@StormCompetitive",              testimonial: "Used Tag throughout my entire competitive season. The durability is unreal, and the ergonomics kept me comfortable during 12-hour tournaments.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-concentrated-hacker-work-man-headphones-looking-laptop-screen-reading-hacking-computer-concept_74855-24717.jpg",              imageAlt: "Riley Storm, Tournament Winner"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Everything you need to know about Tag gaming mice."
          tag="Support"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",              title: "What DPI range do Tag mice support?",              content: "Our Tag mice support up to 32,000 DPI with adjustable sensitivity profiles. You can customize DPI settings in 100-DPI increments using our Tag Control software."
            },
            {
              id: "2",              title: "Are Tag mice compatible with Mac and Linux?",              content: "Yes! Tag mice work with Windows, macOS, and Linux. Our drivers are plug-and-play compatible with all major operating systems. No software required for basic functionality."
            },
            {
              id: "3",              title: "What's the warranty on Tag products?",              content: "We offer a lifetime warranty on manufacturing defects and a 30-day money-back guarantee. If you're not satisfied, we'll make it right."
            },
            {
              id: "4",              title: "How long does the battery last on wireless models?",              content: "Wireless Tag mice offer 240 hours of continuous use on a single charge. That's roughly 10 days of non-stop gaming. Charging takes just 2 hours via USB-C."
            },
            {
              id: "5",              title: "Can I customize the RGB lighting?",              content: "Absolutely! Download our Tag Control software to access 16 million color options, multiple lighting patterns, and profile settings. Save up to 5 custom profiles."
            },
            {
              id: "6",              title: "Do Tag mice work with gaming consoles?",              content: "Tag mice are optimized for PC gaming. For console gaming (PlayStation, Xbox), compatibility varies. Contact our support team for specific console compatibility."
            },
            {
              id: "7",              title: "What about click durability?",              content: "All Tag mice feature 100 million click-rated switches, tested to withstand intense gaming. That translates to years of competitive play before any wear."
            },
            {
              id: "8",              title: "Is there a travel-friendly model?",              content: "Yes! The Tag Speed Force is ultra-lightweight and comes with a compact carrying case. Perfect for tournament travel or LAN events."
            }
          ]}
          animationType="smooth"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to level up your game? Join thousands of competitive gamers already using Tag. Claim your competitive edge today."
          animationType="reveal-blur"
          buttons={[
            { text: "Shop Now", href: "products" },
            { text: "Get Support", href: "https://support.tag.com" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Tag"
          copyrightText="© 2025 Tag Gaming. All rights reserved."
          columns={[
            {
              title: "Product",              items: [
                { label: "Elite Pro", href: "products" },
                { label: "Speed Force", href: "products" },
                { label: "Precision Ace", href: "products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Tag", href: "about" },
                { label: "Testimonials", href: "testimonials" },
                { label: "Support", href: "https://support.tag.com" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Twitter", href: "https://twitter.com" },
                { label: "Discord", href: "https://discord.com" },
                { label: "Contact", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}