"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import TextAbout from "@/components/sections/about/TextAbout";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Crown, Download, Facebook, Globe, HelpCircle, Instagram, Shield, Sparkles, Star, Swords, TrendingUp, Twitter, Users, Youtube, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Clash of Clans"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Gameplay", id: "gameplay" },
            { name: "Community", id: "community" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Download Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          background={{ variant: "sparkles-gradient" }}
          title="Join Millions of Players in Epic Clash of Clans Battles"
          description="Command your troops, build your fortress, and lead your clan to victory. Experience the ultimate mobile strategy gaming sensation."
          tag="Strategy Gaming"
          tagIcon={Zap}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-person-driving-drone_181624-56076.jpg",              imageAlt: "Clash of Clans battle scene"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-man-woman-using-controllers-play-video-games-tv-console-fun-activity-after-work-colleagues-enjoying-game-television-drinks-office-after-hours_482257-36746.jpg",              imageAlt: "Epic medieval warfare"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/still-life-figurine-with-dices_23-2149352296.jpg",              imageAlt: "Tower defense gameplay"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-vector/online-games-mobile-phones_23-2148511316.jpg",              imageAlt: "Clan cooperative battle"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282421.jpg",              imageAlt: "Victory and achievements"
            }
          ]}
          buttons={[
            { text: "Download Free", href: "contact" },
            { text: "Watch Trailer", href: "gameplay" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureHoverPattern
          title="Master the Art of Strategic Warfare"
          description="Discover the core mechanics that make Clash of Clans the most addictive strategy game on mobile. Build, defend, and conquer with endless possibilities."
          tag="Game Features"
          tagIcon={Sparkles}
          features={[
            {
              icon: Shield,
              title: "Strategic Base Building",              description: "Design your fortress to defend against rival attacks. Customize your defenses, walls, and traps to create an impenetrable fortress."
            },
            {
              icon: Users,
              title: "Powerful Clans",              description: "Join forces with other players in your clan. Share resources, plan wars, and conquer enemies together in epic Clan Wars."
            },
            {
              icon: TrendingUp,
              title: "Endless Progression",              description: "Upgrade your troops, unlock new units, and reach legendary status. Multiple paths to victory ensure you never stop growing."
            },
            {
              icon: Swords,
              title: "Intense Battles",              description: "Deploy unique troops with special abilities. Command your army in real-time attacks against player bases and goblin camps."
            },
            {
              icon: Crown,
              title: "Multiplayer Seasons",              description: "Compete in seasonal challenges and tournaments. Climb the trophy rankings and earn exclusive rewards and recognition."
            },
            {
              icon: Zap,
              title: "Magical Spells",              description: "Cast powerful spells to turn the tide of battle. Lightning, healing, rage, and more will help your troops achieve victory."
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="gameplay" data-section="gameplay">
        <ProductCardTwo
          title="Meet the Legendary Units"
          description="Command a diverse army of powerful troops, each with unique abilities and strategies. Master every unit to dominate the battlefield."
          tag="Gameplay Mechanics"
          tagIcon={Crown}
          products={[
            {
              id: "1",              brand: "Clash of Clans",              name: "Barbarian",              price: "Level 10+",              rating: 5,
              reviewCount: "2.3M",              imageSrc: "https://img.b2bpic.net/free-photo/group-friends-playing-console_23-2147824900.jpg",              imageAlt: "Barbarian warrior unit"
            },
            {
              id: "2",              brand: "Clash of Clans",              name: "Archer",              price: "Level 5+",              rating: 5,
              reviewCount: "2.1M",              imageSrc: "https://img.b2bpic.net/free-photo/mid-section-young-couple-playing-video-game-showing-smart-phone-with-blank-display-screen_23-2148048948.jpg",              imageAlt: "Archer ranged unit"
            },
            {
              id: "3",              brand: "Clash of Clans",              name: "Wizard",              price: "Level 8+",              rating: 5,
              reviewCount: "1.9M",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282422.jpg",              imageAlt: "Wizard spell caster unit"
            },
            {
              id: "4",              brand: "Clash of Clans",              name: "Dragon",              price: "Level 15+",              rating: 5,
              reviewCount: "2.5M",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-girl-sitting-with-her-boyfriend-playing-video-game-showing-mobile-screen-display_23-2148048943.jpg",              imageAlt: "Dragon legendary unit"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Why Clash of Clans"
          title="The Most Addictive Strategy Game on Mobile - Download and Lead Your Clan to Victory Today"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Download on iOS", href: "contact" },
            { text: "Download on Android", href: "contact" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="What Players Love About Clash of Clans"
          description="Hear from passionate players around the world who have made Clash of Clans their favorite strategy game."
          tag="Player Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "Never-Ending Strategic Depth",              quote: "Five years in and I'm still discovering new strategies. The clan wars are absolutely epic and keep me coming back every single day.",              name: "Marcus Chen",              role: "Clan Leader",              imageSrc: "https://img.b2bpic.net/free-photo/hispanic-teenager-playing-video-game-holding-controller-relaxed-with-serious-expression-face-simple-natural-looking-camera_839833-3187.jpg",              imageAlt: "Marcus Chen"
            },
            {
              id: "2",              title: "Best Gaming Community Ever",              quote: "The community is incredible. My clan is like a second family. We support each other, celebrate victories, and strategize together.",              name: "Jessica Rivera",              role: "Tournament Champion",              imageSrc: "https://img.b2bpic.net/free-photo/black-teen-smiling-girl-headset-playing-video-games-video-game-club_1268-25918.jpg",              imageAlt: "Jessica Rivera"
            },
            {
              id: "3",              title: "Perfect Balance of Fun and Challenge",              quote: "It's not just a game - it's a lifestyle. The developers constantly add new content, balance changes keep it fresh, and the fun never ends.",              name: "David Thompson",              role: "Pro Player",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-handsome-man-earphones-dark-haired-man-casual-clothes-looking-camera-portrait-concept_74855-24635.jpg",              imageAlt: "David Thompson"
            },
            {
              id: "4",              title: "Friendships That Last",              quote: "I've made real friends from all over the world through Clash of Clans. We play together, chat daily, and attend esports events together.",              name: "Sofia Rossi",              role: "Community Ambassador",              imageSrc: "https://img.b2bpic.net/free-photo/hispanic-teenager-playing-video-game-holding-controller-looking-camera-blowing-kiss-air-being-lovely-sexy-love-expression_839833-3185.jpg",              imageAlt: "Sofia Rossi"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about Clash of Clans. Get answers to common questions about gameplay, clans, and getting started."
          tag="Help & Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/call-center-employee-handling-customer-complaints-assisting-with-technical-issues-customer-service_482257-136067.jpg"
          imageAlt="Game support illustration"
          mediaPosition="left"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "Is Clash of Clans free to play?",              content: "Yes! Clash of Clans is completely free to download and play. You can enjoy the entire game without spending a single dollar. Optional in-app purchases are available for players who want to progress faster, but they're not necessary to have fun and succeed."
            },
            {
              id: "2",              title: "What devices can I play on?",              content: "Clash of Clans is available on iOS (iPad and iPhone) and Android devices. You need iOS 11 or higher for Apple devices and Android 5.0 or higher for Android devices. The game is optimized for mobile gaming with smooth performance on both phones and tablets."
            },
            {
              id: "3",              title: "How do clans work?",              content: "Clans are groups of players who team up to support each other. You can join a clan to participate in Clan Wars, share troops, and build friendships. Clan leaders and co-leaders manage the clan, approve members, and organize clan activities. Clans range from casual to highly competitive."
            },
            {
              id: "4",              title: "How long does it take to progress?",              content: "Progression is flexible! Some players prefer to take their time and enjoy every aspect at their own pace, while others speed up using resources. There's no 'too slow' or 'too fast' - you control your own progression journey. New content updates regularly ensure there's always something new to work towards."
            },
            {
              id: "5",              title: "Can I play solo or do I need a clan?",              content: "Both playstyles are fully supported! You can enjoy single-player content, raid goblin camps, and attack other players without a clan. However, joining a clan unlocks Clan Wars and additional social features that many players find incredibly fun and rewarding."
            },
            {
              id: "6",              title: "How often are updates released?",              content: "Supercell releases major updates approximately every 6-8 weeks, bringing new troops, buildings, balance changes, and gameplay features. Regular balance patches ensure the game stays fair and exciting. The development team actively listens to player feedback and community suggestions."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Join the Battle?"
          ctaDescription="Download Clash of Clans today and start your epic adventure. Lead your clan to glory and become a legend on the battlefield."
          ctaButton={{
            text: "Download Free Now",            href: "https://supercell.com/en/games/clashofclans/"
          }}
          ctaIcon={Download}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "Do I need to spend money to enjoy the game?",              content: "No! Clash of Clans is 100% playable for free. You can reach the highest levels and enjoy all content without spending any money. In-app purchases are optional and simply speed up progress - they're never required."
            },
            {
              id: "2",              title: "What's the best clan for beginners?",              content: "Look for clans labeled as 'Newbie Friendly' or 'Beginners Welcome' in the clan search. These clans typically have experienced players who help new members learn strategies, provide donation troops, and mentor players. You can also start a clan with friends!"
            },
            {
              id: "3",              title: "How do I get better at attacks?",              content: "Watch YouTube tutorials from top players, practice in multiplayer battles, and learn from your clanmates. Each troop has unique mechanics - experiment with different armies. Join a supportive clan where members share attack replays and give feedback."
            },
            {
              id: "4",              title: "Is the game safe for children?",              content: "Clash of Clans is rated for ages 12+ by most app stores. It's a strategy-focused game without violent content. Parents can enable parental controls through their device settings. The game encourages teamwork and strategic thinking."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Clash of Clans"
          copyrightText="© 2025 Supercell. All rights reserved. | Clash of Clans - Strategy Game"
          socialLinks={[
            {
              icon: Facebook,
              href: "https://facebook.com/clashofclans",              ariaLabel: "Clash of Clans on Facebook"
            },
            {
              icon: Twitter,
              href: "https://twitter.com/clashofclans",              ariaLabel: "Clash of Clans on Twitter"
            },
            {
              icon: Instagram,
              href: "https://instagram.com/clashofclans",              ariaLabel: "Clash of Clans on Instagram"
            },
            {
              icon: Youtube,
              href: "https://youtube.com/@ClashOfClans",              ariaLabel: "Clash of Clans on YouTube"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}