"use client";

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

export default function ShopPage() {
  const products = [
    {
      id: "1",      name: "Premium Dog Food",      price: "$29.99",      imageSrc: "https://images.unsplash.com/photo-1583337130417-3346a1be7dee?q=80&w=400&h=300&auto=format&fit=crop",      imageAlt: "Premium Dog Food"
    },
    {
      id: "2",      name: "Cat Scratching Post",      price: "$49.99",      imageSrc: "https://images.unsplash.com/photo-1574144611937-0df059b5ef3e?q=80&w=400&h=300&auto=format&fit=crop",      imageAlt: "Cat Scratching Post"
    },
    {
      id: "3",      name: "Pet Collar Set",      price: "$19.99",      imageSrc: "https://images.unsplash.com/photo-1601758228041-f3b2795255f1?q=80&w=400&h=300&auto=format&fit=crop",      imageAlt: "Pet Collar Set"
    },
    {
      id: "4",      name: "Dog Toy Bundle",      price: "$24.99",      imageSrc: "https://images.unsplash.com/photo-1583512603805-3cc6b41f3edb?q=80&w=400&h=300&auto=format&fit=crop",      imageAlt: "Dog Toy Bundle"
    },
    {
      id: "5",      name: "Cat Bed Deluxe",      price: "$39.99",      imageSrc: "https://images.unsplash.com/photo-1574144611937-0df059b5ef3e?q=80&w=400&h=300&auto=format&fit=crop",      imageAlt: "Cat Bed Deluxe"
    },
    {
      id: "6",      name: "Pet Carrier",      price: "$69.99",      imageSrc: "https://images.unsplash.com/photo-1548767797-d8c844163c4c?q=80&w=400&h=300&auto=format&fit=crop",      imageAlt: "Pet Carrier"
    }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeLargeTitles"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <NavbarStyleFullscreen
        navItems={[
          { name: "Home", id: "/" },
          { name: "Shop", id: "/shop" }
        ]}
        brandName="Paw Haven Shelter"
        bottomLeftText="Saving Lives, Finding Homes"
        bottomRightText="hello@pawhavenshelter.org"
      />
      
      <main className="min-h-screen">
        <ProductCardOne
          products={products}
          title="Pet Shop"
          description="Everything your furry friends need - from premium food to cozy beds and fun toys. Support rescued pets with every purchase."
          tag="Pet Essentials"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </main>
      
      <FooterCard
        logoText="Paw Haven Shelter"
        copyrightText="© 2025 Paw Haven Shelter | Saving Lives, Finding Homes"
        socialLinks={[
          { icon: Facebook, href: "https://facebook.com/pawhavenshelter", ariaLabel: "Follow us on Facebook" },
          { icon: Instagram, href: "https://instagram.com/pawhavenshelter", ariaLabel: "Follow us on Instagram" },
          { icon: Heart, href: "https://donate.pawhavenshelter.org", ariaLabel: "Support our mission" }
        ]}
      />
    </ThemeProvider>
  );
}