"use client";

import Link from "next/link";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="floatingGradient"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="DISTRICT"
          navItems={[
            { name: "Shop", id: "/" },
            { name: "About", id: "/about" },
            { name: "Craft", id: "/craft" },
            { name: "Contact", id: "/contact" }
          ]}
          bottomLeftText="Premium Streetwear"
          bottomRightText="hello@districtco.com"
        />
      </div>

      <div id="about-story" data-section="about-story">
        <TextSplitAbout
          title="Built for the Streets"
          description={[
            "DISTRICT represents more than clothing—we're a movement born from the raw energy of urban culture. Founded by creators who understand that true style can't be manufactured, only cultivated.",            "We draw inspiration from the architects of street culture: the artists, the rebels, the innovators who refuse to follow trends but create them. Every thread tells their story."
          ]}
          buttons={[
            { text: "See Our Collections", href: "/" }
          ]}
          showBorder={false}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about-mission" data-section="about-mission">
        <TextSplitAbout
          title="Quality Without Compromise"
          description={[
            "In a world of fast fashion and disposable trends, we stand for something different. Each DISTRICT piece is engineered to last, crafted with premium materials that age beautifully.",            "Our commitment extends beyond quality—we believe in ethical production, fair wages, and sustainable practices. Because authentic culture deserves authentic values."
          ]}
          buttons={[
            { text: "Learn About Our Process", href: "/craft" }
          ]}
          showBorder={true}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="about-culture" data-section="about-culture">
        <TextSplitAbout
          title="Culture Over Commerce"
          description={[
            "We're not interested in being the biggest—we're focused on being the most authentic. DISTRICT pieces are worn by individuals who understand that true style is about self-expression, not status symbols.",            "Join a community that values creativity over conformity, substance over hype. This is streetwear with soul."
          ]}
          buttons={[
            { text: "Connect With Us", href: "/contact" }
          ]}
          showBorder={false}
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterBaseCard
        logoText="DISTRICT"
        columns={[
          {
            title: "Shop",            items: [
              { label: "New Arrivals", href: "/shop/new" },
              { label: "Collections", href: "/collections" },
              { label: "Sale", href: "/sale" },
              { label: "All Products", href: "/shop" }
            ]
          },
          {
            title: "Company",            items: [
              { label: "About Us", href: "/about" },
              { label: "Careers", href: "/careers" },
              { label: "Press", href: "/press" },
              { label: "Blog", href: "/blog" }
            ]
          },
          {
            title: "Support",            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "Shipping Info", href: "/shipping" },
              { label: "Returns", href: "/returns" },
              { label: "FAQ", href: "/faq" }
            ]
          },
          {
            title: "Legal",            items: [
              { label: "Privacy Policy", href: "/privacy" },
              { label: "Terms of Service", href: "/terms" },
              { label: "Cookie Policy", href: "/cookies" },
              { label: "Accessibility", href: "/accessibility" }
            ]
          }
        ]}
        copyrightText="© 2025 DISTRICT. All rights reserved. Crafted with intention."
      />
    </ThemeProvider>
  );
}
