"use client";

import Link from "next/link";
import { Star, Instagram, Facebook, Linkedin } from "lucide-react";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";

export default function CollectionsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="medium"
      background="fluid"
      cardStyle="soft-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="Milano Atelier"
          navItems={[
            { name: "Collections", id: "/collections" },
            { name: "About", id: "/about" },
            { name: "Craft", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Shop Now", href: "/collections" }}
        />
      </div>

      <div id="products" data-section="products" className="py-20">
        <ProductCardThree 
          title="Our Complete Collections"
          description="Explore our full range of handcrafted luxury pieces, from timeless evening wear to sophisticated business attire"
          tag="Collections"
          tagIcon={Star}
          tagAnimation="slide-up"
          products={[
            {
              id: "1",
              name: "Midnight Evening Gown",
              price: "€2,850",
              imageSrc: "https://img.b2bpic.net/free-psd/elegant-young-woman-long-pink-satin-evening-gown_9975-132967.jpg?_wi=3",
              imageAlt: "Midnight evening gown in silk charmeuse",
              initialQuantity: 1
            },
            {
              id: "2",
              name: "Tailored Wool Blazer",
              price: "€1,650",
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-man-choosing-jacket-shop_171337-18967.jpg?_wi=3",
              imageAlt: "Classic tailored wool blazer",
              initialQuantity: 1
            },
            {
              id: "3",
              name: "Silk Twill Scarf",
              price: "€485",
              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-wearing-handkerchief-as-neck-accessory_23-2149091380.jpg?_wi=3",
              imageAlt: "Hand-printed Italian silk scarf",
              initialQuantity: 1
            },
            {
              id: "4",
              name: "High-Waist Trousers",
              price: "€925",
              imageSrc: "https://img.b2bpic.net/free-photo/male-suit-close-up-holding-coffee-hand_1303-10298.jpg?_wi=3",
              imageAlt: "Premium tailored high-waist trousers",
              initialQuantity: 1
            },
            {
              id: "5",
              name: "Classic Wool Coat",
              price: "€3,200",
              imageSrc: "/placeholders/placeholder1.webp?_wi=1",
              imageAlt: "Classic wool coat",
              initialQuantity: 1
            },
            {
              id: "6",
              name: "Silk Blouse",
              price: "€850",
              imageSrc: "/placeholders/placeholder1.webp?_wi=2",
              imageAlt: "Elegant silk blouse",
              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features" className="py-20">
        <FeatureCardTwelve 
          title="Collection Details"
          description="Each collection represents a different aspect of Italian luxury and craftsmanship"
          features={[
            {
              id: "evening",
              label: "Evening",
              title: "Sophisticated evening wear for special occasions",
              items: ["Silk charmeuse fabrics", "Hand-beaded details", "Custom tailoring available"]
            },
            {
              id: "business",
              label: "Business",
              title: "Professional attire with Italian elegance",
              items: ["Premium wool blends", "Classic cuts", "Versatile styling"]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <FooterCard 
        logoText="Milano Atelier"
        copyrightText="© 2025 Milano Atelier | Crafted with Excellence in Milan"
        socialLinks={[
          { icon: Instagram, href: "https://instagram.com/milanog-atelier", ariaLabel: "Instagram" },
          { icon: Facebook, href: "https://facebook.com/milanog-atelier", ariaLabel: "Facebook" },
          { icon: Linkedin, href: "https://linkedin.com/company/milano-atelier", ariaLabel: "LinkedIn" }
        ]}
      />
    </ThemeProvider>
  );
}