"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroSplitTestimonial from "@/components/sections/hero/HeroSplitTestimonial";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import PricingCardFive from "@/components/sections/pricing/PricingCardFive";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Award, Gamepad2, Gift, HelpCircle, Smile, Star, Zap, Crown } from "lucide-react";

export default function GameHubPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="large"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="GameHub"
          navItems={[
            { name: "Games", id: "games" },
            { name: "Pricing", id: "pricing" },
            { name: "Community", id: "testimonials" },
            { name: "Support", id: "faq" }
          ]}
          button={{
            text: "Play Now",            href: "#games"
          }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="Play Unlimited Games Today"
          description="Discover thousands of games across all genres. From indie classics to AAA blockbusters, GameHub brings the best gaming experiences to your fingertips."
          background={{ variant: "plain" }}
          tag="Welcome to Gaming Paradise"
          tagIcon={Gamepad2}
          tagAnimation="slide-up"
          buttons={[
            { text: "Start Playing", href: "#games" },
            { text: "Learn More", href: "#pricing" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/epic-gaming-interface-with-dynamic-neon--1774077983463-cff1a430.png"
          imageAlt="GameHub gaming platform interface"
          mediaAnimation="slide-up"
          imagePosition="right"
          testimonials={[
            {
              name: "Alex Chen",              handle: "@pro_gamer_alex",              testimonial: "GameHub changed how I discover and play games. The platform is intuitive and the game selection is incredible!",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/portrait-headshot-of-a-professional-game-1774077981769-379c87d9.png",              imageAlt: "Alex Chen"
            },
            {
              name: "Sarah Developer",              handle: "@indie_game_dev",              testimonial: "As an indie developer, having my games on GameHub exposed them to millions of players worldwide.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/female-game-developer-with-friendly-smil-1774077981815-71ba20ee.png",              imageAlt: "Sarah Developer"
            },
            {
              name: "Marcus Pro",              handle: "@esports_legend",              testimonial: "The competitive gaming features on GameHub are unmatched. This is where real gamers belong.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/young-male-gamer-with-competitive-gaming-1774077982379-0a8270a1.png",              imageAlt: "Marcus Pro"
            },
            {
              name: "James Studio",              handle: "@studio_games",              testimonial: "GameHub's publishing tools and support have been instrumental in our studio's growth.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/senior-game-designer-with-glasses-experi-1774077981621-c3a0ccd8.png",              imageAlt: "James Studio"
            }
          ]}
          testimonialRotationInterval={5000}
          useInvertedBackground={false}
          avatars={[
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/portrait-headshot-of-a-professional-game-1774077981769-379c87d9.png", alt: "Alex Chen" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/female-game-developer-with-friendly-smil-1774077981815-71ba20ee.png", alt: "Sarah Developer" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/young-male-gamer-with-competitive-gaming-1774077982379-0a8270a1.png", alt: "Marcus Pro" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/senior-game-designer-with-glasses-experi-1774077981621-c3a0ccd8.png", alt: "James Studio" }
          ]}
          avatarText="Trusted by millions of gamers"
        />
      </div>

      <div id="games" data-section="games">
        <ProductCardTwo
          title="Explore Our Game Library"
          description="Browse our extensive collection of games. From action-packed adventures to relaxing puzzles, find your next favorite game."
          tag="6000+ Games Available"
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[{ text: "View All Games", href: "#" }]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          products={[
            {
              id: "game-1",              brand: "Fantasy Studios",              name: "Dragon's Quest RPG",              price: "$29.99",              rating: 5,
              reviewCount: "8.4K",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/action-packed-fantasy-rpg-game-cover-art-1774077982245-db1a08a3.png",              imageAlt: "Dragon's Quest RPG"
            },
            {
              id: "game-2",              brand: "Speed Racing Co",              name: "Neon Speed Racer",              price: "$19.99",              rating: 5,
              reviewCount: "6.2K",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/fast-paced-racing-game-with-neon-orange--1774077982745-9e960bcc.png",              imageAlt: "Neon Speed Racer"
            },
            {
              id: "game-3",              brand: "Puzzle Masters",              name: "Logic Blocks Pro",              price: "$9.99",              rating: 4.5,
              reviewCount: "5.1K",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/puzzle-strategy-game-interface-with-mini-1774077982364-0699e37d.png",              imageAlt: "Logic Blocks Pro"
            },
            {
              id: "game-4",              brand: "Tactical Games",              name: "Titan Warfare",              price: "$39.99",              rating: 5,
              reviewCount: "12.3K",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/multiplayer-fps-game-screenshot-showing--1774077982835-db2f9e6e.png",              imageAlt: "Titan Warfare"
            },
            {
              id: "game-5",              brand: "Adventure Inc",              name: "Lost Lands Explorer",              price: "$24.99",              rating: 4.8,
              reviewCount: "7.9K",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/adventure-exploration-game-with-stunning-1774077984796-696721d9.png",              imageAlt: "Lost Lands Explorer"
            },
            {
              id: "game-6",              brand: "Retro Games",              name: "Pixel Paradise",              price: "$14.99",              rating: 4.7,
              reviewCount: "4.5K",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/indie-pixel-art-game-with-retro-aestheti-1774077984458-cc9e7aaa.png",              imageAlt: "Pixel Paradise"
            }
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          carouselMode="buttons"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Choose Your Gaming Plan"
          description="Select the perfect subscription to match your gaming style. All plans include unlimited game access and cloud saves."
          tag="Flexible Pricing"
          tagIcon={Gift}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          plans={[
            {
              id: "casual",              tag: "For Casual Players",              tagIcon: Smile,
              price: "$4.99",              period: "/month",              description: "Perfect for trying out games",              button: { text: "Get Started", href: "#" },
              featuresTitle: "What's Included",              features: [
                "Access to 500+ casual games",                "Play on 2 devices",                "Standard cloud saves",                "Monthly new releases",                "Community forums"
              ]
            },
            {
              id: "pro",              tag: "Most Popular",              tagIcon: Star,
              price: "$9.99",              period: "/month",              description: "Best for dedicated gamers",              button: { text: "Start Free Trial", href: "#" },
              featuresTitle: "Everything in Casual Plus",              features: [
                "Access to all 6000+ games",                "Play on 5 devices",                "Advanced cloud saves",                "Priority game access",                "Exclusive deals & discounts",                "24/7 customer support",                "Monthly bonus credits"
              ]
            },
            {
              id: "elite",              tag: "For Pro Gamers",              tagIcon: Crown,
              price: "$14.99",              period: "/month",              description: "Premium gaming experience",              button: { text: "Unlock Elite", href: "#" },
              featuresTitle: "Everything in Pro Plus",              features: [
                "All Pro features included",                "Play on unlimited devices",                "4K gaming support",                "Early access to beta games",                "VIP tournament access",                "Personal gaming coach",                "Priority development input",                "$20 monthly bonus credits"
              ]
            }
          ]}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Leading Gaming Studios"
          description="Our platform partners with the world's best game developers and publishers."
          tag="Industry Partners"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          names={[
            "Fantasy Studios",            "Speed Racing Co",            "Puzzle Masters",            "Tactical Games",            "Adventure Inc",            "Retro Games",            "Indie Collective"
          ]}
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/modern-gaming-studio-logo-sleek-professi-1774077981260-888a04cd.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/professional-game-development-company-lo-1774077982983-a6760b70.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/aaa-game-publisher-logo-premium-professi-1774077981853-4ee83fb4.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/indie-game-collective-logo-with-creative-1774077982664-be7d067a.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/mobile-gaming-company-logo-with-phone-in-1774077983648-1d25faf0.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/esports-tournament-organizer-logo-compet-1774077981453-56971216.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/cross-platform-gaming-network-logo-featu-1774077982345-855c7dbb.png"
          ]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about GameHub. Can't find what you're looking for? Contact our support team."
          tag="Help & Support"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          mediaPosition="left"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/gaming-statistics-dashboard-visualizatio-1774077983159-c7dad346.png"
          imageAlt="Gaming support and statistics"
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "faq-1",              title: "How many games can I play with a subscription?",              content: "GameHub subscriptions give you unlimited access to our entire game library. With the Pro plan, you get access to all 6000+ games, including new releases every month."
            },
            {
              id: "faq-2",              title: "Can I play games on multiple devices?",              content: "Yes! With the Casual plan, you can play on up to 2 devices. The Pro plan allows 5 devices, and the Elite plan gives you unlimited device access. All your progress syncs automatically."
            },
            {
              id: "faq-3",              title: "Is there a free trial available?",              content: "Absolutely! New users get a 7-day free trial of the Pro plan with full access to all games and features. No credit card required to start."
            },
            {
              id: "faq-4",              title: "What happens if I cancel my subscription?",              content: "You can cancel anytime with no penalties. Your game saves are retained for 6 months, so you can pick up where you left off if you resubscribe."
            },
            {
              id: "faq-5",              title: "Do you support multiplayer gaming?",              content: "Yes! Many games on GameHub feature online multiplayer. Plus, with our Pro and Elite plans, you get access to our exclusive tournaments and competitive rankings."
            },
            {
              id: "faq-6",              title: "Is my gaming data secure?",              content: "Security is our top priority. All game saves are encrypted and stored on secure servers. We use industry-standard SSL encryption for all transactions."
            }
          ]}
          animationType="smooth"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Gamers Are Saying"
          description="Join millions of satisfied gamers who've made GameHub their home for gaming."
          tag="Player Reviews"
          tagIcon={Star}
          tagAnimation="slide-up"
          buttons={[{ text: "Join the Community", href: "#" }]}
          buttonAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          carouselMode="buttons"
          testimonials={[
            {
              id: "t-1",              name: "Alex Chen",              role: "Professional Gamer",              company: "Esports Champion",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/portrait-headshot-of-a-professional-game-1774077981769-379c87d9.png",              imageAlt: "Alex Chen"
            },
            {
              id: "t-2",              name: "Sarah Developer",              role: "Game Developer",              company: "Indie Studio",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/female-game-developer-with-friendly-smil-1774077981815-71ba20ee.png",              imageAlt: "Sarah Developer"
            },
            {
              id: "t-3",              name: "Marcus Pro",              role: "Streamer",              company: "Gaming Community",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/young-male-gamer-with-competitive-gaming-1774077982379-0a8270a1.png",              imageAlt: "Marcus Pro"
            },
            {
              id: "t-4",              name: "James Studio",              role: "Studio Director",              company: "AAA Games",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/senior-game-designer-with-glasses-experi-1774077981621-c3a0ccd8.png",              imageAlt: "James Studio"
            },
            {
              id: "t-5",              name: "Emma Casual",              role: "Casual Gamer",              company: "Gaming Enthusiast",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/portrait-headshot-of-a-professional-game-1774077981769-379c87d9.png",              imageAlt: "Emma Casual"
            },
            {
              id: "t-6",              name: "David Retro",              role: "Retro Game Fan",              company: "Classic Gaming",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BFHS60WitkBS4RzI3ZNcgIIWZK/young-male-gamer-with-competitive-gaming-1774077982379-0a8270a1.png",              imageAlt: "David Retro"
            }
          ]}
          kpiItems={[
            { value: "5M+", label: "Active Players" },
            { value: "6000+", label: "Games Available" },
            { value: "98%", label: "Satisfaction Rate" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Games",              items: [
                { label: "All Games", href: "#games" },
                { label: "New Releases", href: "#" },
                { label: "Popular", href: "#" },
                { label: "By Genre", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Help Center", href: "#faq" },
                { label: "Contact Us", href: "#" },
                { label: "Status", href: "#" },
                { label: "Community", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Accessibility", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2024 GameHub. All rights reserved."
          bottomRightText="Made for gamers, by gamers."
        />
      </div>
    </ThemeProvider>
  );
}