"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Zap, Star, Gamepad2, Heart, TrendingUp, Users, HelpCircle, Mail } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Clash of Clans"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Game Modes", id: "gamemodes" },
            { name: "Community", id: "community" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Download Now",            href: "https://play.google.com/store/apps/details?id=com.supercell.clashofclans"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Build Your Empire. Master the Battle."
          description="Join millions of players in the ultimate strategic mobile game. Lead your clan to victory, defend your village, and conquer your enemies in epic battles."
          tag="Free to Play"
          tagIcon={Zap}
          buttons={[
            {
              text: "Download Now",              href: "https://play.google.com/store/apps/details?id=com.supercell.clashofclans"
            },
            {
              text: "Learn More"
            }
          ]}
          background={{ variant: "sparkles-gradient" }}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/still-life-figurine-with-dices_23-2149352296.jpg",              imageAlt: "Clash of Clans Battle Gameplay"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/still-life-objects-with-role-playing-game-sheet_23-2149352299.jpg",              imageAlt: "Strategic Battle Interface"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/collection-cubes-with-games-title_23-2148030957.jpg",              imageAlt: "Fantasy Battle Scene"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282421.jpg",              imageAlt: "Raid Battle Action"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-beautiful-rpg-still-life-items_23-2149282422.jpg",              imageAlt: "Multiplayer Combat"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/still-life-figurine-with-dices_23-2149352308.jpg",              imageAlt: "Clan Cooperative Gameplay"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSixteen
          title="Why Clash of Clans Dominates"
          description="Experience the most addictive strategic gameplay with features that keep millions engaged daily."
          tag="Game Features"
          tagIcon={Star}
          negativeCard={{
            items: [
              "Repetitive single-player games",              "No social interaction",              "Limited progression paths",              "Boring tower defense mechanics"
            ]
          }}
          positiveCard={{
            items: [
              "Dynamic multiplayer battles",              "Clan-based cooperative gameplay",              "Endless progression system",              "Strategic village building"
            ]
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Join Now" }
          ]}
        />
      </div>

      <div id="gamemodes" data-section="gamemodes">
        <ProductCardThree
          title="Explore Game Modes"
          description="Multiple ways to play and test your strategic skills"
          tag="Gameplay"
          tagIcon={Gamepad2}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "raid",              name: "Clan War Raid",              price: "Legendary Mode",              imageSrc: "https://img.b2bpic.net/free-photo/dangerous-hacker-with-his-team-doing-cyber-crimes-from-his-apartment_482257-21831.jpg",              imageAlt: "Clan War Raid Mode",              initialQuantity: 1
            },
            {
              id: "arena",              name: "1v1 Arena Battle",              price: "Competitive Mode",              imageSrc: "https://img.b2bpic.net/free-photo/stressed-couple-gamers-losing-space-shooter-video-game-playing-rgb-powerful-computer-while-streaming-online-competition-pro-cyber-woman-with-headset-performing-from-home-virtual-tournament_482257-12511.jpg",              imageAlt: "PvP Arena Battle",              initialQuantity: 1
            },
            {
              id: "campaign",              name: "Campaign Quest",              price: "Adventure Mode",              imageSrc: "https://img.b2bpic.net/free-photo/couple-gamers-making-winner-gesture-while-playing-space-shooter-virtual-championship_482257-521.jpg",              imageAlt: "Story Campaign Mode",              initialQuantity: 1
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Loved by Millions"
          description="Join the global community of players who've made Clash of Clans their favorite mobile game"
          tag="Player Reviews"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          speed={40}
          topMarqueeDirection="left"
          testimonials={[
            {
              id: "1",              name: "Marcus Chen",              handle: "@ClashKing2024",              testimonial: "This game changed my mobile gaming experience. The strategy depth is incredible and the clan system keeps me coming back every day!",              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: "Marcus Chen"
            },
            {
              id: "2",              name: "Sarah Williams",              handle: "@SarahGamer",              testimonial: "Best mobile game ever. The updates keep things fresh and the community is amazing. Highly addictive!",              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: "Sarah Williams"
            },
            {
              id: "3",              name: "Alex Rodriguez",              handle: "@AlexPlaysHard",              testimonial: "The clan raids are absolutely epic. The competitive aspect mixed with cooperative gameplay is genius.",              imageSrc: "https://img.b2bpic.net/free-photo/pro-gamer-broadcasting-gameplay-front-internet-audience_482257-77071.jpg",              imageAlt: "Alex Rodriguez"
            },
            {
              id: "4",              name: "Emma Johnson",              handle: "@EmmaConquers",              testimonial: "Been playing for 5 years and it's still engaging. Supercell knows how to make a game that lasts!",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-shot-pro-gamer-broadcasting-game-internet-talking-with-audience_482257-99050.jpg",              imageAlt: "Emma Johnson"
            },
            {
              id: "5",              name: "David Kim",              handle: "@DavidStreams",              testimonial: "Perfect balance between casual play and competitive rankings. I stream this game 5 times a week!",              imageSrc: "https://img.b2bpic.net/free-photo/man-with-glasses-playing-with-controller_23-2148422239.jpg",              imageAlt: "David Kim"
            },
            {
              id: "6",              name: "Jessica Lee",              handle: "@JessieAttacks",              testimonial: "The strategic depth rivals PC strategy games. In a mobile game! This is the standard for mobile gaming.",              imageSrc: "https://img.b2bpic.net/free-photo/professional-gamer-participating-online-multiplayer-esports-tournament-using-powerful-desktop-pc_482257-77074.jpg",              imageAlt: "Jessica Lee"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="By The Numbers"
          description="Clash of Clans continues to lead the mobile gaming industry"
          tag="Global Impact"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="scale-rotate"
          metrics={[
            {
              id: "1",              value: "300M+",              title: "Players Worldwide",              items: [
                "Active daily players across all continents",                "Growing community since 2012"
              ]
            },
            {
              id: "2",              value: "1B+",              title: "Total Downloads",              items: [
                "Downloaded over 1 billion times",                "Rated 4.6 stars on app stores"
              ]
            },
            {
              id: "3",              value: "10+",              title: "Years of Excellence",              items: [
                "Continuous updates and improvements",                "Industry-leading gameplay innovation"
              ]
            }
          ]}
        />
      </div>

      <div id="community" data-section="community">
        <TeamCardSix
          title="The Community"
          description="Join hundreds of thousands of active clans competing for glory"
          tag="Clans"
          tagIcon={Users}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="blur-reveal"
          gridVariant="three-columns-all-equal-width"
          members={[
            {
              id: "1",              name: "Dragon Slayers",              role: "Legendary Clan",              imageSrc: "https://img.b2bpic.net/free-photo/group-multiracial-teens-playing-video-games-video-game-club-with-blue-red-illumination-excited-because-victory_1268-24592.jpg",              imageAlt: "Dragon Slayers Clan"
            },
            {
              id: "2",              name: "Royal Knights",              role: "Top War Clan",              imageSrc: "https://img.b2bpic.net/free-photo/joyous-gamer-throwing-fists-air-from-excitement-after-winning-sf-game_482257-112451.jpg",              imageAlt: "Royal Knights Clan"
            },
            {
              id: "3",              name: "Shadow Alliance",              role: "Elite Strategists",              imageSrc: "https://img.b2bpic.net/free-photo/group-multiracial-teens-playing-video-games-video-game-club-with-blue-red-illumination-excited-because-victory_1268-24592.jpg",              imageAlt: "Shadow Alliance Clan"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Everything you need to know about Clash of Clans"
          tag="Help"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          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. We offer optional in-app purchases for those who want to progress faster, but the entire game can be enjoyed without spending any money."
            },
            {
              id: "2",              title: "How do clans work?",              content: "Clans are player-run groups that work together for mutual benefit. Members can donate troops to each other, participate in clan wars and raids together, and share strategy tips. Leading a clan requires teamwork and communication!"
            },
            {
              id: "3",              title: "What devices can I play on?",              content: "Clash of Clans is available on iOS (iPhone, iPad) and Android devices. Download the official app from the App Store or Google Play Store. The game requires minimum iOS 12.0 or Android 6.0."
            },
            {
              id: "4",              title: "Can I play without joining a clan?",              content: "Absolutely! While clans provide great advantages like shared defense and clan war participation, you can enjoy the full single-player experience, raids, and multiplayer battles without being in a clan."
            },
            {
              id: "5",              title: "How often are updates released?",              content: "Supercell regularly releases balance updates, new features, and seasonal content. Major updates typically arrive every few months with new buildings, troops, spells, and gameplay mechanics to keep the experience fresh."
            },
            {
              id: "6",              title: "Is my village safe from attacks?",              content: "Your village is protected when you're logged out for extended periods through the Shield system. Active players can upgrade defensive buildings, walls, and troops to create strategic defenses that make raids more challenging."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Connected"
          title="Get Latest News & Updates"
          description="Subscribe to our newsletter for exclusive game updates, clan tips, event announcements, and special offers."
          tagIcon={Mail}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-vector/dating-app-interface-concept_23-2148515145.jpg"
          imageAlt="Clash of Clans Community"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We'll send you game updates and tips. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Clash of Clans"
          columns={[
            {
              title: "Game",              items: [
                {
                  label: "Download",                  href: "https://play.google.com/store/apps/details?id=com.supercell.clashofclans"
                },
                {
                  label: "Features",                  href: "#features"
                },
                {
                  label: "Game Modes",                  href: "#gamemodes"
                },
                {
                  label: "Community",                  href: "#community"
                }
              ]
            },
            {
              title: "Support",              items: [
                {
                  label: "FAQ",                  href: "#faq"
                },
                {
                  label: "Contact Us",                  href: "#contact"
                },
                {
                  label: "Bug Reports",                  href: "https://supercell.com/en/support/"
                },
                {
                  label: "Help Center",                  href: "https://help.supercellgames.com/"
                }
              ]
            },
            {
              title: "Company",              items: [
                {
                  label: "About Supercell",                  href: "https://supercell.com/"
                },
                {
                  label: "Blog",                  href: "https://supercell.com/en/blog/"
                },
                {
                  label: "Careers",                  href: "https://supercell.com/en/careers/"
                },
                {
                  label: "Press",                  href: "https://supercell.com/en/press/"
                }
              ]
            },
            {
              title: "Legal",              items: [
                {
                  label: "Privacy Policy",                  href: "#privacy"
                },
                {
                  label: "Terms of Service",                  href: "#terms"
                },
                {
                  label: "Cookie Policy",                  href: "#cookies"
                },
                {
                  label: "Content Policy",                  href: "#content"
                }
              ]
            }
          ]}
          copyrightText="© 2024 Supercell. All rights reserved. Clash of Clans is a trademark of Supercell."
        />
      </div>
    </ThemeProvider>
  );
}