"use client";

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

export default function ArchivePage() {
  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="archive-intro" data-section="archive-intro">
        <MediaAbout
          title="ARCHIVE - SOLD PIECES"
          description="Every piece in this archive represents a singular moment in culture. These sold pieces are part of collecting history—permanent proof that 1OF1 exists only once. Each jersey's journey ends here, documented forever as part of the 1OF1 legacy."
          tag="SOLD OUT"
          tagAnimation="slide-up"
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/clothing-store-with-blurred-effect_23-2148164791.jpg?_wi=3"
          imageAlt="luxury streetwear collection display exclusive room"
        />
      </div>

      <div id="sold-pieces" data-section="sold-pieces">
        <ProductCardTwo
          title="PAST DROPS - COLLECTOR HISTORY"
          description="These pieces are no longer available. They live with collectors worldwide. Each piece is verified and documented in our permanent archive."
          tag="COLLECTOR VERIFIED"
          tagAnimation="slide-up"
          gridVariant="bento-grid-inverted"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          products={[
            {
              id: "archive-piece-001",
              brand: "1OF1",
              name: "Original Barcelona Historic",
              price: "€1200",
              rating: 5,
              reviewCount: "Piece #047",
              imageSrc:
                "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-castings_114579-17669.jpg?_wi=3",
              imageAlt:
                "Barcelona FC vintage jersey sold collector piece",
            },
            {
              id: "archive-piece-002",
              brand: "1OF1",
              name: "Legends Manchester United",
              price: "€1150",
              rating: 5,
              reviewCount: "Piece #033",
              imageSrc:
                "http://img.b2bpic.net/free-photo/football-composition_23-2147827756.jpg?_wi=3",
              imageAlt:
                "Manchester United vintage jersey archive piece",
            },
            {
              id: "archive-piece-003",
              brand: "1OF1",
              name: "Bayern Munich Gold Standard",
              price: "€1100",
              rating: 5,
              reviewCount: "Piece #015",
              imageSrc:
                "http://img.b2bpic.net/free-vector/black-modern-halftone-background_1035-2575.jpg?_wi=3",
              imageAlt:
                "Bayern Munich vintage jersey historic piece",
            },
          ]}
        />
      </div>

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