"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroSplitAvatars from "@/components/sections/hero/HeroSplitAvatars";
import TagMediaSplitAbout from "@/components/sections/about/TagMediaSplitAbout";
import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
import SocialProofCardTwo from "@/components/sections/socialProof/SocialProofCardTwo";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactText from "@/components/sections/contact/ContactText";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="noise"
      cardStyle="layered-gradient"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "home" },
            { name: "About", id: "about" },
            { name: "Characters", id: "characters" },
            { name: "Stories", id: "stories" },
            { name: "Community", id: "contact" }
          ]}
          button={{ text: "Join Us", href: "contact" }}
          brandName="Stranger Things Hub"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitAvatars
          title="Welcome to the Stranger Things Universe"
          description="Connect with thousands of fans, share theories, celebrate the epic saga, and explore the mysteries of Hawkins."
          tag="Fan Community"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p7rec8"
          imageAlt="Stranger Things portal and atmospheric darkness"
          avatars={[
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dxj1ro", alt: "Fan 1" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=12emay", alt: "Fan 2" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nmu922", alt: "Fan 3" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jkxxgo", alt: "Fan 4" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=exi4xw", alt: "Fan 5" }
          ]}
          avatarText="Join 50,000+ passionate fans"
          buttons={[
            { text: "Explore Theories", href: "characters" },
            { text: "View Community", href: "contact" }
          ]}
          imagePosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <TagMediaSplitAbout
          title="Our Mission"
          description="Celebrating the supernatural phenomenon that captivated the world"
          tag="About Us"
          textboxLayout="default"
          contentTag="FAN PASSION"
          contentTagIcon={Sparkles}
          contentTitle="Dedicated to the Upside Down"
          contentDescription="Since day one, we've been obsessed with every detail of Stranger Things. From the Demogorgon to Vecna, from Hawkins Lab to the Upside Down, our community dives deep into every mystery, celebrates every character arc, and keeps the magic alive."
          contentButtons={[{ text: "Read Our Story", href: "#" }]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q9evpy"
          imageAlt="Passionate Stranger Things fan community gathering"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="characters" data-section="characters">
        <FeatureCardOne
          title="Iconic Characters & Moments"
          description="Explore the heroes, villains, and mysteries that define the series"
          tag="Characters"
          textboxLayout="default"
          features={[
            {
              title: "The Demogorgon",
              description: "The creature that started it all. A terrifying interdimensional predator that haunted Hawkins.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m0vawh",
              imageAlt: "Demogorgon creature from Stranger Things"
            },
            {
              title: "Mind Flayer",
              description: "A massive entity from the Upside Down that possesses its victims and spreads corruption.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m0vawh",
              imageAlt: "Mind Flayer spreading darkness"
            },
            {
              title: "Hawkins Lab",
              description: "The secret government facility where it all began. Dark experiments and hidden truths.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hrwd80",
              imageAlt: "Hawkins Laboratory mysterious setting"
            },
            {
              title: "The Gate",
              description: "The portal between our world and the Upside Down. Where realities collide.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p7rec8",
              imageAlt: "Mystical gate between dimensions"
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="socialProof" data-section="socialProof">
        <SocialProofCardTwo
          title="Trusted by Major Platforms"
          description="Featured and celebrated across entertainment communities worldwide"
          tag="Recognition"
          textboxLayout="default"
          logos={[
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y0gyn0", alt: "Netflix" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5rog8r", alt: "Reddit" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vkxpyk", alt: "Discord" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vt2x14", alt: "Twitter" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1uwlt5", alt: "Twitch" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x5n094", alt: "HBO" },
            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mebapr", alt: "Amazon Prime" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Fan Stories & Theories"
          description="Hear from devoted Stranger Things enthusiasts who live and breathe the series"
          tag="Community Voice"
          textboxLayout="default"
          testimonials={[
            {
              id: "1",
              name: "Marcus Chen, Super Fan",
              date: "Date: 15 December 2024",
              title: "This community changed everything",
              quote: "I found my people here. Discussing every season detail, debating Vecna theories, and celebrating the characters we love. It's like having a family that understands your obsession.",
              tag: "Season 4 Devotee",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dxj1ro",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7riljl"
            },
            {
              id: "2",
              name: "Sarah Williams, Content Creator",
              date: "Date: 12 December 2024",
              title: "The ultimate Stranger Things hub",
              quote: "As someone who creates content about the show, this community is invaluable. The theories are brilliant, the passion is infectious, and the discussions go deeper than anywhere else.",
              tag: "Creator",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=12emay",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=hrwd80"
            },
            {
              id: "3",
              name: "James Rodriguez, Casual Viewer",
              date: "Date: 10 December 2024",
              title: "Made me appreciate the series even more",
              quote: "Joining this community made me notice details I missed. The storytelling is even more brilliant when you hear how others interpret it.",
              tag: "Enthusiast",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nmu922",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p7rec8"
            },
            {
              id: "4",
              name: "Emily Rodriguez, Theory Enthusiast",
              date: "Date: 8 December 2024",
              title: "Where theories become reality",
              quote: "The amount of detail and passion here is unmatched. Every thread teaches me something new about Hawkins, the Upside Down, and the future of the series.",
              tag: "Theory Master",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jkxxgo",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m0vawh"
            },
            {
              id: "5",
              name: "David Park, Long-Time Fan",
              date: "Date: 5 December 2024",
              title: "Keeping the magic alive",
              quote: "Even between seasons, this community keeps the Stranger Things spirit alive. The discussions, the fan art, the theories – it's a living, breathing tribute to the show.",
              tag: "Season 1 Fan",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=exi4xw",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q9evpy"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Everything you need to know about our community and the Stranger Things universe"
          tag="Help"
          textboxLayout="default"
          faqs={[
            {
              id: "1",
              title: "What is the Upside Down?",
              content: "The Upside Down is a dark, alternate dimension that mirrors our world but is filled with supernatural horrors. It's the source of the main threats throughout the series and connects all the major conflicts."
            },
            {
              id: "2",
              title: "Who is Vecna and what does he want?",
              content: "Vecna is the primary antagonist of seasons 4 and 5, a powerful supernatural being from the Upside Down with telekinetic and mind-controlling abilities. He seeks to merge the two worlds and expand his influence."
            },
            {
              id: "3",
              title: "What happened to Hawkins Lab?",
              content: "Hawkins Lab was a secret government facility where experiments were conducted on children with psychokinetic abilities. It became the epicenter of supernatural events and was ultimately destroyed."
            },
            {
              id: "4",
              title: "How can I join the community?",
              content: "Simply sign up on our platform or join our Discord server. You'll immediately have access to discussions, fan theories, and connect with thousands of fellow Stranger Things enthusiasts worldwide."
            },
            {
              id: "5",
              title: "What theories do fans discuss most?",
              content: "Popular theories include character resurrections, the true nature of the mind flayer, hidden government programs, parallel dimensions, and predictions for the final season's ending."
            },
            {
              id: "6",
              title: "Is there a spoiler-free section?",
              content: "Yes! We have dedicated forums for new viewers and spoiler-free discussions. Each thread is clearly marked to help fans explore the series at their own pace."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m2avtk"
          imageAlt="Help and support for Stranger Things fans"
          mediaPosition="left"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to dive into the mysteries of Hawkins? Join our community and connect with fans who share your passion for Stranger Things."
          animationType="entrance-slide"
          buttons={[
            { text: "Join Community", href: "#" },
            { text: "Share Your Theory", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0iwb5k"
          imageAlt="Dark atmospheric Stranger Things inspired footer"
          columns={[
            {
              title: "Explore",
              items: [
                { label: "Characters", href: "characters" },
                { label: "Theories", href: "#" },
                { label: "Episodes Guide", href: "#" },
                { label: "Timeline", href: "#" }
              ]
            },
            {
              title: "Community",
              items: [
                { label: "Discord Server", href: "#" },
                { label: "Forum Discussions", href: "#" },
                { label: "Fan Art Gallery", href: "#" },
                { label: "Events", href: "#" }
              ]
            },
            {
              title: "Resources",
              items: [
                { label: "FAQ", href: "#" },
                { label: "Contact Us", href: "#" },
                { label: "About Us", href: "about" },
                { label: "Blog", href: "#" }
              ]
            }
          ]}
          logoText="Stranger Things Hub"
          copyrightText="© 2024 Stranger Things Fan Community. Keep the mystery alive."
        />
      </div>
    </ThemeProvider>
  );
}