"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";

export default function AboutPage() {
  const navItems = [
    { name: "HOME", id: "home" },
    { name: "DROPS", id: "drops" },
    { name: "ARCHIVE", id: "archive" },
    { name: "ABOUT", id: "about" },
  ];

  const footerColumns = [
    {
      items: [
        { label: "Home", href: "/" },
        { label: "Active Drops", href: "/drops" },
        { label: "Archive", href: "/archive" },
        { label: "About", href: "/about" },
      ],
    },
    {
      items: [
        { label: "Contact", href: "#" },
        { label: "Shipping Info", href: "#" },
        { label: "Authentication", href: "#" },
        { label: "Privacy Policy", href: "#" },
      ],
    },
    {
      items: [
        { label: "Instagram", href: "https://instagram.com" },
        { label: "Twitter", href: "https://twitter.com" },
        { label: "TikTok", href: "https://tiktok.com" },
        { label: "Discord", href: "https://discord.com" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="inset"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple brandName="1OF1" navItems={navItems} />
      </div>

      <div id="about-story" data-section="about-story">
        <MediaAbout
          title="THE 1OF1 STORY"
          description="Born from a simple idea: fashion should be about scarcity, meaning, and culture—not mass production. We source iconic vintage football jerseys and transform each one into a singular streetwear piece. Every item is unique. Once sold, it's gone forever. This is what exclusivity means."
          tag="OUR MISSION"
          tagAnimation="slide-up"
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/woman-measure-skirt_23-2148898076.jpg?_wi=2"
          imageAlt="Behind the scenes: vintage jersey transformation process"
        />
      </div>

      <div id="about-philosophy-deep" data-section="about-philosophy-deep">
        <MediaAbout
          title="WHY 1OF1 MATTERS"
          description="The fashion industry has lost something critical: the concept of rarity and true craftsmanship. Every 1OF1 piece is a rebellion against fast fashion, against algorithms, against the disposable nature of modern streetwear. When you own a 1OF1 piece, you own history. You own culture. You own something that will never be replicated."
          tag="PHILOSOPHY"
          tagAnimation="slide-up"
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/contemplated-african-young-male-athlete-leaning-reflective-mirror-outdoors_23-2148124103.jpg?_wi=3"
          imageAlt="1OF1 exclusive vintage jersey streetwear collection"
        />
      </div>

      <div id="about-faq" data-section="about-faq">
        <FaqSplitMedia
          title="ABOUT 1OF1"
          description="Common questions about our brand, our process, and what makes us different."
          tag="LEARN MORE"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          mediaAnimation="blur-reveal"
          faqs={[
            {
              id: "about-faq-1",
              title: "How did 1OF1 start?",
              content:
                "1OF1 began with a frustration with mass-produced streetwear and a love for vintage football culture. We realized that the most meaningful pieces in fashion are those that exist only once—pieces with history, context, and soul. We started sourcing authentic vintage jerseys and transforming them into contemporary streetwear.",
            },
            {
              id: "about-faq-2",
              title: "How do you source vintage jerseys?",
              content:
                "Our team travels globally, connecting with vintage collectors, estate sales, and football memorabilia specialists. We seek out iconic jerseys with genuine history—pieces that tell a story. Every jersey must meet our standards for authenticity and quality before transformation.",
            },
            {
              id: "about-faq-3",
              title: "Who are your collectors?",
              content:
                "Our community includes fashion enthusiasts, streetwear collectors, football culture lovers, and people who value authenticity. They're individuals who reject mass production and seek pieces with meaning. Our collectors span from underground culture leaders to established fashion figures.",
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/front-view-man-relaxing-with-basketball_23-2148239460.jpg?_wi=2"
          imageAlt="confident streetwear collector portrait dark aesthetic"
          mediaPosition="right"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis logoText="1OF1" columns={footerColumns} />
      </div>
    </ThemeProvider>
  );
}