"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="noise"
        cardStyle="outline"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Games",
          id: "games",
        },
        {
          name: "Updates",
          id: "updates",
        },
        {
          name: "FAQ",
          id: "faq",
        },
      ]}
      brandName="GameNexus"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "gradient-bars",
      }}
      logoText="GameNexus Hub"
      description="Your ultimate destination for the latest free games and major updates. Stay ahead of the competition."
      buttons={[
        {
          text: "Explore Games",
          href: "#games",
        },
        {
          text: "Get Latest Updates",
          href: "#updates",
        },
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/3d-neon-lights-background_23-2150710772.jpg"
      imageAlt="futuristic gaming background digital"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNineteen
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          tag: "Free Access",
          title: "Free Game Vault",
          subtitle: "Curated selection",
          description: "High-quality titles available to play for free instantly.",
          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-woman-long-coat_23-2151975922.jpg",
        },
        {
          tag: "Live Alerts",
          title: "Update Tracking",
          subtitle: "Stay informed",
          description: "Get notified the second a game update drops.",
          imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301541.jpg",
        },
        {
          tag: "Global Support",
          title: "Worldwide Play",
          subtitle: "Access anywhere",
          description: "Optimized servers across the globe for minimal latency.",
          imageSrc: "http://img.b2bpic.net/free-photo/illustration-triangular-corridor-made-out-purple-blue-lines_181624-9655.jpg",
        },
      ]}
      title="Why GameNexus?"
      description="We bring you curated game lists, real-time update tracking, and lightning-fast download sources for top titles."
    />
  </div>

  <div id="games" data-section="games">
      <ProductCardTwo
      animationType="scale-rotate"
      textboxLayout="split-description"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "g1",
          brand: "Rockstar",
          name: "GTA: Vice City",
          price: "FREE",
          rating: 5,
          reviewCount: "12k",
          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-city-street-night-with-neon-lights-futuristic-aesthetic_23-2151488722.jpg",
        },
        {
          id: "g2",
          brand: "Mojang",
          name: "Minecraft",
          price: "FREE",
          rating: 5,
          reviewCount: "45k",
          imageSrc: "http://img.b2bpic.net/free-photo/vivid-abstract-background-cubes_58702-6076.jpg",
        },
        {
          id: "g3",
          brand: "Activision",
          name: "Call of Duty",
          price: "FREE",
          rating: 4,
          reviewCount: "8k",
          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-soldier-combat-with-drones_23-2152000894.jpg",
        },
        {
          id: "g4",
          brand: "EA",
          name: "Need for Speed",
          price: "FREE",
          rating: 4,
          reviewCount: "5k",
          imageSrc: "http://img.b2bpic.net/free-photo/anime-car-city_23-2151710959.jpg",
        },
        {
          id: "g5",
          brand: "Konami",
          name: "Pro Evolution",
          price: "FREE",
          rating: 4,
          reviewCount: "3k",
          imageSrc: "http://img.b2bpic.net/free-photo/american-football-player-neon-style_23-2151827436.jpg",
        },
        {
          id: "g6",
          brand: "Ubisoft",
          name: "Galaxy Tactics",
          price: "FREE",
          rating: 5,
          reviewCount: "9k",
          imageSrc: "http://img.b2bpic.net/free-photo/spaceman-riding-horse-outer-space_23-2151605242.jpg",
        },
      ]}
      title="Popular Games Library"
      description="Explore the most trending games right now. From open-world classics to high-intensity shooters."
    />
  </div>

  <div id="updates" data-section="updates">
      <BlogCardOne
      textboxLayout="default"
      useInvertedBackground={false}
      title="Latest Game Updates"
      description="Don't miss a single patch. Here is what's happening in your favorite titles."
      blogs={[
        {
          id: "b1",
          category: "Patch Notes",
          title: "New City Map Update",
          excerpt: "The latest patch brings new buildings.",
          imageSrc: "http://img.b2bpic.net/free-photo/anime-style-house-architecture_23-2151064808.jpg",
          authorName: "Nexus Staff",
          authorAvatar: "http://img.b2bpic.net/free-photo/young-sporty-man-wearing-sportswear-headband-with-headphones-surprised_141793-37324.jpg",
          date: "Oct 12, 2023",
        },
        {
          id: "b2",
          category: "Mod News",
          title: "Minecraft Caves Expansion",
          excerpt: "Explore deeper than ever before.",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-medieval-fantasy-landscape-with-city_23-2150916282.jpg",
          authorName: "Nexus Staff",
          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-beautiful-lady-headphones-lying-sofa-with-cellphone-hands-listening-music-while-dreamily-looking-camera-home_574295-4716.jpg",
          date: "Oct 10, 2023",
        },
        {
          id: "b3",
          category: "Patch Notes",
          title: "New Warzone Weapon Meta",
          excerpt: "Adjust your loadout with new buffs.",
          imageSrc: "http://img.b2bpic.net/free-photo/collage-cyber-punk-portrait_52683-103757.jpg",
          authorName: "Nexus Staff",
          authorAvatar: "http://img.b2bpic.net/free-photo/young-handsome-man-grey-shirt-with-headphones-looking-aside-smiling-cheerfully_141793-55187.jpg",
          date: "Oct 08, 2023",
        },
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sarah Connor",
          imageSrc: "http://img.b2bpic.net/free-photo/energetic-gamer-starting-live-broadcast-interacting-with-viewers-before-playing-videogame_482257-116267.jpg",
        },
        {
          id: "t2",
          name: "Mike Ross",
          imageSrc: "http://img.b2bpic.net/free-photo/stressed-man-playing-videogames-home-spamming-keyboard-buttons_482257-116257.jpg",
        },
        {
          id: "t3",
          name: "Alex Mercer",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-winning-videogame_23-2149349988.jpg",
        },
        {
          id: "t4",
          name: "Linda Wei",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-brutal-male-casual-clothes-dark-background_613910-16055.jpg",
        },
        {
          id: "t5",
          name: "David West",
          imageSrc: "http://img.b2bpic.net/free-photo/trumpet-player-chilling-chair_23-2147624325.jpg",
        },
      ]}
      cardTitle="What Players Say"
      cardTag="Community Voices"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split-description"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "Are these games really free?",
          content: "Yes, all games listed here are provided via authorized free-to-play platforms or freeware licenses.",
        },
        {
          id: "f2",
          title: "How often do you update?",
          content: "Our systems check for patches every 60 minutes.",
        },
        {
          id: "f3",
          title: "Is my data secure?",
          content: "We never store your personal game account details.",
        },
      ]}
      title="Frequently Asked"
      description="Have questions? We have answers."
      faqsAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/3d-render-abstract-sound-waves-digital-technology-background_1048-13247.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="proof" data-section="proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Activision",
        "Rockstar Games",
        "Mojang Studios",
        "EA Sports",
        "Ubisoft",
        "Konami",
        "Epic Games",
      ]}
      title="Partners & Platforms"
      description="Collaborating with leading studios to bring you the best."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Keep Posted"
      title="Subscribe to Updates"
      description="Never miss a game release or update notification. Sign up for our weekly newsletter."
      imageSrc="http://img.b2bpic.net/free-photo/remote-worker-organizing-project-data-reviewing-his-handwritten-notes_482257-120825.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Trending",
              href: "#games",
            },
            {
              label: "Updates",
              href: "#updates",
            },
          ],
        },
        {
          items: [
            {
              label: "About Us",
              href: "#",
            },
            {
              label: "Privacy",
              href: "#",
            },
          ],
        },
        {
          items: [
            {
              label: "Support",
              href: "#faq",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
      ]}
      logoText="GameNexus"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
