"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Zap, Heart, Sparkles, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="medium"
      background="none"
      cardStyle="outline"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Tag"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Buy Now",            href: "https://shop.tag.com"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Experience Ultimate Precision & Comfort"
          description="Tag mouse: Featherweight design meets premium ergonomics. Engineered for perfection, built for your hand."
          tag="Revolutionary Design"
          tagIcon={Zap}
          background={{ variant: "radial-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/business-manager-writing-diagrams-data-computer-creating-official-marketing-report-e-commerce-development-young-employee-planning-financial-project-with-statistics-night-close-up_482257-65001.jpg",              imageAlt: "Tag mouse side profile view"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/teleworking-computer-technician-typing-keyboard-close-up_482257-112411.jpg",              imageAlt: "Tag mouse top view"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/purple-computer-mouse_1260-12.jpg",              imageAlt: "Tag mouse precision button detail"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/programmer-typing-computer-fix-software-vulnerabilities-close-up_482257-116542.jpg",              imageAlt: "Tag mouse held in hand"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/view-neon-illuminated-gaming-desk-setup-with-keyboard_23-2149529362.jpg",              imageAlt: "Tag mouse professional product shot"
            }
          ]}
          buttons={[
            { text: "Shop Now", href: "https://shop.tag.com" },
            { text: "Learn More", href: "#features" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Our Collection"
          description="Lightweight precision mice engineered for every use case. From gaming to productivity."
          tag="Featured Products"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          products={[
            {
              id: "1",              name: "Tag Pro Elite",              price: "$79.99",              imageSrc: "https://img.b2bpic.net/free-photo/view-neon-illuminated-gaming-desk-setup-with-keyboard_23-2149529362.jpg",              imageAlt: "Tag Pro Elite gaming mouse"
            },
            {
              id: "2",              name: "Tag Precision Standard",              price: "$59.99",              imageSrc: "https://img.b2bpic.net/free-photo/leaf_23-2148167214.jpg",              imageAlt: "Tag Precision Standard mouse"
            },
            {
              id: "3",              name: "Tag Comfort Plus",              price: "$69.99",              imageSrc: "https://img.b2bpic.net/free-photo/white-leaf_23-2148167261.jpg",              imageAlt: "Tag Comfort Plus ergonomic mouse"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="Why Choose Tag"
          description="Superior engineering meets everyday usability. Every detail designed for your comfort and performance."
          tag="Key Features"
          textboxLayout="default"
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              title: "Ultra Lightweight",              description: "Weighs just 65g with the most responsive feel. Reduce hand fatigue and maximize control during extended gaming or work sessions.",              imageSrc: "https://img.b2bpic.net/free-photo/feather-sand_181624-22224.jpg",              imageAlt: "Ultra lightweight design"
            },
            {
              title: "Ergonomic Excellence",              description: "Contoured design cradles your palm perfectly. Tested with thousands of users to ensure maximum comfort for all hand sizes.",              imageSrc: "https://img.b2bpic.net/free-photo/white-leaf_23-2148167261.jpg",              imageAlt: "Ergonomic design"
            },
            {
              title: "Precision Sensor",              description: "25,600 DPI sensor with zero acceleration. Perfect for competitive gaming, design work, and precision tasks.",              imageSrc: "https://img.b2bpic.net/free-photo/leaf_23-2148167214.jpg",              imageAlt: "Precision sensor technology"
            },
            {
              title: "Ultra-Fast Response",              description: "8000 Hz polling rate for millisecond-perfect tracking. Experience lag-free performance that competitive gamers demand.",              imageSrc: "https://img.b2bpic.net/free-photo/white-feather-with-copper-tip-social-template_53876-160528.jpg",              imageAlt: "Ultra-fast response technology"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="Tag by the Numbers"
          description="Industry-leading performance backed by real results and customer satisfaction."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              id: "1",              value: "65g",              title: "Lightest in Class",              items: [
                "65% lighter than competitors",                "Reduces hand fatigue by 40%",                "Perfect for all-day comfort"
              ]
            },
            {
              id: "2",              value: "25,600",              title: "Max DPI Precision",              items: [
                "Zero acceleration tracking",                "Professional-grade sensor",                "Sub-millisecond response"
              ]
            },
            {
              id: "3",              value: "98%",              title: "User Satisfaction",              items: [
                "99% would recommend",                "5-star average rating",                "30,000+ happy customers"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Loved by Professionals"
          description="Gamers, designers, and developers trust Tag for comfort and performance."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Marcus Chen",              role: "Esports Pro",              testimonial: "The Tag Pro Elite changed my game. Finally, a mouse that's lightweight enough not to slow me down but precise enough to land every shot. I'm getting 15% better accuracy.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",              imageAlt: "Marcus Chen, Esports Professional"
            },
            {
              id: "2",              name: "Sarah Mitchell",              role: "UX Designer",              testimonial: "After 8 hours of design work, my wrist finally doesn't hurt. The ergonomic design of Tag is phenomenal. It's the only mouse I'll use in my studio.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Sarah Mitchell, UX Designer"
            },
            {
              id: "3",              name: "James Rodriguez",              role: "Software Developer",              testimonial: "Tag's precision is unmatched. Combined with the lightweight design, I can code for hours without any fatigue. Best investment in my setup.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "James Rodriguez, Software Developer"
            },
            {
              id: "4",              name: "Emma Thompson",              role: "Creative Director",              testimonial: "Perfect balance of comfort and control. I've tried expensive alternatives, but Tag delivers premium quality at an honest price. Highly recommend.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",              imageAlt: "Emma Thompson, Creative Director"
            },
            {
              id: "5",              name: "David Park",              role: "Tech Reviewer",              testimonial: "Reviewing tech for 10 years, and Tag is genuinely one of the best mice I've tested. The engineering is superb, and it actually feels premium.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",              imageAlt: "David Park, Tech Reviewer"
            },
            {
              id: "6",              name: "Lisa Anderson",              role: "Manager, Tech Startup",              testimonial: "We equipped our entire team with Tag mice. Productivity increased, and comfort complaints stopped. This is a no-brainer for any modern workplace.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg",              imageAlt: "Lisa Anderson, Tech Startup Manager"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Simple, Transparent Pricing"
          description="Choose the perfect Tag mouse for your needs. All models include 2-year warranty and 30-day satisfaction guarantee."
          tag="Pricing Plans"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          plans={[
            {
              id: "standard",              price: "$59.99",              name: "Precision Standard",              buttons: [
                { text: "Add to Cart", href: "https://shop.tag.com/standard" },
                { text: "Learn More", href: "#features" }
              ],
              features: [
                "65g ultralight design",                "6 programmable buttons",                "3200 DPI sensor",                "Wired connection",                "30-day guarantee"
              ]
            },
            {
              id: "comfort",              badge: "Best for Comfort",              badgeIcon: Heart,
              price: "$69.99",              name: "Comfort Plus",              buttons: [
                { text: "Add to Cart", href: "https://shop.tag.com/comfort" },
                { text: "Learn More", href: "#features" }
              ],
              features: [
                "65g ultralight design",                "8 programmable buttons",                "12,800 DPI sensor",                "2.4GHz wireless",                "40-hour battery",                "30-day guarantee"
              ]
            },
            {
              id: "elite",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "$79.99",              name: "Pro Elite",              buttons: [
                { text: "Add to Cart", href: "https://shop.tag.com/elite" },
                { text: "Learn More", href: "#features" }
              ],
              features: [
                "65g ultralight design",                "12 programmable buttons",                "25,600 DPI sensor",                "8000 Hz polling rate",                "2.4GHz wireless + USB-C",                "50-hour battery",                "30-day guarantee"
              ]
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          title="Get Exclusive Updates & Offers"
          description="Be the first to know about new products, special discounts, and exclusive gaming events. Join the Tag community today."
          tagIcon={Mail}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. No spam, just quality updates."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-vector/abstract-background-with-futuristic-style_23-2147826334.jpg"
          imageAlt="Technology pattern background"
          logoText="Tag"
          copyrightText="© 2025 Tag Peripherals. All rights reserved."
          columns={[
            {
              title: "Products",              items: [
                { label: "Pro Elite", href: "#products" },
                { label: "Comfort Plus", href: "#products" },
                { label: "Precision Standard", href: "#products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Help Center", href: "#" },
                { label: "Warranty", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}