"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { ShoppingBag } from 'lucide-react';

export default function ShopPage() {
  const products = [
    {
      id: "1",      brand: "Big Pig",      name: "Premium Ceramic Coffee Mug",      price: "$24.99",      rating: 4.8,
      reviewCount: "1.2k",      imageSrc: "/images/cup1.jpg",      imageAlt: "Premium ceramic coffee mug",      isFavorited: false,
      onFavorite: () => console.log('favorited'),
      onProductClick: () => console.log('product clicked')
    },
    {
      id: "2",      brand: "Big Pig",      name: "Insulated Travel Tumbler",      price: "$34.99",      rating: 4.9,
      reviewCount: "856",      imageSrc: "/images/cup2.jpg",      imageAlt: "Insulated travel tumbler",      isFavorited: false,
      onFavorite: () => console.log('favorited'),
      onProductClick: () => console.log('product clicked')
    },
    {
      id: "3",      brand: "Big Pig",      name: "Glass Coffee Cup Set",      price: "$49.99",      rating: 4.7,
      reviewCount: "2.3k",      imageSrc: "/images/cup3.jpg",      imageAlt: "Glass coffee cup set",      isFavorited: true,
      onFavorite: () => console.log('favorited'),
      onProductClick: () => console.log('product clicked')
    },
    {
      id: "4",      brand: "Big Pig",      name: "Stainless Steel Espresso Cup",      price: "$19.99",      rating: 4.6,
      reviewCount: "674",      imageSrc: "/images/cup4.jpg",      imageAlt: "Stainless steel espresso cup",      isFavorited: false,
      onFavorite: () => console.log('favorited'),
      onProductClick: () => console.log('product clicked')
    },
    {
      id: "5",      brand: "Big Pig",      name: "Handcrafted Artisan Mug",      price: "$39.99",      rating: 5.0,
      reviewCount: "412",      imageSrc: "/images/cup5.jpg",      imageAlt: "Handcrafted artisan mug",      isFavorited: false,
      onFavorite: () => console.log('favorited'),
      onProductClick: () => console.log('product clicked')
    },
    {
      id: "6",      brand: "Big Pig",      name: "Double Wall Glass Mug",      price: "$28.99",      rating: 4.8,
      reviewCount: "923",      imageSrc: "/images/cup6.jpg",      imageAlt: "Double wall glass mug",      isFavorited: false,
      onFavorite: () => console.log('favorited'),
      onProductClick: () => console.log('product clicked')
    }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="circleGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div className="min-h-screen flex flex-col">
        <NavbarStyleFullscreen
          brandName="Big Pig"
          navItems={[
            {"name":"Home","id":"/"},
            {"name":"Shop","id":"/shop"}
          ]}
          bottomLeftText="Premium Cup Craftsmanship"
          bottomRightText="hello@bigpigcups.com"
        />
        
        <main className="flex-1">
          <ProductCardTwo
            products={products}
            title="Our Premium Collection"
            description="Discover our handcrafted cups and mugs, each designed with premium materials and exceptional attention to detail. From everyday coffee mugs to elegant gift sets."
            tag="Featured Products"
            tagIcon={ShoppingBag}
            textboxLayout="default"
            gridVariant="three-columns-all-equal-width"
            animationType="slide-up"
            useInvertedBackground="noInvert"
            buttons={[
              {
                text: "View All Products",                href: "/shop"
              },
              {
                text: "Gift Sets",                href: "/shop?category=gifts"
              }
            ]}
          />
        </main>
        
        <FooterSimple
          columns={[
            {
              "title": "Company",              "items": [
                {"label": "About Big Pig", "href": "/"},
                {"label": "Our Story", "href": "/"},
                {"label": "Sustainability", "href": "/"},
                {"label": "Careers", "href": "/"}
              ]
            },
            {
              "title": "Support",              "items": [
                {"label": "Contact Us", "href": "/"},
                {"label": "FAQs", "href": "/"},
                {"label": "Shipping Info", "href": "/"},
                {"label": "Returns", "href": "/"}
              ]
            },
            {
              "title": "Legal",              "items": [
                {"label": "Privacy Policy", "href": "/"},
                {"label": "Terms of Service", "href": "/"},
                {"label": "Cookie Policy", "href": "/"}
              ]
            }
          ]}
          bottomLeftText="© 2025 Big Pig Cups. All rights reserved."
          bottomRightText="Crafted with care • Designed to last"
        />
      </div>
    </ThemeProvider>
  );
}