"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Gamepad2, Sparkles, Star, Download, Mail, Heart, Check } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Games", id: "games" },
            { name: "Features", id: "features" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Play Now", href: "games" }}
          brandName="GameKids"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDoubleCarousel
          title="Play Amazing Games Anytime, Anywhere"
          description="Download our collection of fun, educational games for kids or play online instantly. Safe, engaging, and packed with adventure!"
          tag="Kids Gaming Platform"
          tagIcon={Gamepad2}
          tagAnimation="slide-up"
          background={{ variant: "sparkles-gradient" }}
          leftCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-sudoku-template_23-2149302906.jpg?_wi=1", imageAlt: "Puzzle game screenshot" },
            { imageSrc: "http://img.b2bpic.net/free-vector/medieval-isometric-game-map-composition-with-knights-horses-fantasy-land-with-dragons-trees_1284-26967.jpg?_wi=1", imageAlt: "Adventure game screenshot" },
            { imageSrc: "http://img.b2bpic.net/free-vector/racing-template-design_23-2150227678.jpg?_wi=1", imageAlt: "Racing game screenshot" },
            { imageSrc: "http://img.b2bpic.net/free-photo/boy-girl-painting_23-2147782815.jpg?_wi=1", imageAlt: "Drawing game screenshot" }
          ]}
          rightCarouselItems={[
            { imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-memory-game-cards_23-2150084674.jpg?_wi=1", imageAlt: "Memory game screenshot" },
            { imageSrc: "http://img.b2bpic.net/free-vector/video-game-background-design_23-2150284988.jpg?_wi=1", imageAlt: "Platform game screenshot" },
            { imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-sudoku-template_23-2149302906.jpg?_wi=2", imageAlt: "Puzzle game screenshot" },
            { imageSrc: "http://img.b2bpic.net/free-vector/medieval-isometric-game-map-composition-with-knights-horses-fantasy-land-with-dragons-trees_1284-26967.jpg?_wi=2", imageAlt: "Adventure game screenshot" }
          ]}
          buttons={[
            { text: "Download Now", href: "games" },
            { text: "Play Online", href: "games" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Why GameKids is Perfect for Your Children - Safe, Fun, and Educational"
          metrics={[
            { icon: Download, label: "Downloads Available", value: "50+" },
            { icon: Star, label: "User Rating", value: "4.8/5" },
            { icon: Heart, label: "Active Players", value: "1M+" },
            { icon: Star, label: "Games Available", value: "100+" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardMedia
          title="Everything You Need to Game"
          description="Experience gaming like never before with our comprehensive platform"
          tag="Features"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          features={[
            {
              id: "download",              title: "Download & Play Offline",              description: "Download games to your device and play anytime without internet connection",              tag: "Download",              imageSrc: "http://img.b2bpic.net/free-vector/digital-futuristic-mobile-technology-concept-background_1017-25464.jpg"
            },
            {
              id: "online",              title: "Play Online Instantly",              description: "No installation needed - play directly in your browser with cloud technology",              tag: "Browser",              imageSrc: "http://img.b2bpic.net/free-photo/hand-touching-tablet_1134-426.jpg"
            },
            {
              id: "safe",              title: "Safe & Secure",              description: "Kid-friendly content with parental controls and age-appropriate games",              tag: "Safety",              imageSrc: "http://img.b2bpic.net/free-vector/family-protected-from-virus-concept_23-2148584608.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "Explore Games", href: "games" }
          ]}
        />
      </div>

      <div id="games" data-section="games">
        <ProductCardThree
          title="Popular Games"
          description="Discover our most loved games by players worldwide"
          tag="Featured"
          tagIcon={Star}
          tagAnimation="slide-up"
          products={[
            {
              id: "1",              name: "Puzzle Master",              price: "Free",              imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-flat-design-sudoku-template_23-2149302906.jpg?_wi=3",              imageAlt: "Puzzle Master game"
            },
            {
              id: "2",              name: "Adventure Quest",              price: "Free",              imageSrc: "http://img.b2bpic.net/free-vector/medieval-isometric-game-map-composition-with-knights-horses-fantasy-land-with-dragons-trees_1284-26967.jpg?_wi=3",              imageAlt: "Adventure Quest game"
            },
            {
              id: "3",              name: "Speed Racing",              price: "Free",              imageSrc: "http://img.b2bpic.net/free-vector/racing-template-design_23-2150227678.jpg?_wi=2",              imageAlt: "Speed Racing game"
            },
            {
              id: "4",              name: "Color Artist",              price: "Free",              imageSrc: "http://img.b2bpic.net/free-photo/boy-girl-painting_23-2147782815.jpg?_wi=2",              imageAlt: "Color Artist game"
            },
            {
              id: "5",              name: "Memory Challenge",              price: "Free",              imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-memory-game-cards_23-2150084674.jpg?_wi=2",              imageAlt: "Memory Challenge game"
            },
            {
              id: "6",              name: "Platform Jumper",              price: "Free",              imageSrc: "http://img.b2bpic.net/free-vector/video-game-background-design_23-2150284988.jpg?_wi=2",              imageAlt: "Platform Jumper game"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          buttons={[
            { text: "View All Games", href: "#" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Kids & Parents Love"
          description="See what families are saying about our gaming platform"
          tag="Testimonials"
          tagIcon={Heart}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Emma",              role: "8 years old",              company: "Puzzle Master Fan",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-cute-child-portrait_23-2149153287.jpg?_wi=1",              imageAlt: "Emma, Puzzle Master Fan"
            },
            {
              id: "2",              name: "Liam",              role: "10 years old",              company: "Adventure Quest Player",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-cute-child-portrait_23-2149153287.jpg?_wi=2",              imageAlt: "Liam, Adventure Quest Player"
            },
            {
              id: "3",              name: "Sofia",              role: "7 years old",              company: "Color Artist Enthusiast",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-cute-child-portrait_23-2149153287.jpg?_wi=3",              imageAlt: "Sofia, Color Artist Enthusiast"
            },
            {
              id: "4",              name: "Noah",              role: "9 years old",              company: "Speed Racing Champion",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-cute-child-portrait_23-2149153287.jpg?_wi=4",              imageAlt: "Noah, Speed Racing Champion"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Leading Organizations"
          description="GameKids is recommended by educators and parents worldwide"
          tag="Partners"
          tagIcon={Check}
          tagAnimation="slide-up"
          names={["Education First", "Kids Safe Gaming", "PlayLearn Studio", "Family Entertainment", "Digital Creativity Hub", "Youth Platform", "Game Developers Alliance", "Child Safety Network"]}
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Newsletter"
          tagIcon={Mail}
          tagAnimation="slide-up"
          title="Stay Updated with New Games"
          description="Subscribe to get notifications about new game releases, updates, and exclusive content for your kids"
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/african-kids-playing-video-games-children-light-clothes-controller-hands-children_1157-46670.jpg"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="GameKids"
          copyrightText="© 2025 GameKids. All rights reserved."
          columns={[
            {
              title: "Games",              items: [
                { label: "All Games", href: "games" },
                { label: "Featured", href: "games" },
                { label: "New Releases", href: "#" },
                { label: "Popular", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Parental Controls", href: "#" },
                { label: "Safety Guide", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
