"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
import TagAbout from '@/components/sections/about/TagAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import BlogCardFive from '@/components/sections/blog/BlogCardFive';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseSocial from '@/components/sections/footer/FooterBaseSocial';
import { Youtube, Twitter, Instagram, MessageCircle, Linkedin } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="large"
      background="floatingGradient"
      cardStyle="solid-accent"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          navItems={[
            {"name":"Home","id":"home"},
            {"name":"Features","id":"features"},
            {"name":"Community","id":"testimonials"},
            {"name":"Updates","id":"blog"},
            {"name":"Play","id":"contact"}
          ]}
          button={{
            "text":"Download Now",            "href":"contact"
          }}
          brandName="LevelUp"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroSplitAvatars 
          title="Level Up Your Fun with Every Play"
          description="Join thousands of players in an immersive adventure. Quick thrills, epic moments, endless social fun."
          tag="Play Now"
          avatars={[
            {"src":"https://img.b2bpic.net/free-photo/pro-gamer-broadcasting-gameplay-front-internet-audience_482257-77071.jpg","alt":"Active player"},
            {"src":"https://img.b2bpic.net/free-photo/close-up-shot-pro-gamer-broadcasting-game-internet-talking-with-audience_482257-99050.jpg","alt":"Community member"},
            {"src":"https://img.b2bpic.net/free-photo/portrait-asmr-artist-uses-quality-mic-studio-anti-stress-video_482257-124195.jpg","alt":"Streamer"},
            {"src":"https://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg","alt":"Player avatar"}
          ]}
          avatarText="Join 50,000+ Active Players"
          buttons={[
            {"text":"Play Now","href":"contact"},
            {"text":"Learn More","href":"features"}
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/little-girls-outdoors-with-phones-case-with-pimples-pop-it-trendy-anti-stress-toy_169016-12806.jpg"
          imageAlt="Gameplay showcase with colorful action"
          imagePosition="right"
        />
      </div>
      
      <div id="about" data-section="about">
        <TagAbout 
          tag="Our Mission"
          description="We craft immersive gaming experiences that combine quick entertainment with lasting social connections. Every session is designed for maximum enjoyment—whether you're grinding solo or competing with friends."
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardOne 
          title="Core Game Features"
          description="Experience the mechanics that make gameplay addictive and rewarding"
          tag="Gameplay"
          features={[
            {
              "title":"Dynamic Combat System",              "description":"Real-time action with strategic depth—master combos and outsmart opponents",              "imageSrc":"https://img.b2bpic.net/free-photo/happy-young-company-smiling-friends-sitting-park-using-smartphones-man-women-having-fun-together_285396-8723.jpg",              "imageAlt":"Fast-paced combat action"
            },
            {
              "title":"Multiplayer Battles",              "description":"Team up with friends or face rivals in ranked leagues with live matchmaking",              "imageSrc":"https://img.b2bpic.net/free-photo/happy-young-company-smiling-friends-sitting-park-using-smartphones-man-women-having-fun-together_285396-8721.jpg",              "imageAlt":"Multiplayer cooperative gameplay"
            },
            {
              "title":"Endless Progression",              "description":"Unlock characters, abilities, and cosmetics as you climb the ranks",              "imageSrc":"https://img.b2bpic.net/free-photo/happy-little-girl-sunglasses-with-smartphone-trendy-case-pop-it_169016-12810.jpg",              "imageAlt":"Character progression and rewards"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardTwo 
          title="By the Numbers"
          description="Our thriving community at a glance"
          tag="Community Stats"
          metrics={[
            {"id":"1","value":"50K+","description":"Active Daily Players"},
            {"id":"2","value":"2.5M","description":"Total Downloads"},
            {"id":"3","value":"4.8★","description":"Average Rating"},
            {"id":"4","value":"15+","description":"Minutes Avg. Session"}
          ]}
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          animationType="scale-rotate"
          useInvertedBackground="invertCard"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen 
          title="Player Love"
          description="See why gamers and creators are hooked"
          tag="Reviews"
          testimonials={[
            {
              "id":"1",              "title":"Finally, a game that gets it",              "quote":"The gameplay is smooth, the social features actually work, and I'm not nickeled-and-dimed. This is what mobile gaming should be.",              "name":"Alex Rivera",              "role":"Casual Gamer",              "imageSrc":"https://img.b2bpic.net/free-photo/pro-gamer-broadcasting-gameplay-front-internet-audience_482257-77071.jpg",              "imageAlt":"Alex Rivera"
            },
            {
              "id":"2",              "title":"Stream gold material",              "quote":"Every session is packed with moments worth clipping. My viewers love it, and the ranking system keeps me grinding every night.",              "name":"Jordan Lee",              "role":"Twitch Streamer, 50K followers",              "imageSrc":"https://img.b2bpic.net/free-photo/close-up-shot-pro-gamer-broadcasting-game-internet-talking-with-audience_482257-99050.jpg",              "imageAlt":"Jordan Lee"
            },
            {
              "id":"3",              "title":"Community that actually cares",              "quote":"The devs listen to feedback, updates drop regularly, and everyone's here to have fun. No toxic vibes, pure gaming joy.",              "name":"Sam Martinez",              "role":"Content Creator",              "imageSrc":"https://img.b2bpic.net/free-photo/portrait-asmr-artist-uses-quality-mic-studio-anti-stress-video_482257-124195.jpg",              "imageAlt":"Sam Martinez"
            },
            {
              "id":"4",              "title":"Addicted (in the best way)",              "quote":"One match turned into five hours without noticing. The progression system is perfectly balanced—always something new to unlock.",              "name":"Casey Chen",              "role":"Hardcore Player",              "imageSrc":"https://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg",              "imageAlt":"Casey Chen"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="blog" data-section="blog">
        <BlogCardFive 
          title="Latest Updates & Guides"
          description="Stay informed on new features, tips, and community highlights"
          tag="News"
          blogs={[
            {
              "id":"1",              "title":"Season 3 Launch: New Heroes and 10 Ranked Tiers",              "items":["Update","Jan 20, 2025","5 min read"],
              "imageSrc":"https://img.b2bpic.net/free-psd/gaming-template-design_23-2151756686.jpg",              "imageAlt":"Season 3 announcement"
            },
            {
              "id":"2",              "title":"Beginner's Guide: Master the Meta in 30 Minutes",              "items":["Strategy","Jan 18, 2025","8 min read"],
              "imageSrc":"https://img.b2bpic.net/free-vector/gradient-instagram-story-collection_23-2148956010.jpg",              "imageAlt":"Beginner strategy guide"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplit 
          tag="Newsletter"
          title="Stay in the Game"
          description="Get exclusive event invites, early access to new features, and community highlights delivered weekly."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/medium-shot-friends-playing-videogames_23-2150571937.jpg"
          imageAlt="Gaming community connecting"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. Check out our Terms & Privacy Policy."
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseSocial 
          logoText="LevelUp"
          description="Fast-paced gaming meets social connection. Play solo, team up with friends, climb the ranks—all in one immersive universe."
          columns={[
            {
              "title":"Game",              "items":[
                {"label":"Download","href":"https://app.example.com"},
                {"label":"Features","href":"features"},
                {"label":"Roadmap","href":"blog"}
              ]
            },
            {
              "title":"Community",              "items":[
                {"label":"Discord","href":"https://discord.gg/example"},
                {"label":"Leaderboards","href":"metrics"},
                {"label":"Events","href":"contact"}
              ]
            },
            {
              "title":"Support",              "items":[
                {"label":"Help Center","href":"contact"},
                {"label":"Report Issue","href":"contact"},
                {"label":"Contact Us","href":"contact"}
              ]
            }
          ]}
          socialLinks={[
            {"icon":Youtube,"href":"https://youtube.com/@levelupgaming","ariaLabel":"YouTube"},
            {"icon":Twitter,"href":"https://twitter.com/levelupgaming","ariaLabel":"Twitter"},
            {"icon":Instagram,"href":"https://instagram.com/levelupgaming","ariaLabel":"Instagram"},
            {"icon":Linkedin,"href":"https://linkedin.com/company/levelupgaming","ariaLabel":"LinkedIn"},
            {"icon":MessageCircle,"href":"https://discord.gg/levelup","ariaLabel":"Discord"}
          ]}
          copyrightText="© 2025 LevelUp Games. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
