"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ShoppingBag } from 'lucide-react';

export default function ShopPage() {
  const products = [
    {
      id: "1",      name: "Artisan Sourdough Bread",      price: "$8.50",      variant: "Traditional  2 Sizes",      imageSrc: "https://images.unsplash.com/photo-1549931319-a545dcf3bc73?w=400&h=400&fit=crop",      imageAlt: "Artisan sourdough bread loaf",      isFavorited: false,
      onFavorite: () => console.log('favorited'),
      onProductClick: () => console.log('clicked product 1')
    },
    {
      id: "2",      name: "French Croissants",      price: "$4.25",      variant: "Butter  Plain & Chocolate",      imageSrc: "https://images.unsplash.com/photo-1555507036-ab794f4ade8a?w=400&h=400&fit=crop",      imageAlt: "Fresh butter croissants",      isFavorited: false,
      onFavorite: () => console.log('favorited'),
      onProductClick: () => console.log('clicked product 2')
    },
    {
      id: "3",      name: "Chocolate Chip Cookies",      price: "$3.75",      variant: "Fresh Baked  Pack of 6",      imageSrc: "https://images.unsplash.com/photo-1499636136210-6f4ee915583e?w=400&h=400&fit=crop",      imageAlt: "Homemade chocolate chip cookies",      isFavorited: false,
      onFavorite: () => console.log('favorited'),
      onProductClick: () => console.log('clicked product 3')
    },
    {
      id: "4",      name: "Blueberry Muffins",      price: "$2.95",      variant: "Fresh Berries  Individual",      imageSrc: "https://images.unsplash.com/photo-1607958996333-41aef7caefaa?w=400&h=400&fit=crop",      imageAlt: "Fresh blueberry muffins",      isFavorited: false,
      onFavorite: () => console.log('favorited'),
      onProductClick: () => console.log('clicked product 4')
    },
    {
      id: "5",      name: "Cinnamon Rolls",      price: "$5.50",      variant: "Glazed  Warm & Fresh",      imageSrc: "https://images.unsplash.com/photo-1509440159596-0249088772ff?w=400&h=400&fit=crop",      imageAlt: "Glazed cinnamon rolls",      isFavorited: false,
      onFavorite: () => console.log('favorited'),
      onProductClick: () => console.log('clicked product 5')
    },
    {
      id: "6",      name: "Custom Birthday Cake",      price: "$45.00",      variant: "Vanilla Base  Custom Design",      imageSrc: "https://images.unsplash.com/photo-1578985545062-69928b1d9587?w=400&h=400&fit=crop",      imageAlt: "Custom decorated birthday cake",      isFavorited: false,
      onFavorite: () => console.log('favorited'),
      onProductClick: () => console.log('clicked product 6')
    },
    {
      id: "7",      name: "Whole Wheat Bagels",      price: "$6.75",      variant: "Fresh Baked  Pack of 6",      imageSrc: "https://images.unsplash.com/photo-1551024506-0bccd828d307?w=400&h=400&fit=crop",      imageAlt: "Fresh whole wheat bagels",      isFavorited: false,
      onFavorite: () => console.log('favorited'),
      onProductClick: () => console.log('clicked product 7')
    },
    {
      id: "8",      name: "Apple Pie Slice",      price: "$4.95",      variant: "Traditional Recipe  Individual",      imageSrc: "https://images.unsplash.com/photo-1621303837174-89787a7d4729?w=400&h=400&fit=crop",      imageAlt: "Fresh apple pie slice",      isFavorited: false,
      onFavorite: () => console.log('favorited'),
      onProductClick: () => console.log('clicked product 8')
    }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <NavbarStyleApple
        brandName="Artisan Bakery"
        navItems={[
          { name: "Home", id: "/" },
          { name: "Shop", id: "/shop" }
        ]}
      />
      
      <main className="min-h-screen">
        <ProductCardFour
          products={products}
          title="Our Artisan Collection"
          description="Handcrafted daily with the finest ingredients and traditional baking methods"
          tag="Fresh Daily"
          tagIcon={ShoppingBag}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "View All Products",              href: "/shop"
            },
            {
              text: "Custom Orders",              href: "/contact"
            }
          ]}
        />
      </main>
      
      <FooterBaseReveal
        columns={[
          {
            title: "Company",            items: [
              { label: "About Us", href: "#about" },
              { label: "Our Story", href: "#about" },
              { label: "Careers", href: "#" },
              { label: "Blog", href: "#" }
            ]
          },
          {
            title: "Products",            items: [
              { label: "Bread & Loaves", href: "#products" },
              { label: "Pastries", href: "#products" },
              { label: "Custom Cakes", href: "#contact" },
              { label: "Seasonal Items", href: "#products" }
            ]
          },
          {
            title: "Support",            items: [
              { label: "Contact Us", href: "#contact" },
              { label: "FAQs", href: "#faq" },
              { label: "Delivery Info", href: "#" },
              { label: "Privacy Policy", href: "#" }
            ]
          }
        ]}
        copyrightText="© 2025 Artisan Bakery | Handcrafted with Love"
      />
    </ThemeProvider>
  );
}