"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import TagMediaSplitAbout from '@/components/sections/about/TagMediaSplitAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import TeamCardFour from '@/components/sections/team/TeamCardFour';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Zap, Star, Bell, Instagram, Twitter, Facebook, Youtube } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="grid"
      cardStyle="gradient-bordered"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Stranger Things"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Seasons", id: "seasons" },
            { name: "Cast", id: "cast" },
            { name: "FAQ", id: "faq" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Welcome to Hawkins"
          description="Dive into the mysterious world of Stranger Things. Explore the upside down, meet incredible characters, and relive unforgettable moments from Netflix's phenomenal series."
          tag="Netflix Series"
          tagIcon={Zap}
          buttons={[
            { text: "Explore the Series", href: "about" },
            { text: "Fan Community", href: "contact" }
          ]}
          mediaItems={[
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508752218-v1i2cs9a.jpg", imageAlt: "Stranger Things upside down" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p2pnc3", imageAlt: "Demogorgon creature" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yu53jc", imageAlt: "Hawkins Lab 1980s" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=prphna", imageAlt: "Eleven's psychokinetic powers" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cp36k5", imageAlt: "Cast ensemble scene" }
          ]}
          ariaLabel="Stranger Things hero section with carousel"
        />
      </div>

      <div id="about" data-section="about">
        <TagMediaSplitAbout
          title="The Phenomenon"
          description="A groundbreaking series that captured hearts worldwide"
          tag="About the Show"
          textboxLayout="default"
          contentTag="NETFLIX ORIGINAL"
          contentTagIcon={Star}
          contentTitle="A masterpiece of storytelling and nostalgia"
          contentDescription="Stranger Things is an American science fiction horror drama television series created by the Duffer Brothers. Set in the 1980s, the series follows a group of kids in Hawkins, Indiana, as they encounter terrifying supernatural forces and secret government experiments. With its perfect blend of 80s nostalgia, compelling characters, horror elements, and emotional depth, Stranger Things has become a cultural phenomenon and one of the most beloved shows on Netflix."
          contentButtons={[
            { text: "Watch Now", href: "https://netflix.com" },
            { text: "Learn More", href: "seasons" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=umm0tx"
          imageAlt="Stranger Things dramatic scene"
          imagePosition="right"
          useInvertedBackground="noInvert"
          ariaLabel="About Stranger Things section"
        />
      </div>

      <div id="seasons" data-section="seasons">
        <FeatureCardEight
          title="Journey Through the Seasons"
          description="Each season brings new mysteries, dangers, and unforgettable moments"
          tag="Series Timeline"
          textboxLayout="default"
          features={[
            {
              id: 1,
              title: "Season 1: The Disappearance",
              description: "When a young boy vanishes, his friends, family and local police uncover a mystery involving secret government experiments and terrifying creatures from another dimension.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yk3fe6",
              imageAlt: "Season 1 promotional image"
            },
            {
              id: 2,
              title: "Season 2: The Shadow",
              description: "A year later, danger emerges from the darkness as a new threat called the Mind Flayer begins to spread through Hawkins, threatening everything and everyone.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=gp37p6",
              imageAlt: "Season 2 promotional image"
            },
            {
              id: 3,
              title: "Season 3: The Mall",
              description: "Set in 1985, the kids are now teens navigating summer romance, friendships, and a new threat brewing beneath the surface of the newly built Starcourt Mall.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508756075-khdynat4.jpg",
              imageAlt: "Season 3 promotional image"
            },
            {
              id: 4,
              title: "Season 4: The Massacre",
              description: "The group is separated as new horrors from the Upside Down awaken. A mysterious killer known as Vecna brings darkness to Hawkins in an epic final chapter.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n9puqv",
              imageAlt: "Season 4 promotional image"
            }
          ]}
          useInvertedBackground="noInvert"
          ariaLabel="Seasons timeline section"
        />
      </div>

      <div id="cast" data-section="cast">
        <TeamCardFour
          title="Meet the Cast"
          description="The incredible ensemble that brought Hawkins to life"
          tag="Main Characters"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          team={[
            {
              id: "1",
              name: "Millie Bobby Brown",
              role: "Eleven / El",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662881397-kmy1tetm.jpg",
              imageAlt: "Millie Bobby Brown as Eleven"
            },
            {
              id: "2",
              name: "Winona Ryder",
              role: "Joyce Byers",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662881397-kmy1tetm.jpg",
              imageAlt: "Winona Ryder as Joyce Byers"
            },
            {
              id: "3",
              name: "David Harbour",
              role: "Jim Hopper",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662881397-kmy1tetm.jpg",
              imageAlt: "David Harbour as Jim Hopper"
            },
            {
              id: "4",
              name: "Finn Wolfhard",
              role: "Mike Wheeler",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662881397-kmy1tetm.jpg",
              imageAlt: "Finn Wolfhard as Mike Wheeler"
            },
            {
              id: "5",
              name: "Noah Schnapp",
              role: "Will Byers",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662881397-kmy1tetm.jpg",
              imageAlt: "Noah Schnapp as Will Byers"
            },
            {
              id: "6",
              name: "Caleb McLaughlin",
              role: "Lucas Sinclair",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662881397-kmy1tetm.jpg",
              imageAlt: "Caleb McLaughlin as Lucas Sinclair"
            },
            {
              id: "7",
              name: "Joe Keery",
              role: "Steve Harrington",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766818961513-mx8nd1f5.jpg",
              imageAlt: "Joe Keery as Steve Harrington"
            },
            {
              id: "8",
              name: "Natalia Dyer",
              role: "Nancy Wheeler",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766818961513-mx8nd1f5.jpg",
              imageAlt: "Natalia Dyer as Nancy Wheeler"
            }
          ]}
          speed={40}
          topMarqueeDirection="left"
          ariaLabel="Main cast section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Fans Love"
          description="Hear from devoted fans of the Stranger Things phenomenon"
          tag="Community"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          showRating={true}
          testimonials={[
            {
              id: "1",
              name: "Alex Johnson",
              handle: "@strangefan92",
              testimonial: "Stranger Things is an absolute masterpiece. Every season left me on the edge of my seat. The cast is incredible and the storytelling is unmatched!",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ibb716",
              imageAlt: "Alex Johnson avatar"
            },
            {
              id: "2",
              name: "Sarah Chen",
              handle: "@hawkinsforever",
              testimonial: "The perfect blend of horror, drama, and nostalgia. This show defined my watching experience and brought back the magic of 80s storytelling.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=norb41",
              imageAlt: "Sarah Chen avatar"
            },
            {
              id: "3",
              name: "Marcus Williams",
              handle: "@upsidedownlover",
              testimonial: "I've never been more invested in a TV series. The character development and plot twists keep you guessing until the very end.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yhj8k6",
              imageAlt: "Marcus Williams avatar"
            },
            {
              id: "4",
              name: "Emma Rodriguez",
              handle: "@elevenpower",
              testimonial: "Millie Bobby Brown as Eleven is phenomenal. The entire cast brings such depth to their characters. This show will go down in history.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m56y12",
              imageAlt: "Emma Rodriguez avatar"
            },
            {
              id: "5",
              name: "James Patterson",
              handle: "@80snostalgia",
              testimonial: "The 80s aesthetic combined with supernatural horror is genius. Every detail feels authentic and perfectly executed.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ll9lca",
              imageAlt: "James Patterson avatar"
            },
            {
              id: "6",
              name: "Lisa Thompson",
              handle: "@strangethingsaddict",
              testimonial: "A cultural phenomenon that transcends generations. Whether you grew up in the 80s or just love great TV, this show has something for everyone.",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nq1jpo",
              imageAlt: "Lisa Thompson avatar"
            }
          ]}
          ariaLabel="Fan testimonials section"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about Stranger Things"
          textPosition="left"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How many seasons are there?",
              content: "Stranger Things has 4 complete seasons. The first season premiered in 2016, with subsequent seasons released in 2017, 2019, and 2022. The series has concluded, providing closure to the main storyline."
            },
            {
              id: "2",
              title: "When is the 5th season coming?",
              content: "While season 5 was initially planned, the Duffer Brothers have indicated that the story concluded with season 4. However, there are plans for potential spin-offs and related projects set in the Stranger Things universe."
            },
            {
              id: "3",
              title: "Is the show based on true events?",
              content: "No, Stranger Things is a fictional series created by the Duffer Brothers. However, it draws inspiration from 1980s pop culture, sci-fi classics, and real-world conspiracy theories, blended into an original story."
            },
            {
              id: "4",
              title: "What age group is it for?",
              content: "Stranger Things is rated TV-14 due to violence, language, and some intense scenes. It's recommended for teens and adults. Parental discretion is advised for younger viewers due to horror and frightening content."
            },
            {
              id: "5",
              title: "Where can I watch Stranger Things?",
              content: "All seasons of Stranger Things are available exclusively on Netflix. You need a Netflix subscription to watch the full series. Episodes are available in multiple languages and regions."
            },
            {
              id: "6",
              title: "How long is each episode?",
              content: "Episodes typically range from 45-70 minutes. Earlier seasons have shorter episodes, while later seasons feature longer runtime with more complex storylines and character development."
            }
          ]}
          ariaLabel="FAQ section"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          title="Join the Stranger Things Community"
          description="Subscribe to receive the latest news, updates, and exclusive content about Stranger Things. Be part of the phenomenon."
          tagIcon={Bell}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="By subscribing, you agree to receive updates about Stranger Things. We respect your privacy and will never share your information."
          ariaLabel="Newsletter signup section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Stranger Things"
          logoWidth={120}
          logoHeight={40}
          columns={[
            {
              title: "Show",
              items: [
                { label: "About", href: "about" },
                { label: "Seasons", href: "seasons" },
                { label: "Cast", href: "cast" },
                { label: "News", href: "contact" }
              ]
            },
            {
              title: "Community",
              items: [
                { label: "Fan Theories", href: "#" },
                { label: "Discussions", href: "#" },
                { label: "Fan Art", href: "#" },
                { label: "Events", href: "#" }
              ]
            },
            {
              title: "Netflix",
              items: [
                { label: "Netflix Home", href: "https://netflix.com" },
                { label: "Watch Now", href: "https://netflix.com/search?q=stranger%20things" },
                { label: "Account", href: "https://netflix.com/account" },
                { label: "Help Center", href: "https://help.netflix.com" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookies", href: "#" },
                { label: "Contact", href: "contact" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com/netflix", ariaLabel: "Netflix Instagram" },
            { icon: Twitter, href: "https://twitter.com/netflix", ariaLabel: "Netflix Twitter" },
            { icon: Facebook, href: "https://facebook.com/netflix", ariaLabel: "Netflix Facebook" },
            { icon: Youtube, href: "https://youtube.com/netflix", ariaLabel: "Netflix YouTube" }
          ]}
          copyrightText="© 2024 Netflix. Stranger Things is a Netflix Original Series."
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}