"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="none"
      cardStyle="soft-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="HiAnime"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Popular", id: "trending" },
            { name: "Browse", id: "genres" },
            { name: "Community", id: "testimonials" },
            { name: "Help", id: "faq" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="HiAnime"
          description="Stream the ultimate anime collection. Discover trending series, exclusive content, and join millions of anime fans worldwide."
          buttons={[
            { text: "Start Watching", href: "#trending" },
            { text: "Browse All", href: "#genres" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQLVc7wxoHAT1JFrkRVjQr6WhI/a-stunning-anime-hero-image-featuring-th-1772519955251-358d14da.png"
          imageAlt="Featured anime series showcase"
          mediaAnimation="blur-reveal"
          frameStyle="card"
        />
      </div>

      <div id="trending" data-section="trending">
        <ProductCardTwo
          title="Trending Now"
          description="Join 50M+ viewers watching the hottest anime series everyone is watching this season. Updated daily."
          tag="Popular"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
          products={[
            {
              id: "1",              brand: "Featured Series",              name: "Demon Slayer Season 5",              price: "Free",              rating: 5,
              reviewCount: "2.3M",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQLVc7wxoHAT1JFrkRVjQr6WhI/a-promotional-anime-series-cover-featuri-1772519954900-bb9241df.png?_wi=1",              imageAlt: "Demon Slayer promotional image"
            },
            {
              id: "2",              brand: "New Release",              name: "Jujutsu Kaisen 2",              price: "Free",              rating: 5,
              reviewCount: "1.9M",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQLVc7wxoHAT1JFrkRVjQr6WhI/a-beautiful-anime-series-artwork-featuri-1772519956221-61705019.png?_wi=1",              imageAlt: "Jujutsu Kaisen promotional image"
            },
            {
              id: "3",              brand: "Top Rated",              name: "Attack on Titan",              price: "Free",              rating: 5,
              reviewCount: "3.1M",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQLVc7wxoHAT1JFrkRVjQr6WhI/a-compelling-anime-promotional-image-wit-1772519954875-42e3674b.png?_wi=1",              imageAlt: "Attack on Titan promotional image"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          carouselMode="buttons"
        />
      </div>

      <div id="genres" data-section="genres">
        <FeatureCardThree
          title="Explore by Genre"
          description="Find your next favorite anime across diverse genres."
          tag="Categories"
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground={false}
          features={[
            {
              id: "01",              title: "Action",              description: "High-octane battles, thrilling adventures, and intense combat sequences.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQLVc7wxoHAT1JFrkRVjQr6WhI/a-dynamic-action-anime-theme-visual-with-1772519954708-4820ca94.png?_wi=1",              imageAlt: "Action anime theme"
            },
            {
              id: "02",              title: "Romance",              description: "Heartwarming stories of love, relationships, and emotional connections.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQLVc7wxoHAT1JFrkRVjQr6WhI/a-romantic-anime-themed-visual-with-soft-1772519954638-ed5762ed.png",              imageAlt: "Romance anime theme"
            },
            {
              id: "03",              title: "Mystery",              description: "Intriguing plots, suspenseful narratives, and plot twists.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQLVc7wxoHAT1JFrkRVjQr6WhI/a-mysterious-anime-visual-with-shadowy-a-1772519954553-ba93978a.png",              imageAlt: "Mystery anime theme"
            },
            {
              id: "04",              title: "Adventure",              description: "Exploration, discovery, and epic journeys across fantastical worlds.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQLVc7wxoHAT1JFrkRVjQr6WhI/a-dynamic-action-anime-theme-visual-with-1772519954708-4820ca94.png?_wi=2",              imageAlt: "Adventure anime theme"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          carouselMode="buttons"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Community Says"
          description="Join millions of anime fans enjoying the best streaming experience."
          tag="Community"
          textboxLayout="default"
          useInvertedBackground={true}
          testimonials={[
            {
              id: "1",              name: "Sarah Chen, Anime Fan",              date: "Date: January 15, 2025",              title: "Best anime streaming platform!",              quote: "HiAnime has completely transformed how I watch anime. The interface is intuitive, the content library is massive, and the streaming quality is exceptional. I love discovering new series through their recommendation system.",              tag: "Premium User",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQLVc7wxoHAT1JFrkRVjQr6WhI/a-portrait-of-a-young-anime-fan-smiling--1772519957742-6292fdba.png",              avatarAlt: "Sarah Chen",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQLVc7wxoHAT1JFrkRVjQr6WhI/a-promotional-anime-series-cover-featuri-1772519954900-bb9241df.png?_wi=2",              imageAlt: "Anime series showcase"
            },
            {
              id: "2",              name: "Marcus Rodriguez, Manga Enthusiast",              date: "Date: January 10, 2025",              title: "Outstanding content and updates",              quote: "The variety of anime is incredible, and they regularly add new content. The streaming is smooth, no buffering, and the subtitles are always accurate. This is my go-to platform for anime now.",              tag: "Regular Viewer",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQLVc7wxoHAT1JFrkRVjQr6WhI/a-profile-portrait-of-an-anime-enthusias-1772519953605-59034381.png",              avatarAlt: "Marcus Rodriguez",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQLVc7wxoHAT1JFrkRVjQr6WhI/a-beautiful-anime-series-artwork-featuri-1772519956221-61705019.png?_wi=2",              imageAlt: "Anime promotional content"
            },
            {
              id: "3",              name: "Emma Thompson, Series Collector",              date: "Date: January 8, 2025",              title: "Never disappoints with new releases",              quote: "HiAnime keeps me updated with the latest anime releases and never misses a new season. The quality is amazing, and I appreciate how easy it is to track what I'm watching.",              tag: "Active Member",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQLVc7wxoHAT1JFrkRVjQr6WhI/a-portrait-of-a-content-viewer-with-genu-1772519955031-f68420b4.png",              avatarAlt: "Emma Thompson",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQLVc7wxoHAT1JFrkRVjQr6WhI/a-compelling-anime-promotional-image-wit-1772519954875-42e3674b.png?_wi=2",              imageAlt: "Premium anime content"
            },
            {
              id: "4",              name: "James Kim, Content Creator",              date: "Date: January 5, 2025",              title: "Perfect for creating anime content",              quote: "As a content creator, HiAnime gives me instant access to all the latest anime I need to review. The streaming reliability is perfect for my workflow.",              tag: "Creator",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQLVc7wxoHAT1JFrkRVjQr6WhI/a-user-portrait-showing-enthusiasm-and-s-1772519954655-1ee3c3ec.png",              avatarAlt: "James Kim",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQLVc7wxoHAT1JFrkRVjQr6WhI/a-dynamic-action-anime-theme-visual-with-1772519954708-4820ca94.png?_wi=3",              imageAlt: "Action anime content"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Get answers to common questions about HiAnime."
          tag="Support"
          textboxLayout="default"
          useInvertedBackground={false}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQLVc7wxoHAT1JFrkRVjQr6WhI/a-helpful-customer-support-or-faq-themed-1772519954522-8226ea17.png"
          imageAlt="Customer support visual"
          mediaAnimation="opacity"
          mediaPosition="right"
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "Is HiAnime free to use?",              content: "Yes! HiAnime offers free streaming of thousands of anime series. You can watch all your favorite shows without any subscription fees or hidden charges."
            },
            {
              id: "2",              title: "What devices are supported?",              content: "HiAnime works on all major devices including smartphones, tablets, laptops, smart TVs, and web browsers. Download our app or access directly from your browser."
            },
            {
              id: "3",              title: "How often is new content added?",              content: "We update our content library daily with the latest anime releases, seasonal series, and classic favorites. New episodes are typically added within 24 hours of airing."
            },
            {
              id: "4",              title: "Can I download episodes to watch offline?",              content: "Yes! Premium members can download episodes to watch offline. Simply click the download button on any episode you want to save."
            },
            {
              id: "5",              title: "What about subtitle options?",              content: "We provide multiple subtitle languages for most anime series including English, Spanish, French, German, Portuguese, and more. All subtitles are professionally translated."
            },
            {
              id: "6",              title: "How do I contact support?",              content: "You can reach our support team through email, live chat, or our community forum. Response times are typically within 2-4 hours during business days."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="HiAnime"
          columns={[
            {
              title: "Browse",              items: [
                { label: "Popular", href: "#trending" },
                { label: "Genres", href: "#genres" },
                { label: "New Releases", href: "#trending" },
                { label: "Trending", href: "#trending" }
              ]
            },
            {
              title: "Community",              items: [
                { label: "Reviews", href: "#testimonials" },
                { label: "Forums", href: "#" },
                { label: "Discussion", href: "#" },
                { label: "Events", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Help Center", href: "#faq" },
                { label: "Contact Us", href: "#" },
                { label: "Report Issue", href: "#" },
                { label: "Feedback", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Terms of Service", href: "#" },
                { label: "Privacy Policy", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "DMCA", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 HiAnime. All rights reserved. Anime streaming platform for fans worldwide."
        />
      </div>
    </ThemeProvider>
  );
}
