"use client";

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

export default function HomePage() {
  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="hero" data-section="hero">
        <HeroSplitTestimonial
          title="1OF1"
          description="Every piece exists once. Vintage football jerseys reimagined as streetwear. No restock. No duplicates."
          tag="EXCLUSIVE DROP"
          tagAnimation="slide-up"
          buttons={[
            {
              text: "SHOP EXCLUSIVE PIECES",              href: "/drops"},
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          testimonials={[
            {
              name: "Collectors Worldwide",              handle: "@1of1squad",              testimonial:
                "Pure scarcity. Pure culture. This is the future of streetwear.",              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/front-view-man-relaxing-with-basketball_23-2148239460.jpg?_wi=1",              imageAlt: "confident streetwear collector portrait dark aesthetic"},
            {
              name: "Fashion Underground",              handle: "@underculturemag",              testimonial:
                "Finally, something that challenges mass production in the streetwear space.",              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/medium-shot-man-working-shop_23-2148932661.jpg?_wi=1",              imageAlt: "fashion magazine editor streetwear lifestyle portrait"},
            {
              name: "Hypebeast Community",              handle: "@hypecollector",              testimonial:
                "The most exclusive pieces I've ever owned. Every one is a story.",              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/portrait-elegant-woman-checking-purchases_23-2148624973.jpg",              imageAlt: "hypebeast collector exclusive streetwear portrait"},
          ]}
          testimonialRotationInterval={5000}
          useInvertedBackground={false}
          mediaAnimation="blur-reveal"
          imageSrc="http://img.b2bpic.net/free-photo/contemplated-african-young-male-athlete-leaning-reflective-mirror-outdoors_23-2148124103.jpg?_wi=1"
          imageAlt="vintage football jersey streetwear dark background"
        />
      </div>

      <div id="featured-drop" data-section="featured-drop">
        <ProductCardTwo
          title="DROP 01 - LATEST PIECES"
          description="Limited collection of reimagined vintage football jerseys. Each piece is singular. Once sold, never seen again."
          tag="LIVE NOW"
          tagAnimation="slide-up"
          buttons={[
            {
              text: "VIEW ALL DROPS",              href: "/drops"},
          ]}
          buttonAnimation="slide-up"
          gridVariant="bento-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          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=1",              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=1",              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=1",              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=1",              imageAlt:
                "Ajax Amsterdam vintage jersey exclusive piece"},
          ]}
        />
      </div>

      <div id="about-philosophy" data-section="about-philosophy">
        <MediaAbout
          title="The 1OF1 Philosophy"
          description="1OF1 was created to challenge mass production. Every jersey is hand-selected from vintage football culture and redesigned into a singular streetwear piece. Once it is sold, it will never exist again. This is the antithesis of fast fashion—it's collectible, meaningful, and truly exclusive."
          tag="OUR STORY"
          tagAnimation="slide-up"
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/woman-measure-skirt_23-2148898076.jpg?_wi=1"
          imageAlt="Behind the scenes: vintage jersey transformation process"
        />
      </div>

      <div id="collectors-proof" data-section="collectors-proof">
        <SocialProofOne
          title="TRUSTED BY COLLECTORS"
          description="Collectors, curators, and culture leaders worldwide trust 1OF1 for authentic, singular pieces that matter."
          names={[
            "Hypebeast",            "Grailed",            "Sneaker News",            "Highsnobiety",            "Complex",            "Vogue Runway",            "Sole Collector"]}
          textboxLayout="default"
          useInvertedBackground={true}
          speed={30}
          showCard={true}
        />
      </div>

      <div id="faq-section" data-section="faq-section">
        <FaqSplitMedia
          title="FREQUENTLY ASKED"
          description="Everything you need to know about 1OF1 pieces, the drop process, and our commitment to scarcity."
          tag="FAQ"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          mediaAnimation="blur-reveal"
          faqs={[
            {
              id: "faq-1",              title: "What makes each piece 1 of 1?",              content:
                "Every piece in our collection is a unique rework of a vintage football jersey. We source authentic jerseys from football history, carefully select them, and transform them into singular streetwear pieces. Once sold, that exact jersey is gone forever—no restocks, no duplicates."},
            {
              id: "faq-2",              title: "How often do drops happen?",              content:
                "We release drops on an irregular schedule to maintain exclusivity and scarcity. Each drop is announced via our platform with a limited number of pieces. Check our notifications to stay updated on the next DROP."},
            {
              id: "faq-3",              title: "What happens when a piece sells out?",              content:
                "Once a piece is sold, it's gone forever. That specific jersey will be added to our ARCHIVE as proof of its existence and sale. Every sold piece becomes part of collecting history—collectible proof that 1OF1 is truly about scarcity."},
            {
              id: "faq-4",              title: "How do I authenticate my piece?",              content:
                "Every 1OF1 piece comes with a certificate of authenticity and a unique piece number. You'll receive documentation detailing the jersey's origin, its transformation process, and proof of its singular existence in the world."},
            {
              id: "faq-5",              title: "Can I resell my 1OF1 piece?",              content:
                "Absolutely. Your piece is yours to keep, trade, or resell. We encourage collector culture and the secondary market. Each piece retains its authenticity documentation and piece number for life."},
            {
              id: "faq-6",              title: "What's your return policy?",              content:
                "1OF1 pieces are final sale due to their singular, exclusive nature. We ship carefully and inspect every piece before dispatch. If there's any damage during shipping, we'll work with you to resolve it."},
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/clothing-store-with-blurred-effect_23-2148164791.jpg?_wi=1"
          imageAlt="luxury streetwear collection display exclusive room"
          mediaPosition="right"
        />
      </div>

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