"use client";

import Link from "next/link";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import AboutMetric from '@/components/sections/about/AboutMetric';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Star, Users, Award, Heart } from 'lucide-react';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple 
          brandName="Futurama" 
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Characters", id: "/characters" },
            { name: "Episodes", id: "/episodes" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric 
          title="Futurama: A Legacy of Laughter and Heart. Seven unforgettable seasons spanning from 1999 to 2009, with multiple movies and specials that continue to captivate audiences worldwide."
          metrics={[
            { icon: Star, label: "Seasons Released", value: "7" },
            { icon: Users, label: "Global Fans", value: "10M+" },
            { icon: Award, label: "Emmy Nominations", value: "30+" },
            { icon: Heart, label: "Spinoff Movies", value: "4" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="characters" data-section="characters">
        <TeamCardEleven 
          title="Meet the Crew"
          description="The unforgettable characters that make Futurama legendary"
          groups={[
            {
              id: "main-crew",
              groupTitle: "Planet Express Crew",
              members: [
                {
                  id: "1",
                  title: "Fry",
                  subtitle: "Delivery Boy from the 20th Century",
                  detail: "A cryogenically frozen pizza delivery boy accidentally woken in the year 3000",
                  imageSrc: "https://img.b2bpic.net/free-vector/flat-chinese-new-year-background_23-2147727574.jpg",
                  imageAlt: "Fry Character"
                },
                {
                  id: "2",
                  title: "Leela",
                  subtitle: "Ship Captain & Delivery Dispatcher",
                  detail: "A mutant with a single beautiful eye and a heart of gold",
                  imageSrc: "https://img.b2bpic.net/free-vector/flat-chinese-new-year-background_23-2147727575.jpg",
                  imageAlt: "Leela Character"
                },
                {
                  id: "3",
                  title: "Bender",
                  subtitle: "Robot & Best Friend",
                  detail: "A wise-cracking, alcoholic robot from Mexico with a heart of... gold?",
                  imageSrc: "https://img.b2bpic.net/free-vector/hand-drawn-halloween-character-collection_23-2148660544.jpg",
                  imageAlt: "Bender Character"
                },
                {
                  id: "4",
                  title: "Professor Farnsworth",
                  subtitle: "Owner & Genius Scientist",
                  detail: "A 160-year-old eccentric inventor and billionaire",
                  imageSrc: "https://img.b2bpic.net/free-vector/acid-engineer-stickers-collection_23-2150622751.jpg",
                  imageAlt: "Professor Farnsworth"
                }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase 
          title="Frequently Asked Questions"
          description="Everything you need to know about Futurama"
          faqs={[
            {
              id: "1",
              title: "Where can I watch Futurama?",
              content: "Futurama is available on multiple streaming platforms including Hulu, Disney+, Netflix, and Amazon Prime Video. Check your local region for availability. New episodes continue to be released regularly."
            },
            {
              id: "2",
              title: "How many seasons of Futurama are there?",
              content: "There are 7 main seasons spanning 124 episodes from 1999 to 2009. Additionally, there are 4 movies and the recent revival series with new episodes continuing the story."
            },
            {
              id: "3",
              title: "Will there be new Futurama episodes?",
              content: "Yes! Futurama has been revived with new episodes. The series continues to expand with fresh content, bringing back the beloved characters and delivering the same humor and heart fans have always loved."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          animationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal 
          columns={[
            {
              title: "Watch",
              items: [
                { label: "Hulu", href: "https://www.hulu.com" },
                { label: "Disney+", href: "https://www.disneyplus.com" },
                { label: "Netflix", href: "https://www.netflix.com" },
                { label: "Amazon Prime", href: "https://www.primevideo.com" }
              ]
            },
            {
              title: "Community",
              items: [
                { label: "Fan Forum", href: "https://www.reddit.com/r/futurama" },
                { label: "Social Media", href: "https://www.twitter.com" },
                { label: "News", href: "/news" },
                { label: "Events", href: "/events" }
              ]
            },
            {
              title: "About",
              items: [
                { label: "The Show", href: "/about" },
                { label: "Merchandise", href: "/merchandise" },
                { label: "Credits", href: "/credits" },
                { label: "Contact", href: "/contact" }
              ]
            }
          ]}
          copyrightText="© 2025 Futurama. All rights reserved. A creation of Matt Groening."
        />
      </div>
    </ThemeProvider>
  );
}