"use client";

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

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: "#" },
      { label: "About", href: "#" },
    ],
  },
  {
    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" },
    ],
  },
];

export default function DropsPage() {
  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="all-drops" data-section="all-drops">
        <ProductCardTwo
          title="ALL ACTIVE DROPS"
          description="Browse our complete collection of singular, unrepeatable vintage football streetwear pieces. Each item is one-of-a-kind and available exclusively through 1OF1."
          tag="COMPLETE CATALOG"
          tagAnimation="slide-up"
          buttons={[
            {
              text: "BACK TO HOME",
              href: "/",
            },
          ]}
          buttonAnimation="slide-up"
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          products={[
            {
              id: "piece-001",
              brand: "1OF1",
              name: "Vintage Inter Street Edition",
              price: "€850",
              rating: 5,
              reviewCount: "Piece #001",
              imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-castings_114579-17669.jpg?_wi=2",
              imageAlt: "Vintage Inter Milan football jersey reworked into streetwear",
            },
            {
              id: "piece-002",
              brand: "1OF1",
              name: "Retro AC Milan Heritage",
              price: "€920",
              rating: 5,
              reviewCount: "Piece #002",
              imageSrc: "http://img.b2bpic.net/free-photo/football-composition_23-2147827756.jpg?_wi=2",
              imageAlt: "AC Milan vintage jersey custom streetwear piece",
            },
            {
              id: "piece-003",
              brand: "1OF1",
              name: "Classic Liverpool Underground",
              price: "€780",
              rating: 5,
              reviewCount: "Piece #003",
              imageSrc: "http://img.b2bpic.net/free-vector/black-modern-halftone-background_1035-2575.jpg?_wi=2",
              imageAlt: "Liverpool FC vintage jersey transformed streetwear",
            },
            {
              id: "piece-004",
              brand: "1OF1",
              name: "Ajax Golden Era Edition",
              price: "€890",
              rating: 5,
              reviewCount: "Piece #004",
              imageSrc: "http://img.b2bpic.net/free-photo/vintage-texture-with-different-colors_1160-164.jpg?_wi=2",
              imageAlt: "Ajax Amsterdam vintage jersey exclusive piece",
            },
            {
              id: "piece-005",
              brand: "1OF1",
              name: "Juventus Black & White Icon",
              price: "€910",
              rating: 5,
              reviewCount: "Piece #005",
              imageSrc: "http://img.b2bpic.net/free-photo/contemplated-african-young-male-athlete-leaning-reflective-mirror-outdoors_23-2148124103.jpg?_wi=2",
              imageAlt: "Juventus vintage jersey premium streetwear edition",
            },
            {
              id: "piece-006",
              brand: "1OF1",
              name: "Barcelona Retro Blaugrana",
              price: "€895",
              rating: 5,
              reviewCount: "Piece #006",
              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-shop_23-2148932661.jpg?_wi=2",
              imageAlt: "Barcelona FC vintage jersey exclusive rework",
            },
          ]}
        />
      </div>

      <div id="drops-faq" data-section="drops-faq">
        <FaqSplitMedia
          title="DROP PROCESS GUIDE"
          description="Understanding how 1OF1 drops work, from announcement to collection. Learn about our singular scarcity model and how pieces become part of collecting history."
          tag="HOW IT WORKS"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          faqsAnimation="slide-up"
          mediaAnimation="blur-reveal"
          faqs={[
            {
              id: "drop-faq-1",
              title: "How are pieces selected for each drop?",
              content: "Each drop is carefully curated by our team. We source authentic vintage football jerseys with historical significance, cultural relevance, and exceptional condition. We then transform each piece into a singular streetwear item that maintains the jersey's heritage while creating something entirely new.",
            },
            {
              id: "drop-faq-2",
              title: "How many pieces are in each drop?",
              content: "Drop sizes vary based on the pieces sourced and market demand. We typically release between 3-10 pieces per drop to maintain scarcity and exclusivity. This ensures that every piece holds genuine cultural and collector value.",
            },
            {
              id: "drop-faq-3",
              title: "What's the drop schedule?",
              content: "Drops happen on an irregular basis—there's no fixed schedule. This unpredictability is intentional, designed to maintain the underground, hype-driven energy of 1OF1. Follow our social channels and enable notifications to catch announcements the moment they go live.",
            },
            {
              id: "drop-faq-4",
              title: "How do I know when a drop goes live?",
              content: "We announce upcoming drops across Instagram, Twitter, TikTok, and Discord. Major announcements are made 24-48 hours before launch. Subscribe to our newsletter and follow all our channels to ensure you never miss an exclusive drop.",
            },
            {
              id: "drop-faq-5",
              title: "What happens if I can't purchase during a drop?",
              content: "Once a piece sells out, it's gone forever. That's the core of 1OF1—genuine scarcity. However, sold pieces sometimes appear on the secondary market through platforms like Grailed and specialized resale communities. The original certificate of authenticity transfers with the piece.",
            },
            {
              id: "drop-faq-6",
              title: "Can I get notifications for specific drops?",
              content: "Yes, join our Discord community or enable push notifications through our platform. You can also follow our social accounts for real-time updates. We make announcements across all channels simultaneously to ensure fairness.",
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/clothing-store-with-blurred-effect_23-2148164791.jpg?_wi=2"
          imageAlt="luxury streetwear collection display exclusive room"
          mediaPosition="left"
        />
      </div>

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