"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Clock, Crown, DollarSign, Flame, Gauge, Lock, Percent, Rocket, ShieldCheck, Sparkles, Star, Tag, ThumbsUp, Wallet, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="large"
        background="aurora"
        cardStyle="gradient-bordered"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Products",          id: "#products"},
        {
          name: "About",          id: "#about"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Vip Store"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-animated"}}
      title="Unlock Your Game: Cheap UC & Exclusive PUBG Korea"
      description="Vip Store delivers instant, secure, and affordable Unknown Cash (UC) for PUBG Mobile and PUBG Korea. Enhance your gameplay with premium items today!"
      testimonials={[
        {
          name: "Alex 'Phantom' Chen",          handle: "@PhantomGamer",          testimonial: "Vip Store is my go-to for UC! Instant delivery every time and unbeatable prices. Highly recommended for serious players.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/serious-ethnic-man-with-curly-hair-headphones_23-2148203567.jpg",          imageAlt: "Alex 'Phantom' Chen avatar"},
        {
          name: "Sarah 'Valkyrie' Lee",          handle: "@ValkyrieGaming",          testimonial: "I was hesitant at first, but Vip Store exceeded my expectations. Smooth transaction and I got my PUBG Korea UC in minutes!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-redhead-woman-streamer-smiling-confident-make-selfie-by-camera-gaming-room_839833-16440.jpg",          imageAlt: "Sarah 'Valkyrie' Lee avatar"},
        {
          name: "Mike 'Bulletproof' Davis",          handle: "@BulletproofMD",          testimonial: "The best place to buy UC. Prices are consistently lower, and the customer support is top-notch. Never going anywhere else.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-black-man-dressed-military-jacket_613910-8587.jpg",          imageAlt: "Mike 'Bulletproof' Davis avatar"},
        {
          name: "Emily 'Spectra' Wong",          handle: "@SpectraPlays",          testimonial: "Needed some UC for a new skin, and Vip Store delivered faster than I could queue for a match! Fantastic service.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-vr-glasses-gaming_23-2151138333.jpg",          imageAlt: "Emily 'Spectra' Wong avatar"},
        {
          name: "David 'Inferno' Kim",          handle: "@InfernoKing",          testimonial: "Couldn't believe how easy it was. Got my UC for PUBG Mobile without any hassle. Vip Store truly lives up to its name.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/gamer-wearing-headphones-talking-with-friends-online-multiplayer-shooter_482257-116216.jpg",          imageAlt: "David 'Inferno' Kim avatar"},
      ]}
      testimonialRotationInterval={5000}
      buttons={[
        {
          text: "Buy PUBG Mobile UC",          href: "#products"},
        {
          text: "Buy PUBG Korea UC",          href: "#products"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/african-american-freelancer-listening-podcast-being-focused-online-work_482257-121502.jpg",          alt: "Player Avatar 1"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-young-sporty-woman-with-braces-headphones-wearing-headband-wristbands-holds-water-bottle-towel-shoulder-isolated-pink-wall_141793-95583.jpg",          alt: "Player Avatar 2"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-hipster-crossed-his-hand-looking-left-black-background-studio_613910-20383.jpg",          alt: "Player Avatar 3"},
        {
          src: "http://img.b2bpic.net/free-photo/young-fitness-girl-black-sportswear-with-headband-holding-soccer-ball-smiling-confident-standing-white-wall_141793-56725.jpg",          alt: "Player Avatar 4"},
        {
          src: "http://img.b2bpic.net/free-photo/serious-ethnic-man-with-curly-hair-headphones_23-2148203567.jpg",          alt: "Player Avatar 5"},
      ]}
      avatarText="Join thousands of satisfied gamers!"
      imageSrc="http://img.b2bpic.net/free-photo/cyberpunk-boy-illustration_23-2151728170.jpg"
      imageAlt="PUBG Mobile and PUBG Korea UC"
      marqueeItems={[
        {
          type: "text-icon",          text: "Instant Delivery",          icon: Flame,
        },
        {
          type: "text-icon",          text: "Secure Payments",          icon: ShieldCheck,
        },
        {
          type: "text-icon",          text: "Best Prices",          icon: Tag,
        },
        {
          type: "text-icon",          text: "Happy Gamers",          icon: ThumbsUp,
        },
        {
          type: "text-icon",          text: "Top Rated Service",          icon: Star,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Your Trusted Source for UC"
      description="Vip Store is dedicated to providing PUBG players with the most reliable and cheapest Unknown Cash. Our streamlined process ensures quick delivery and secure transactions, allowing you to focus on what matters most: dominating the battlefield. We support both global PUBG Mobile and exclusive PUBG Korea accounts."
      imageSrc="http://img.b2bpic.net/free-photo/man-sunglasses-shirt-holding-phone-looking-away_171337-10858.jpg"
      imageAlt="Gaming controller with digital currency projection"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Instant Delivery",          description: "Get your UC within minutes after purchase. Our automated system ensures no delays, so you can top-up and get back to the game.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/woman-using-smartphone-with-security-lock_23-2152004087.jpg",            imageAlt: "Lightning bolt icon for instant delivery"},
          items: [
            {
              icon: Gauge,
              text: "Lightning Fast"},
            {
              icon: Clock,
              text: "No Waiting"},
            {
              icon: Rocket,
              text: "Quick Top-Up"},
          ],
          reverse: false
        },
        {
          title: "Secure Transactions",          description: "Your safety is our priority. All transactions are processed through secure gateways, protecting your personal and payment information.",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/blockchain-technology-cartoon-illustration_23-2151572163.jpg",            imageAlt: "Shield icon for secure transactions"},
          items: [
            {
              icon: ShieldCheck,
              text: "Encrypted Payments"},
            {
              icon: Lock,
              text: "Data Protected"},
            {
              icon: Wallet,
              text: "Safe & Reliable"},
          ],
          reverse: true
        },
        {
          title: "Best Prices Guaranteed",          description: "We constantly monitor the market to offer you the most competitive rates for PUBG Mobile and PUBG Korea UC. Get more for less!",          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-with-gamepad-earphones-playing-video-game-blue-wall_140725-151936.jpg",            imageAlt: "Money bag with downward arrow for best prices"},
          items: [
            {
              icon: Tag,
              text: "Lowest Prices"},
            {
              icon: Percent,
              text: "Great Deals"},
            {
              icon: DollarSign,
              text: "Value for Money"},
          ]
        }
      ]}
      title="Why Choose Vip Store?"
      description="Experience unparalleled service designed for gamers by gamers."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "pubgm-uc-60",          name: "60 UC Pack",          price: "$0.99",          variant: "PUBG Mobile",          imageSrc: "http://img.b2bpic.net/free-photo/sheep-bitcoin-3d-illustration_183364-80104.jpg",          imageAlt: "60 UC pack for PUBG Mobile"},
        {
          id: "pubgm-uc-325",          name: "325 UC Pack",          price: "$4.99",          variant: "PUBG Mobile",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-holding-ticket-red-background_140725-68271.jpg",          imageAlt: "325 UC pack for PUBG Mobile"},
        {
          id: "pubgm-uc-660",          name: "660 UC Pack",          price: "$9.99",          variant: "PUBG Mobile",          imageSrc: "http://img.b2bpic.net/free-photo/man-playing-shooter-games-with-other-players-late-night-streaming-esports-competition_482257-19859.jpg",          imageAlt: "660 UC pack for PUBG Mobile"},
        {
          id: "pubgk-uc-60",          name: "60 UC Pack",          price: "$1.29",          variant: "PUBG Korea",          imageSrc: "http://img.b2bpic.net/free-photo/man-handling-money-financial-duties_23-2151660758.jpg",          imageAlt: "60 UC pack for PUBG Korea"},
        {
          id: "pubgk-uc-325",          name: "325 UC Pack",          price: "$5.99",          variant: "PUBG Korea",          imageSrc: "http://img.b2bpic.net/free-photo/twisted-dollar-bills-black-background-finance-concept-background_169016-60014.jpg",          imageAlt: "325 UC pack for PUBG Korea"},
        {
          id: "pubgk-uc-660",          name: "660 UC Pack",          price: "$11.99",          variant: "PUBG Korea",          imageSrc: "http://img.b2bpic.net/free-vector/set-various-cryptocurrencies-electronic-cash-symbol-vector_53876-43772.jpg",          imageAlt: "660 UC pack for PUBG Korea"},
      ]}
      title="Our Top UC Packages"
      description="Explore the best deals on Unknown Cash for PUBG Mobile and PUBG Korea."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "starter",          badge: "Beginner",          badgeIcon: Sparkles,
          price: "$19.99",          subtitle: "Get Started with Essential UC",          buttons: [
            {
              text: "Buy Now",              href: "#contact"},
          ],
          features: [
            "1,800 UC",            "Instant Delivery",            "Secure Transaction"],
        },
        {
          id: "pro",          badge: "Popular",          badgeIcon: Zap,
          price: "$49.99",          subtitle: "Boost Your Arsenal",          buttons: [
            {
              text: "Buy Now",              href: "#contact"},
          ],
          features: [
            "5,000 UC",            "Instant Delivery",            "Secure Transaction",            "Priority Support"],
        },
        {
          id: "elite",          badge: "Ultimate",          badgeIcon: Crown,
          price: "$99.99",          subtitle: "Dominate the Battleground",          buttons: [
            {
              text: "Buy Now",              href: "#contact"},
          ],
          features: [
            "10,000 UC",            "Instant Delivery",            "Secure Transaction",            "24/7 Support",            "Exclusive Offers"],
        },
      ]}
      title="Flexible UC Plans"
      description="Choose the perfect amount of UC to suit your gaming needs."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-shopping-cart-by-grocery-store_1303-28932.jpg",          imageAlt: "PUBG Mobile victory screenshot"},
        {
          id: "2",          name: "Michael T.",          imageSrc: "http://img.b2bpic.net/free-photo/young-asian-male-online-merchant-blogger-using-camera-live-video-show-shopping-bag-credit-card-social-media-influencer-online-shopping-payment-concept_554837-853.jpg",          imageAlt: "Gamer holding phone with PUBG Korea UC"},
        {
          id: "3",          name: "Aisha K.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-african-friends-walking-outdoors-beach_171337-15823.jpg",          imageAlt: "Gamer's before and after UC purchase"},
        {
          id: "4",          name: "Carlos R.",          imageSrc: "http://img.b2bpic.net/free-photo/blue-glasses-liquid-with-shadow-colored-background_23-2147949187.jpg",          imageAlt: "Infographic of UC purchase process"},
        {
          id: "5",          name: "Liam P.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-playing-videogame_23-2150571991.jpg",          imageAlt: "Group of friends playing PUBG Mobile with new skin"},
      ]}
      cardTitle="What Our Gamers Say"
      cardTag="Player Reviews"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "How long does UC delivery take?",          content: "Our automated system ensures instant delivery of UC to your account, usually within minutes of a successful purchase. In rare cases, it might take up to an hour."},
        {
          id: "q2",          title: "Is it safe to buy UC from Vip Store?",          content: "Absolutely. We prioritize your security. All transactions are processed through encrypted payment gateways, and your data is protected with the highest standards."},
        {
          id: "q3",          title: "Do you support PUBG Mobile Global and PUBG Korea?",          content: "Yes, we offer UC for both the global version of PUBG Mobile and the exclusive PUBG Korea version. Simply select the correct option during your purchase."},
        {
          id: "q4",          title: "What payment methods do you accept?",          content: "We support a wide range of secure payment methods, including major credit/debit cards and popular digital wallets. Specific options will be shown at checkout."},
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to your questions about purchasing UC."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "animated-grid"}}
      tag="Get in Touch"
      title="Need Help? Contact Us"
      description="Our support team is ready to assist you with any questions or issues regarding your UC purchase. We aim to respond within 24 hours."
      inputPlaceholder="Enter your email"
      buttonText="Send Inquiry"
      termsText="By sending an inquiry, you agree to our Privacy Policy and Terms of Service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/bright-purple-square-mosaic-textural-background_1258-72227.jpg"
      imageAlt="Futuristic gaming map background"
      logoText="Vip Store"
      columns={[
        {
          title: "Products",          items: [
            {
              label: "PUBG Mobile UC",              href: "#products"},
            {
              label: "PUBG Korea UC",              href: "#products"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Vip Store. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
