"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';

const shopProducts = [
  {
    id: "1",    name: "Premium Dog Collar",    price: "$24.99",    imageSrc: "https://images.unsplash.com/photo-1601758228041-f3b2795255f1?w=400&h=300&fit=crop",    imageAlt: "Premium Dog Collar",    onProductClick: () => console.log("Product 1 clicked")
  },
  {
    id: "2",    name: "Cat Scratching Post",    price: "$39.99",    imageSrc: "https://images.unsplash.com/photo-1574144611937-0df059b5ef3e?w=400&h=300&fit=crop",    imageAlt: "Cat Scratching Post",    onProductClick: () => console.log("Product 2 clicked")
  },
  {
    id: "3",    name: "Dog Treat Bundle",    price: "$18.99",    imageSrc: "https://images.unsplash.com/photo-1589941013453-ec89f33b5e95?w=400&h=300&fit=crop",    imageAlt: "Dog Treat Bundle",    onProductClick: () => console.log("Product 3 clicked")
  },
  {
    id: "4",    name: "Pet Bed Deluxe",    price: "$59.99",    imageSrc: "https://images.unsplash.com/photo-1583337130417-3346a1be7dee?w=400&h=300&fit=crop",    imageAlt: "Pet Bed Deluxe",    onProductClick: () => console.log("Product 4 clicked")
  },
  {
    id: "5",    name: "Interactive Toy Set",    price: "$29.99",    imageSrc: "https://images.unsplash.com/photo-1592194996308-7b43878e84a6?w=400&h=300&fit=crop",    imageAlt: "Interactive Toy Set",    onProductClick: () => console.log("Product 5 clicked")
  },
  {
    id: "6",    name: "Pet Food Bowl Set",    price: "$19.99",    imageSrc: "https://images.unsplash.com/photo-1544568100-847a948585b9?w=400&h=300&fit=crop",    imageAlt: "Pet Food Bowl Set",    onProductClick: () => console.log("Product 6 clicked")
  },
  {
    id: "7",    name: "Cat Carrier Bag",    price: "$49.99",    imageSrc: "https://images.unsplash.com/photo-1548199973-03cce0bbc87b?w=400&h=300&fit=crop",    imageAlt: "Cat Carrier Bag",    onProductClick: () => console.log("Product 7 clicked")
  },
  {
    id: "8",    name: "Dog Leash Premium",    price: "$16.99",    imageSrc: "https://images.unsplash.com/photo-1552053831-71594a27632d?w=400&h=300&fit=crop",    imageAlt: "Dog Leash Premium",    onProductClick: () => console.log("Product 8 clicked")
  }
];

export default function ShopPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <NavbarLayoutFloatingOverlay
        brandName="PawsAdopt"
        navItems={[
          { name: "Home", id: "/" },
          { name: "Shop", id: "/shop" }
        ]}
        button={{
          text: "Donate Now",          href: "contact"
        }}
      />
      
      <main className="min-h-screen pt-20">
        <ProductCardOne
          products={shopProducts}
          title="Pet Supplies Store"
          description="Everything your furry friends need - from toys and treats to beds and carriers. Shop our collection of premium pet products."
          tag="Best Sellers"
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "View All Categories",              href: "/categories"
            }
          ]}
        />
      </main>
      
      <FooterBaseCard
        logoText="PawsAdopt"
        columns={[
          {
            title: "About",            items: [
              { label: "Our Mission", href: "#about" },
              { label: "Our Team", href: "#" },
              { label: "Success Stories", href: "#testimonials" }
            ]
          },
          {
            title: "Adoption",            items: [
              { label: "Browse Pets", href: "#animals" },
              { label: "Adoption Process", href: "#adopt" },
              { label: "FAQ", href: "#faq" }
            ]
          },
          {
            title: "Get Involved",            items: [
              { label: "Volunteer", href: "#" },
              { label: "Donate", href: "#contact" },
              { label: "Contact Us", href: "#contact" }
            ]
          },
          {
            title: "Legal",            items: [
              { label: "Privacy Policy", href: "#" },
              { label: "Terms of Service", href: "#" }
            ]
          }
        ]}
        copyrightText="© 2025 PawsAdopt Shelter. All rights reserved. Saving lives, one pet at a time."
      />
    </ThemeProvider>
  );
}