"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaSplitAbout from '@/components/sections/about/MediaSplitAbout';
import MetricCardSix from '@/components/sections/metrics/MetricCardSix';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Award, Film, Heart, Mail, Play, Sparkles, TrendingUp, Users } from "lucide-react";

export default function StrangerThingsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="large"
      background="floatingGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Stranger Things"
          button={{
            text: "Watch Now",
            href: "https://www.netflix.com/search?q=stranger%20things"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Stranger Things"
          description="Experience the supernatural. A group of teens face terrifying forces and shocking secrets when a young boy disappears. Welcome to Hawkins."
          tag="Netflix Original Series"
          tagIcon={Sparkles}
          buttons={[
            {
              text: "Watch on Netflix",
              href: "https://www.netflix.com/search?q=stranger%20things"
            },
            {
              text: "Learn More",
              href: "#about"
            }
          ]}
          carouselItems={[
            {
              id: "1",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=od1qa9",
              imageAlt: "Stranger Things key scene"
            },
            {
              id: "2",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mcstu5",
              imageAlt: "Upside Down dimension"
            },
            {
              id: "3",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ngsodo",
              imageAlt: "1980s nostalgic setting"
            },
            {
              id: "4",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mke70o",
              imageAlt: "Character dramatic moment"
            },
            {
              id: "5",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qmpab4",
              imageAlt: "Ensemble cast group scene"
            },
            {
              id: "6",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5plnrx",
              imageAlt: "Sci-fi horror atmosphere"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitAbout
          title="Enter the Upside Down"
          description="Stranger Things follows a group of young friends navigating the mysterious disappearance of their peer while facing terrifying supernatural forces. Set in the fictional town of Hawkins, Indiana during the 1980s, the series blends science fiction, horror, and coming-of-age drama. With four groundbreaking seasons, the show has captivated millions with its compelling characters, nostalgic atmosphere, and mind-bending plot twists. From psychokinetic powers to interdimensional threats, every episode brings new mysteries and emotional depths."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b8k9qc"
          imageAlt="Stranger Things main cast"
          buttons={[
            {
              text: "Explore Episodes",
              href: "#blog"
            },
            {
              text: "Meet the Cast",
              href: "#team"
            }
          ]}
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSix
          metrics={[
            {
              id: "1",
              value: "4",
              tag: "Seasons",
              tagIcon: Play,
              title: "Gripping Story Arcs"
            },
            {
              id: "2",
              value: "42",
              tag: "Episodes",
              tagIcon: Film,
              title: "Hours of Entertainment"
            },
            {
              id: "3",
              value: "13.5M",
              tag: "Viewers",
              tagIcon: Users,
              title: "Global Fanbase"
            },
            {
              id: "4",
              value: "16",
              tag: "Awards",
              tagIcon: Award,
              title: "Critical Acclaim"
            }
          ]}
          title="By The Numbers"
          description="Stranger Things has become a cultural phenomenon"
          tag="Impact"
          tagIcon={TrendingUp}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen
          title="The Heroes of Hawkins"
          tag="Main Cast"
          members={[
            {
              id: "1",
              name: "Millie Bobby Brown - Eleven",
              imageSrc: "/placeholders/placeholder1.webp",
              imageAlt: "Eleven character"
            },
            {
              id: "2",
              name: "Winona Ryder - Joyce Byers",
              imageSrc: "/placeholders/placeholder1.webp",
              imageAlt: "Joyce Byers character"
            },
            {
              id: "3",
              name: "David Harbour - Jim Hopper",
              imageSrc: "/placeholders/placeholder1.webp",
              imageAlt: "Jim Hopper character"
            },
            {
              id: "4",
              name: "Gaten Matarazzo - Dustin Henderson",
              imageSrc: "/placeholders/placeholder1.webp",
              imageAlt: "Dustin Henderson character"
            }
          ]}
          memberVariant="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson, Superfan",
              date: "Date: 15 November 2024",
              title: "This show changed my life",
              quote: "Stranger Things transported me to another world. Every season brought new mysteries and emotional depth. The characters feel like family, and the 1980s nostalgia is absolutely perfect. I cannot wait for the final season!",
              tag: "Season 4 Fan",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o7zw5z",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o7zw5z",
              imageAlt: "Fan testimonial"
            },
            {
              id: "2",
              name: "Marcus Chen, TV Critic",
              date: "Date: 22 November 2024",
              title: "Masterpiece storytelling",
              quote: "The Duffer Brothers have created something truly special. The blend of horror, sci-fi, and heartfelt moments is exceptional. Every episode is crafted with precision. Stranger Things stands as one of the greatest series ever made.",
              tag: "Critic",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q9xtm2",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q9xtm2",
              imageAlt: "Critic testimonial"
            },
            {
              id: "3",
              name: "Emma Wilson, Binge Watcher",
              date: "Date: 10 November 2024",
              title: "An unforgettable journey",
              quote: "I started watching out of curiosity and became completely obsessed. The character development is incredible, the mysteries keep you guessing, and the emotional beats hit like a truck. Stranger Things is pure perfection.",
              tag: "Netflix Viewer",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=125te8",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=125te8",
              imageAlt: "Viewer testimonial"
            },
            {
              id: "4",
              name: "James Rodriguez, Content Creator",
              date: "Date: 25 October 2024",
              title: "Peak entertainment",
              quote: "As someone who watches everything, Stranger Things consistently delivers. The production quality is outstanding, the cast is phenomenal, and every twist feels earned. This is how you make prestige television.",
              tag: "Entertainment Creator",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ed8cmg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ed8cmg",
              imageAlt: "Creator testimonial"
            },
            {
              id: "5",
              name: "Olivia Martinez, Nostalgia Enthusiast",
              date: "Date: 5 November 2024",
              title: "Pure 80s magic",
              quote: "The 1980s setting is done so authentically. The music, the fashion, the atmosphere all transport you back in time. Stranger Things is a love letter to that era, and I am completely captivated by every frame.",
              tag: "Retro Fan",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m0awj2",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m0awj2",
              imageAlt: "Nostalgia fan testimonial"
            },
            {
              id: "6",
              name: "Thomas Lee, Sci-Fi Enthusiast",
              date: "Date: 18 November 2024",
              title: "Brilliant world-building",
              quote: "The mythology behind Stranger Things is incredibly complex and well-developed. The Upside Down feels like a real place with genuine threats. The show respects its audience and rewards close attention.",
              tag: "Sci-Fi Fan",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k2g0pi",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k2g0pi",
              imageAlt: "Sci-fi fan testimonial"
            }
          ]}
          title="What Fans Are Saying"
          description="Join millions who have fallen under the spell of Stranger Things"
          tag="Community"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          faqs={[
            {
              id: "1",
              title: "How many seasons of Stranger Things are there?",
              content: "Stranger Things has four complete seasons available on Netflix. Each season delivers gripping storylines and character development. The final season concluded in 2024, bringing the epic saga to a close."
            },
            {
              id: "2",
              title: "What is the Upside Down?",
              content: "The Upside Down is a dark parallel dimension that mirrors Hawkins, Indiana. It is a dangerous place filled with horrifying creatures and supernatural phenomena. The show explores the connection between our world and this alternate reality throughout its seasons."
            },
            {
              id: "3",
              title: "Where can I watch Stranger Things?",
              content: "Stranger Things is exclusively available on Netflix. You can stream all four seasons with a Netflix subscription. It is available in multiple languages and regions worldwide."
            },
            {
              id: "4",
              title: "Is Stranger Things appropriate for all ages?",
              content: "Stranger Things is rated TV-14 and contains intense scenes, language, and thematic content. It is recommended for teens and adults. Parents should review content warnings before allowing younger viewers."
            },
            {
              id: "5",
              title: "Will there be more Stranger Things content?",
              content: "The main series concluded with Season 4, but the creators have hinted at potential spin-offs and continued universe exploration. Stay tuned to Netflix and official announcements for future projects."
            }
          ]}
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about Stranger Things"
          textPosition="left"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          faqs={[
            {
              id: "1",
              title: "How do I join the fan community?",
              content: "Follow official Stranger Things social media accounts and Netflix platforms. Engage with other fans through forums, Discord communities, and fan-created content sites. Attend conventions and events celebrating the show."
            },
            {
              id: "2",
              title: "Where can I find official merchandise?",
              content: "Official Stranger Things merchandise is available through Netflix Shop and major retailers. Look for licensed apparel, collectibles, and home goods. Support official channels to ensure authentic products."
            },
            {
              id: "3",
              title: "Are there podcasts about Stranger Things?",
              content: "Yes, many podcasts discuss Stranger Things episodes, lore, and fandom. Search for \"Stranger Things podcast\" on your favorite podcast platform. Fan communities create excellent analytical and entertainment content."
            }
          ]}
          ctaTitle="Join the Hawkins Community"
          ctaDescription="Stay updated with the latest news, theories, and fan content from Stranger Things"
          ctaButton={{
            text: "Subscribe to Updates",
            href: "#newsletter"
          }}
          ctaIcon={Mail}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

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