"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import { Database, MapPin, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeMediumTitles"
        background="aurora"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Products",          id: "products"},
        {
          name: "Features",          id: "features"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="GTA VI HQ"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      title="Welcome to the Vice City Revolution"
      description="Secure your place in the most anticipated gaming experience of the decade. Pre-order and gain exclusive early access."
      testimonials={[
        {
          name: "Alex R.",          handle: "@gamer_x",          testimonial: "The visuals are absolutely stunning, totally redefined what I expect from an open world game.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-preparing-basketball-match_23-2150847414.jpg"},
        {
          name: "Sarah Chen",          handle: "@s_chen",          testimonial: "Finally, the detail and gameplay I have been waiting for. Cannot wait for release day.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-modern-young-lady-colorful-coat-orange-t-shirt-with-black-earphones-posing-black-background-dance-modern-fashion_140725-16071.jpg"},
        {
          name: "Mike J.",          handle: "@j_mike",          testimonial: "Game of the century. Pre-ordered and ready to dominate the streets.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club_1268-25918.jpg"},
        {
          name: "Chloe V.",          handle: "@c_vamp",          testimonial: "The atmosphere and world building are just next level. Best purchase I've made this year.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-controller_23-2149005235.jpg"},
        {
          name: "Devin B.",          handle: "@b_dev",          testimonial: "Everything about this launch feels monumental. Excited is an understatement.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/athlete-with-arms-crossed_23-2147644391.jpg"},
      ]}
      buttons={[
        {
          text: "Get Access Now",          href: "#products"},
        {
          text: "View Features",          href: "#features"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/darkly-atmospheric-retail-environment-rendering_23-2151153692.jpg"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/brutal-athletic-male-vogue-model-dressed-white-shirt-grey-background_613910-9888.jpg",          alt: "Gamer avatar 1"},
        {
          src: "http://img.b2bpic.net/free-photo/happy-young-african-american-street-basketball-player-camouflage-jacket-isolated-dark-background_613910-19521.jpg",          alt: "Gamer avatar 2"},
        {
          src: "http://img.b2bpic.net/free-photo/view-male-soccer-player-ready-match_23-2150887388.jpg",          alt: "Gamer avatar 3"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-man-with-facial-hair_181624-21795.jpg",          alt: "Gamer avatar 4"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg",          alt: "Gamer avatar 5"},
      ]}
      marqueeItems={[
        {
          type: "text",          text: "PRE-ORDER NOW"},
        {
          type: "text",          text: "VICE CITY 2024"},
        {
          type: "text",          text: "ELITE ACCESS"},
        {
          type: "text",          text: "LIMITED EDITION"},
        {
          type: "text",          text: "NEXT-GEN GAMING"},
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          name: "Physical Steelbook",          price: "$99.99",          imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-arrangement_23-2149854290.jpg"},
        {
          id: "2",          name: "Early Access Pass",          price: "$49.99",          imageSrc: "http://img.b2bpic.net/free-vector/business-cards-template-design_1043-359.jpg"},
        {
          id: "3",          name: "Virtual Cash Bundle",          price: "$79.99",          imageSrc: "http://img.b2bpic.net/free-photo/twisted-dollar-bills-black-background-finance-concept-background_169016-60003.jpg"},
        {
          id: "4",          name: "Collector Figurine",          price: "$149.99",          imageSrc: "http://img.b2bpic.net/free-photo/retro-vhs-packaging-indoors_23-2150172444.jpg"},
        {
          id: "5",          name: "Custom Controller",          price: "$199.99",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746614.jpg"},
        {
          id: "6",          name: "Digital Artbook",          price: "$29.99",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-vibrant-neon-cactus-desert_23-2151244883.jpg"},
      ]}
      title="Exclusive Editions & Bundles"
      description="Unlock more with our curated limited release packages and digital enhancements."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="one-large-left-three-stacked-right"
      useInvertedBackground={false}
      features={[
        {
          title: "Next-Gen Pursuits",          description: "Engage in highly realistic police chases with advanced AI and dynamic city environments.",          imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674228.jpg"},
        {
          title: "Living World",          description: "Explore an expansive and interactive Vice City where every street corner tells a unique story.",          imageSrc: "http://img.b2bpic.net/free-photo/cyberpunk-urban-scenery_23-2150712470.jpg"},
        {
          title: "Smart Ecosystem",          description: "Utilize an integrated mobile platform for seamless mission tracking, customization, and social interaction.",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-finance-digital-market-graph-user-interface-with-diagram-technology-hud-graphic-concept_90220-1365.jpg"},
      ]}
      title="Unmatched Next-Gen Experience"
      description="Discover the revolutionary mechanics and immersive environments of GTA 6."
    />
  </div>

  <div id="metric" data-section="metric">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="The Numbers Don't Lie"
      description="Join millions of players preparing to step into the future of open-world gaming."
      metrics={[
        {
          id: "1",          icon: Users,
          title: "Pre-orders",          value: "2M+"},
        {
          id: "2",          icon: MapPin,
          title: "Map Size",          value: "3x"},
        {
          id: "3",          icon: Database,
          title: "Launch Date",          value: "2025"},
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Secure Your Access"
      description="Join the mailing list for pre-release updates and exclusive bonus rewards."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name"},
        {
          name: "email",          type: "email",          placeholder: "Your Email"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/young-man-running-night-city-streets_23-2149285659.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "About",              href: "#"},
            {
              label: "Support",              href: "#"},
            {
              label: "Press",              href: "#"},
          ],
        },
        {
          items: [
            {
              label: "Terms of Service",              href: "#"},
            {
              label: "Privacy Policy",              href: "#"},
          ],
        },
      ]}
      logoText="GTA VI HQ"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
