"use client";

import Link from "next/link";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Package } from "lucide-react";

export default function HomePage() {
  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="hero" data-section="hero">
        <HeroLogo
          logoText="DISTRICT"
          description="Premium streetwear defining contemporary urban culture with bold designs and uncompromising quality."
          buttons={[
            { text: "Shop Now", href: "/products" },
            { text: "Learn More", href: "/about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/stylish-caucasian-guy-with-cool-tattoos-sunglasses-leaning-wall-with-lights_181624-59814.jpg"
          imageAlt="Street fashion and urban style"
          showDimOverlay={true}
          logoLineHeight={1.1}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Signature Collection"
          description="Handcrafted pieces that blend street culture with premium craftsmanship. Each item tells a story."
          tag="New Drops"
          tagIcon={Package}
          products={[
            {
              id: "1",              name: "Oversized Graphic Tee",              price: "$89",              variant: "Black, White, Olive",              imageSrc: "https://img.b2bpic.net/free-photo/upset-european-man-white-shirt-with-tattooed-arms-sitting-outdoors_181624-59916.jpg",              imageAlt: "Premium graphic t-shirt",              isFavorited: false
            },
            {
              id: "2",              name: "Essential Hoodie",              price: "$149",              variant: "Black, Navy, Charcoal",              imageSrc: "https://img.b2bpic.net/free-photo/sport-jersey-success-event-motion_1296-353.jpg",              imageAlt: "Premium streetwear hoodie",              isFavorited: false
            },
            {
              id: "3",              name: "Cargo Utility Pants",              price: "$129",              variant: "Black, Khaki, Olive",              imageSrc: "https://img.b2bpic.net/free-photo/shallow-focus-shot-posing-handsome-smiling-european-guy-hat_181624-61284.jpg",              imageAlt: "Premium cargo pants",              isFavorited: false
            },
            {
              id: "4",              name: "Bomber Jacket",              price: "$199",              variant: "Black, Brown, Navy",              imageSrc: "https://img.b2bpic.net/free-photo/young-man-standing-gray-concrete-wall-looking-his-smartphone-s-screen-listening-music-his-white-earplugs_346278-1740.jpg",              imageAlt: "Premium bomber jacket",              isFavorited: false
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Story"
          description={[
            "DISTRICT was born from the streets, inspired by the fearless individuals who refuse to blend in. We believe fashion should challenge norms and celebrate authenticity.",            "Every piece is meticulously designed and crafted with premium materials. From concept to creation, we maintain uncompromising standards of quality, ensuring each garment reflects the confidence and style of those who wear it."
          ]}
          buttons={[
            { text: "Explore Our Craft", href: "/craft" }
          ]}
          showBorder={true}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Trusted by Culture Makers"
          description="Hear from the individuals who live and breathe street culture."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "Elevated My Everyday Look",              quote: "DISTRICT pieces have completely transformed how I approach my style. The quality is unmatched and the designs feel like they were made for me.",              name: "Marcus Thompson",              role: "Streetwear Influencer",              imageSrc: "https://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg",              imageAlt: "Marcus Thompson"
            },
            {
              id: "2",              title: "Premium Quality That Lasts",              quote: "I've worn my DISTRICT pieces constantly for over a year and they still look pristine. This is real craftsmanship, not just hype.",              name: "Sarah Chen",              role: "Fashion Designer",              imageSrc: "https://img.b2bpic.net/free-photo/attractive-blond-male-dressed-suit-dark-grey-background_613910-14130.jpg",              imageAlt: "Sarah Chen"
            },
            {
              id: "3",              title: "Authentic Street Culture",              quote: "Finally, a brand that truly understands street culture. No pretense, no gatekeeping, just genuine pieces for genuine people.",              name: "James Rivera",              role: "Creative Director",              imageSrc: "https://img.b2bpic.net/free-photo/thinking-man-dark-suit-studio-shot_613910-10754.jpg",              imageAlt: "James Rivera"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          title="Join the Movement"
          description="Subscribe to our newsletter for exclusive drops, limited releases, and insider access to the DISTRICT community."
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your inbox. Unsubscribe anytime. By subscribing, you agree to our Terms and Privacy Policy."
        />
      </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>
  );
}