"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Download, ShieldCheck, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="large"
        background="floatingGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Games",
          id: "games",
        },
        {
          name: "FAQ",
          id: "faq",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="GameVault"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated",
      }}
      title="Unlimited Access to Premium Games"
      description="Unlock your favorite titles, including massive open-world adventures, flight simulators, and tactical combat games—absolutely free."
      buttons={[
        {
          text: "Start Gaming",
          href: "#games",
        },
      ]}
      carouselItems={[
        {
          id: "1",
          imageSrc: "http://img.b2bpic.net/free-photo/electronic-musical-instrument-audio-mixer-sound-equalizer-analog-modular-synthesizer_1381-5.jpg",
          imageAlt: "Futuristic gaming setup",
        },
        {
          id: "2",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-competitive-woman-player-holding-joystick-playing-space-shooter-video-games-powerful-computer-late-night-professional-gamer-using-wireless-controller-online-gaming-championship_482257-12530.jpg",
          imageAlt: "Digital gaming library",
        },
        {
          id: "3",
          imageSrc: "http://img.b2bpic.net/free-photo/digital-entertainment-device-tech-modern_1127-2599.jpg",
          imageAlt: "Gaming controller tech",
        },
        {
          id: "4",
          imageSrc: "http://img.b2bpic.net/free-photo/bowl-popcorn-table-neon-illuminated-home-theater-apartment_482257-120031.jpg",
          imageAlt: "E-sports arena environment",
        },
        {
          id: "5",
          imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301593.jpg",
          imageAlt: "Data stream visualization",
        },
        {
          id: "6",
          imageSrc: "http://img.b2bpic.net/free-photo/team-teenage-gamers-plays-multiplayer-video-game-pc-gaming-club_613910-19172.jpg",
          imageAlt: "Gaming setup close up",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Why Choose GameVault?"
      description="We believe in universal access to high-fidelity gaming. No hidden fees, no subscriptions, just pure, unrestricted entertainment for the gaming community worldwide."
      metrics={[
        {
          value: "500+",
          title: "Free Games",
        },
        {
          value: "1M+",
          title: "Active Users",
        },
        {
          value: "24/7",
          title: "Support",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/man-coding-data-center-testing-failover-scenarios-using-notebook_482257-119863.jpg"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          title: "Lightning Speed",
          description: "High-bandwidth delivery ensuring you download your favorite games in minutes.",
          tag: "Performance",
          imageSrc: "http://img.b2bpic.net/free-photo/cloud-uploading-icon-technology-graphic_53876-14666.jpg",
        },
        {
          id: "f2",
          title: "Verified & Safe",
          description: "Every title is scanned for safety, ensuring your PC remains protected and clean.",
          tag: "Security",
          imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-concept-shield-protecting-data_23-2152001124.jpg",
        },
        {
          id: "f3",
          title: "Cross-Platform Sync",
          description: "Keep your progress saved and synced across all your gaming devices and rigs.",
          tag: "Sync",
          imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169842.jpg",
        },
      ]}
      title="Platform Features"
      description="Experience superior performance with our optimized gaming delivery system."
    />
  </div>

  <div id="games" data-section="games">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Urban Driver Simulator",
          price: "$0.00",
          variant: "Open World",
          imageSrc: "http://img.b2bpic.net/free-photo/retro-futuristic-space-travel_23-2151837569.jpg",
        },
        {
          id: "p2",
          name: "Wilderness Survival",
          price: "$0.00",
          variant: "Action",
          imageSrc: "http://img.b2bpic.net/free-photo/galaxy-planets-digital-art_23-2151727661.jpg",
        },
        {
          id: "p3",
          name: "Cloud Pilot Aero",
          price: "$0.00",
          variant: "Simulation",
          imageSrc: "http://img.b2bpic.net/free-photo/control-table-spacecraft-from-inside_23-2151828208.jpg",
        },
        {
          id: "p4",
          name: "Combat Elite",
          price: "$0.00",
          variant: "Tactical",
          imageSrc: "http://img.b2bpic.net/free-photo/winter-sports-collage-design_23-2150063108.jpg",
        },
        {
          id: "p5",
          name: "Deep Cosmos Odyssey",
          price: "$0.00",
          variant: "Sci-Fi",
          imageSrc: "http://img.b2bpic.net/free-vector/velocity-technology-interface-design-elements_53876-100773.jpg",
        },
        {
          id: "p6",
          name: "Strategic Command Warfare",
          price: "$0.00",
          variant: "Strategy",
          imageSrc: "http://img.b2bpic.net/free-vector/gradient-infographic-element-collection_52683-5466.jpg",
        },
      ]}
      title="Top Trending Games"
      description="Explore our curated catalog of world-class, premium gaming titles available for download."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "100TB+",
          title: "Data Served",
          description: "Daily transfer volume",
          icon: Zap,
        },
        {
          id: "m2",
          value: "99.9%",
          title: "Uptime",
          description: "Constant access reliability",
          icon: ShieldCheck,
        },
        {
          id: "m3",
          value: "5M+",
          title: "Downloads",
          description: "Total library engagement",
          icon: Download,
        },
      ]}
      title="Global Gaming Impact"
      description="Our community continues to grow, setting new standards for gaming accessibility."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Alex River",
          handle: "@gamer_pro",
          testimonial: "GameVault is the holy grail for any gamer on a budget. Everything is so fast and reliable.",
          imageSrc: "http://img.b2bpic.net/free-photo/livid-supporter-watching-sports-match-throwing-pillows-tv-screen_482257-119756.jpg",
        },
        {
          id: "t2",
          name: "Sarah Chen",
          handle: "@sarah_dev",
          testimonial: "I never thought I could get premium flight simulators for free. Absolutely mind-blowing service.",
          imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg",
        },
        {
          id: "t3",
          name: "Mike J",
          handle: "@mike_j",
          testimonial: "The interface is so clean. It honestly feels more premium than the paid platforms.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-businessman-wearing-headset-while-making-video-call-desktop-pc-office_637285-6519.jpg",
        },
        {
          id: "t4",
          name: "Elena V",
          handle: "@elena_play",
          testimonial: "GameVault has redefined how I access my games. My library has never been bigger.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-pro-gamer-streaming-game-using-headset_482257-121655.jpg",
        },
        {
          id: "t5",
          name: "Daniel Kim",
          handle: "@d_kim",
          testimonial: "Super secure and lightning fast downloads. Highly recommend to everyone.",
          imageSrc: "http://img.b2bpic.net/free-photo/smart-looking-teacher_53876-23045.jpg",
        },
      ]}
      title="Community Voices"
      description="What our users are saying about GameVault."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Are these games truly free?",
          content: "Yes, our community-driven platform provides games without any costs, hidden fees, or subscription requirements.",
        },
        {
          id: "q2",
          title: "Is it safe to download?",
          content: "We rigorously verify every game file before hosting it, ensuring your system stays perfectly clean and protected.",
        },
        {
          id: "q3",
          title: "How do I get started?",
          content: "Just browse our catalog, select your game, and hit the download link to enjoy your favorite titles.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Clear answers to your most common questions about our platform."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Support"
      title="Need Help? Reach Out"
      description="Our community support team is available around the clock to assist you with any gaming-related queries."
      buttons={[
        {
          text: "Contact Support",
          href: "mailto:support@gamevault.com",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="GameVault"
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About",
              href: "#",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "Community",
              href: "#",
            },
            {
              label: "Support",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
