"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardFour from '@/components/sections/team/TeamCardFour';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardEleven from '@/components/sections/feature/FeatureCardEleven';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Film, Users, Zap, Music } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeLargeTitles"
      background="aurora"
      cardStyle="neon-glow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Stranger Things"
          navItems={[
            { name: "About", id: "about" },
            { name: "Characters", id: "characters" },
            { name: "Episodes", id: "episodes" },
            { name: "Lore", id: "lore" }
          ]}
          button={{
            text: "Join Fan Club",
            href: "contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Stranger Things"
          description="A thrilling journey through the Upside Down. Uncover mysteries, meet unforgettable characters, and experience the phenomenon that captivated millions worldwide."
          tag="Netflix Series"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0ekcaf"
          imageAlt="Stranger Things promotional artwork"
          buttons={[
            { text: "Explore the Show", href: "about" },
            { text: "Meet the Cast", href: "characters" }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <SplitAbout
          title="About the Series"
          description="Step into Hawkins, Indiana, a town where ordinary life masks extraordinary secrets. When a young boy vanishes, a series of mysterious events unravel a dark conspiracy involving interdimensional portals and supernatural forces."
          tag="Show Overview"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=glmi1l"
          imageAlt="Stranger Things cast"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          bulletPoints={[
            {
              title: "Five Seasons",
              description: "Epic storyline spanning from 1983 to 1986, following the connected fates of Hawkins residents.",
              icon: Film
            },
            {
              title: "Iconic Cast",
              description: "Ensemble of beloved characters brought to life by talented actors who grew up on screen.",
              icon: Users
            },
            {
              title: "Mind-Bending Plot",
              description: "Uncover the mysteries of the Upside Down and its connection to a secret government laboratory.",
              icon: Zap
            },
            {
              title: "80s Nostalgia",
              description: "Experience the decade through authentic aesthetics, music, and cultural references.",
              icon: Music
            }
          ]}
        />
      </div>
      
      <div id="characters" data-section="characters">
        <TeamCardFour
          title="Meet the Cast"
          description="The faces and talents that brought Hawkins to life. From child actors to accomplished performers, discover the ensemble that made Stranger Things unforgettable."
          tag="Main Characters"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          speed={35}
          team={[
            {
              id: "1",
              name: "Eleven",
              role: "Telekinetic Girl",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1bwyb0"
            },
            {
              id: "2",
              name: "Mike Wheeler",
              role: "Leader",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ew8zkw"
            },
            {
              id: "3",
              name: "Dustin Henderson",
              role: "Tech Expert",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=13cyuy"
            },
            {
              id: "4",
              name: "Lucas Sinclair",
              role: "Strategic Thinker",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=t6keqw"
            },
            {
              id: "5",
              name: "Nancy Wheeler",
              role: "Investigator",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fbu3d9"
            },
            {
              id: "6",
              name: "Jonathan Byers",
              role: "Photographer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sltq9g"
            },
            {
              id: "7",
              name: "Will Byers",
              role: "Survivor",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v7de7e"
            },
            {
              id: "8",
              name: "Max Mayfield",
              role: "Brave Newcomer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xerb6c"
            }
          ]}
        />
      </div>
      
      <div id="episodes" data-section="episodes">
        <ProductCardThree
          title="Browse Seasons"
          description="Relive the suspense, mystery, and drama across all five seasons of Stranger Things."
          tag="Available on Netflix"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="blur-reveal"
          gridVariant="four-items-2x2-equal-grid"
          products={[
            {
              id: "1",
              name: "Season 1: The Upside Down",
              price: "2024",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pcdqdx",
              imageAlt: "Season 1 artwork"
            },
            {
              id: "2",
              name: "Season 2: Halloween Surprise",
              price: "2024",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jmeiu3",
              imageAlt: "Season 2 artwork"
            },
            {
              id: "3",
              name: "Season 3: The Mall",
              price: "2024",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sb6trr",
              imageAlt: "Season 3 artwork"
            },
            {
              id: "4",
              name: "Season 4: The Ending",
              price: "2024",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k9khso",
              imageAlt: "Season 4 artwork"
            }
          ]}
        />
      </div>
      
      <div id="lore" data-section="lore">
        <FeatureCardEleven
          title="The Upside Down Mythology"
          description="Dive deep into the lore that connects every mystery, portal, and supernatural event in Hawkins."
          tag="Show Lore"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          usePrimaryButtonImage={false}
          animationType="scale-rotate"
          features={[
            {
              id: 1,
              title: "Discovery of the Portal",
              description: "A young boy vanishes without a trace, setting off a chain of events that reveals the existence of an alternate dimension mirroring our own but twisted and dark.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f5reku"
            },
            {
              id: 2,
              title: "The Hawkins Lab Conspiracy",
              description: "Scientists conduct secret experiments that inadvertently open a gateway to the Upside Down, with a young girl becoming the key to understanding interdimensional travel.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f5reku"
            },
            {
              id: 3,
              title: "The Mind Flayer Threat",
              description: "A powerful entity emerges from the Upside Down, threatening to consume our world. The true nature of this force and its origins become the central mystery of the series.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f5reku"
            }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Fan Stories"
          description="Hear from devoted fans around the world about what Stranger Things means to them."
          tag="Community"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="opacity"
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              role: "Fan from California",
              testimonial: "Stranger Things completely changed my perspective on sci-fi storytelling. The character development and emotional depth is unmatched.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sc94j1"
            },
            {
              id: "2",
              name: "David Chen",
              role: "Fan from New York",
              testimonial: "From the first episode, I was hooked. The suspense, the 80s nostalgia, and the incredible cast made this my favorite show of all time.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uzeprm"
            },
            {
              id: "3",
              name: "Emma Rodriguez",
              role: "Fan from Texas",
              testimonial: "The way they balanced mystery with heart is remarkable. Every character feels real and their journeys resonate deeply with me.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5bzcg4"
            },
            {
              id: "4",
              name: "James Wilson",
              role: "Fan from London",
              testimonial: "Stranger Things proved that Netflix could produce world-class content that rivals any major network. Simply brilliant.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=klgy42"
            },
            {
              id: "5",
              name: "Lisa Park",
              role: "Fan from Seoul",
              testimonial: "The show taught me that great storytelling transcends language and culture. I've watched it multiple times and it never gets old.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0nzl7d"
            },
            {
              id: "6",
              name: "Marcus Thompson",
              role: "Fan from Australia",
              testimonial: "Stranger Things is the rare show that combines entertainment with meaningful themes about friendship, loyalty, and courage.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2ovv4h"
            }
          ]}
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about Stranger Things, its characters, and the Upside Down."
          tag="Help & Info"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "Is Stranger Things finished?",
              content: "Yes, the fifth and final season of Stranger Things has concluded, bringing the epic saga to a definitive end. All mysteries have been resolved and the story has reached its intended conclusion."
            },
            {
              id: "2",
              title: "Who is Eleven?",
              content: "Eleven is a young girl with telekinetic and telepathic powers who escaped from Hawkins Laboratory. She becomes a central character in the fight against the Upside Down and forms deep bonds with the main characters, particularly Mike Wheeler."
            },
            {
              id: "3",
              title: "What is the Upside Down?",
              content: "The Upside Down is an alternate dimension that mirrors our world but is twisted and dark. It serves as the primary setting for much of the supernatural activity in the series and is home to various creatures and entities."
            },
            {
              id: "4",
              title: "Can I watch Stranger Things on Netflix?",
              content: "Yes, all five seasons of Stranger Things are available exclusively on Netflix. You can watch the complete series with a Netflix subscription."
            },
            {
              id: "5",
              title: "How many seasons are there?",
              content: "There are five seasons in total. The story began in 1983 and concludes in 1986, with each season adding new layers to the mystery and expanding the scope of the supernatural threat."
            },
            {
              id: "6",
              title: "Are there spin-offs planned?",
              content: "The creators have hinted at potential spin-offs exploring different aspects of the Stranger Things universe, but no official announcements have been made regarding specific projects or timelines."
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Join the Fan Club"
          description="Subscribe to get exclusive updates about Stranger Things news, cast interviews, and behind-the-scenes content."
          useInvertedBackground="noInvert"
          buttonText="Subscribe"
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Your Email",
              required: true
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us your favorite Stranger Things moment...",
            rows: 4,
            required: false
          }}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Stranger Things"
        />
      </div>
    </ThemeProvider>
  );
}