"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Facebook, Instagram, MessageCircle } from "lucide-react";

export default function ProductsPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Products", id: "/products" },
    { name: "About", id: "/about" },
    { name: "Contact", id: "/contact" },
    { name: "WhatsApp", id: "https://wa.me/1234567890" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="blurBottom"
      cardStyle="glass-elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="NS"
          bottomLeftText="Premium Tailoring Supplies"
          bottomRightText="contact@nstailoring.com"
        />
      </div>

      <div id="all-products" data-section="all-products">
        <ProductCardOne
          title="Complete Product Catalog"
          description="Discover our full range of premium tailoring materials, sewing supplies, tools, fasteners, and fabrics. Every product is hand-selected for quality and reliability."
          products={[
            { id: "1", name: "Measuring Tape", price: "₹149", imageSrc: "http://img.b2bpic.net/free-photo/sewing-tape-measure-with-thimble_23-2148145918.jpg?_wi=2", imageAlt: "Flexible measuring tape" },
            { id: "2", name: "Rulers - Set", price: "₹299", imageSrc: "http://img.b2bpic.net/free-photo/jeweler-hands-using-mechanical-tools_23-2148643242.jpg?_wi=2", imageAlt: "Precision ruler set" },
            { id: "3", name: "Tailor's Chalk", price: "₹79", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fabric-with-scissors-chalk_23-2148739383.jpg?_wi=4", imageAlt: "Professional tailor's chalk" },
            { id: "4", name: "Fabric Pencils", price: "₹129", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cutting-fabric-pieces-by-rotary-cutter-mat-using-ruler_23-2148164443.jpg?_wi=2", imageAlt: "Colored fabric marking pencils" },
            { id: "5", name: "Sewing Needles", price: "₹199", imageSrc: "http://img.b2bpic.net/free-photo/repairing-tools_1417-1793.jpg?_wi=2", imageAlt: "Assorted sewing needles" },
            { id: "6", name: "Pins - Box", price: "₹89", imageSrc: "http://img.b2bpic.net/free-photo/needles-black-button-with-pattern-background_23-2148242117.jpg?_wi=2", imageAlt: "Professional sewing pins" },
            { id: "7", name: "Sewing Machine Pro", price: "₹8,999", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-senior-person-sewing-cloth-face-masks_24837-336.jpg", imageAlt: "Professional sewing machine" },
            { id: "8", name: "Thread Collection", price: "₹399", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colored-thread-spools_23-2148242052.jpg", imageAlt: "Colorful thread spools" },
            { id: "9", name: "Bobbins - Set", price: "₹149", imageSrc: "http://img.b2bpic.net/free-photo/sewing-buttons-with-thread-reel_23-2148145944.jpg", imageAlt: "Sewing machine bobbins" },
            { id: "10", name: "Scissors - Pro", price: "₹349", imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-is-cutting-off-fabric-with-scissors-he-is-wearing-denim-closeup-photo-shoot_613910-21806.jpg", imageAlt: "Professional fabric scissors" },
            { id: "11", name: "Buttons - Assorted", price: "₹199", imageSrc: "http://img.b2bpic.net/free-photo/various-types-buttons-table_1252-673.jpg", imageAlt: "Various button styles" },
            { id: "12", name: "Zippers - Pack", price: "₹249", imageSrc: "http://img.b2bpic.net/free-photo/line-three-different-zips_23-2148212681.jpg", imageAlt: "Metal zippers collection" },
            { id: "13", name: "Hooks & Eyes", price: "₹99", imageSrc: "http://img.b2bpic.net/free-photo/copper-pipes-burst-from-cold-break-copper-pipes-from-cold-closeup_169016-65199.jpg", imageAlt: "Metal hooks and eyes" },
            { id: "14", name: "Cotton Fabric - White", price: "₹449/m", imageSrc: "http://img.b2bpic.net/free-photo/natural-white-cotton-crumpled-soft-fabric-texture-background-surface_640221-220.jpg", imageAlt: "Premium white cotton" },
            { id: "15", name: "Cotton Fabric - Colors", price: "₹499/m", imageSrc: "http://img.b2bpic.net/free-photo/colorful-fabric-background_1339-3051.jpg", imageAlt: "Colored cotton fabric" },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="NS"
          copyrightText="© 2025 NS Tailoring Supplies. All rights reserved. Premium tailoring materials and sewing supplies."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com/nstailoring", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com/nstailoring", ariaLabel: "Instagram" },
            { icon: MessageCircle, href: "https://wa.me/1234567890", ariaLabel: "WhatsApp" },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}