"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TextAbout from '@/components/sections/about/TextAbout';
import TeamCardSeven from '@/components/sections/team/TeamCardSeven';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import ProductCardFive from '@/components/sections/product/ProductCardFive';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, Play, ShoppingBag, Heart, HelpCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumSizeLargeTitles"
      background="animatedGrid"
      cardStyle="shadow-colored"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Stranger Things"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Characters", id: "characters" },
            { name: "Episodes", id: "episodes" },
            { name: "Merch", id: "merchandise" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Welcome to the Upside Down"
          description="Explore the mysterious world of Stranger Things, where supernatural forces threaten a small town in 1980s Indiana. Join millions of fans uncovering secrets, meeting iconic characters, and reliving unforgettable moments."
          tag="Netflix Series"
          tagIcon={Sparkles}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6zw2gy"
          imageAlt="Stranger Things promotional banner"
          imagePosition="right"
          buttons={[
            { text: "Watch Now", href: "https://www.netflix.com" },
            { text: "Explore More", href: "#episodes" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="A thrilling mystery spanning four seasons of supernatural horror, conspiracy, and the enduring bonds of friendship in a small Indiana town."
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Read More", href: "#episodes" }
          ]}
        />
      </div>

      <div id="characters" data-section="characters">
        <TeamCardSeven
          title="Trusted by fans worldwide"
          team={[
            {
              id: "1",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662881397-kmy1tetm.jpg",
              imageAlt: "Joyce Byers"
            },
            {
              id: "2",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662881397-kmy1tetm.jpg",
              imageAlt: "Jim Hopper"
            },
            {
              id: "3",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662881397-kmy1tetm.jpg",
              imageAlt: "Mike Wheeler"
            },
            {
              id: "4",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662881397-kmy1tetm.jpg",
              imageAlt: "Eleven"
            },
            {
              id: "5",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662881397-kmy1tetm.jpg",
              imageAlt: "Will Byers"
            },
            {
              id: "6",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662881397-kmy1tetm.jpg",
              imageAlt: "Lucas Sinclair"
            }
          ]
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="episodes" data-section="episodes">
        <FeatureCardSeven
          title="Four Seasons of Mystery"
          description="Journey through the complete Stranger Things saga, from the initial disappearance in Hawkins to the final battle against supernatural forces."
          tag="Series Timeline"
          tagIcon={Play}
          features={[
            {
              id: 1,
              title: "Season One",
              description: "A boy vanishes into thin air, launching an investigation that uncovers a gateway to another dimension and a girl with extraordinary powers.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508784624-wrt2s2wl.jpg",
              imageAlt: "Season One poster"
            },
            {
              id: 2,
              title: "Season Two",
              description: "The group faces a new threat from the Upside Down as they battle creatures and uncovering the truth about Hawkins Lab's dark experiments.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508752218-v1i2cs9a.jpg",
              imageAlt: "Season Two poster"
            },
            {
              id: 3,
              title: "Season Three",
              description: "Set in the summer of 1985, the friends discover a secret Russian facility beneath the town mall and face a new danger from the Upside Down.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766500999465-vys8xuv7.jpg",
              imageAlt: "Season Three poster"
            },
            {
              id: 4,
              title: "Season Four",
              description: "The final chapter splits into two volumes as the group confronts Vecna, a powerful being from the Upside Down, in an epic battle.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766508753765-3pfmozxg.jpg",
              imageAlt: "Season Four poster"
            }
          ]
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="merchandise" data-section="merchandise">
        <ProductCardFive
          title="Official Merchandise"
          description="Show your love for Stranger Things with our exclusive collection of official merchandise and collectibles."
          tag="Fan Favorites"
          tagIcon={ShoppingBag}
          products={[
            {
              id: "1",
              button: { text: "Shop Now" },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766709680193-2907fw80.jpg",
              imageAlt: "Stranger Things graphic t-shirt",
              isFavorited: false
            },
            {
              id: "2",
              button: { text: "Shop Now" },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766709680193-2907fw80.jpg",
              imageAlt: "Stranger Things hoodie",
              isFavorited: false
            },
            {
              id: "3",
              button: { text: "Shop Now" },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766709680193-2907fw80.jpg",
              imageAlt: "Stranger Things cap",
              isFavorited: false
            },
            {
              id: "4",
              button: { text: "Shop Now" },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766709680193-2907fw80.jpg",
              imageAlt: "Stranger Things poster",
              isFavorited: false
            }
          ]
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Fans Are Saying"
          description="Join millions of viewers who have fallen in love with the world of Stranger Things."
          tag="Fan Reviews"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",
              name: "Sarah Martinez",
              handle: "@stfanforever",
              testimonial: "Stranger Things is the perfect blend of horror, mystery, and heart. Absolutely obsessed with every season!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662881397-kmy1tetm.jpg",
              imageAlt: "Sarah Martinez"
            },
            {
              id: "2",
              name: "James Chen",
              handle: "@hawkinsmystery",
              testimonial: "The character development and plot twists keep me coming back. Can't wait for more content!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662881397-kmy1tetm.jpg",
              imageAlt: "James Chen"
            },
            {
              id: "3",
              name: "Emily Rodriguez",
              handle: "@upsidedownlover",
              testimonial: "A masterpiece of storytelling. Every episode is packed with suspense and emotion.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662881397-kmy1tetm.jpg",
              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",
              name: "Michael Park",
              handle: "@hawkinslocal",
              testimonial: "From the 80s nostalgia to the supernatural elements, this show has everything I love.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662881397-kmy1tetm.jpg",
              imageAlt: "Michael Park"
            },
            {
              id: "5",
              name: "Jessica Williams",
              handle: "@demogorgonslayer",
              testimonial: "The friendships and loyalty themes are what make this show truly special.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662881397-kmy1tetm.jpg",
              imageAlt: "Jessica Williams"
            },
            {
              id: "6",
              name: "David Thompson",
              handle: "@maxfanatic",
              testimonial: "Every season brings new surprises. Stranger Things is pure brilliance.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662881397-kmy1tetm.jpg",
              imageAlt: "David Thompson"
            }
          ]
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          speed={30}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Get answers to common questions about Stranger Things."
          tag="Help Center"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",
              title: "When will Season 5 be released?",
              content: "The fifth and final season of Stranger Things is currently in development. Netflix has not announced an official release date yet. Stay tuned for updates!"
            },
            {
              id: "2",
              title: "Is there a Stranger Things spinoff series?",
              content: "Yes! Stranger Things: The Duffer Brothers are working on spinoff projects set in the same universe. Check Netflix regularly for announcements."
            },
            {
              id: "3",
              title: "What is the Upside Down?",
              content: "The Upside Down is a dark alternate dimension that exists parallel to our world. It's filled with dangerous creatures and serves as the source of many supernatural events in Hawkins."
            },
            {
              id: "4",
              title: "Who is Eleven and where did she come from?",
              content: "Eleven is a young girl with psychokinetic and telepathic abilities created through secret experiments at Hawkins National Laboratory. She escapes the lab and becomes central to the group's fight against supernatural threats."
            },
            {
              id: "5",
              title: "Are all seasons available on Netflix?",
              content: "Yes, all four completed seasons of Stranger Things are available to stream on Netflix with a valid subscription."
            },
            {
              id: "6",
              title: "Where can I buy Stranger Things merchandise?",
              content: "Official Stranger Things merchandise is available through Netflix's official store, Amazon, and various retail partners. Check our Merchandise section for links!"
            }
          ]
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Join the Stranger Things fan community and never miss updates about new seasons, merchandise, and exclusive content."
          animationType="entrance-slide"
          buttons={[
            { text: "Subscribe to Newsletter", href: "#" },
            { text: "Follow Us", href: "#" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Stranger Things"
        />
      </div>
    </ThemeProvider>
  );
}