"use client";

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

export default function ShopPage() {
  // Sample bakery products for Sladkoeshka
  const products = [
    {
      id: "1",      brand: "Sladkoeshka",      name: "Classic Chocolate Cake",      price: "$45.00",      rating: 5,
      reviewCount: "127",      imageSrc: "https://images.unsplash.com/photo-1578985545062-69928b1d9587?w=400&h=400&fit=crop",      imageAlt: "Classic chocolate cake",      onProductClick: () => console.log('Clicked chocolate cake')
    },
    {
      id: "2",      brand: "Sladkoeshka",      name: "Strawberry Cheesecake",      price: "$38.00",      rating: 4,
      reviewCount: "89",      imageSrc: "https://images.unsplash.com/photo-1533134242443-d4fd215305ad?w=400&h=400&fit=crop",      imageAlt: "Strawberry cheesecake",      onProductClick: () => console.log('Clicked strawberry cheesecake')
    },
    {
      id: "3",      brand: "Sladkoeshka",      name: "Red Velvet Cupcakes",      price: "$24.00",      rating: 5,
      reviewCount: "156",      imageSrc: "https://images.unsplash.com/photo-1614707267537-b85aaf00c4b7?w=400&h=400&fit=crop",      imageAlt: "Red velvet cupcakes",      onProductClick: () => console.log('Clicked red velvet cupcakes')
    },
    {
      id: "4",      brand: "Sladkoeshka",      name: "Lemon Drizzle Cake",      price: "$32.00",      rating: 4,
      reviewCount: "73",      imageSrc: "https://images.unsplash.com/photo-1565958011703-44f9829ba187?w=400&h=400&fit=crop",      imageAlt: "Lemon drizzle cake",      onProductClick: () => console.log('Clicked lemon drizzle cake')
    },
    {
      id: "5",      brand: "Sladkoeshka",      name: "Tiramisu Delight",      price: "$42.00",      rating: 5,
      reviewCount: "198",      imageSrc: "https://images.unsplash.com/photo-1571877227200-a0d98ea607e9?w=400&h=400&fit=crop",      imageAlt: "Tiramisu cake",      onProductClick: () => console.log('Clicked tiramisu')
    },
    {
      id: "6",      brand: "Sladkoeshka",      name: "Vanilla Bean Macarons",      price: "$28.00",      rating: 4,
      reviewCount: "94",      imageSrc: "https://images.unsplash.com/photo-1558961363-fa8fdf82db35?w=400&h=400&fit=crop",      imageAlt: "Vanilla macarons",      onProductClick: () => console.log('Clicked macarons')
    }
  ];

  return (
    <ThemeProvider 
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div className="min-h-screen bg-gradient-to-br from-background via-background to-muted">
        <NavbarStyleApple 
          brandName="Sladkoeshka"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Shop", id: "/shop" }
          ]}
        />
        
        <main className="pt-20">
          <ProductCardTwo 
            products={products}
            title="Our Sweet Collection"
            description="Indulge in our handcrafted cakes and desserts made with the finest ingredients"
            tag="Best Sellers"
            tagIcon={ShoppingBag}
            textboxLayout="default"
            gridVariant="three-columns-all-equal-width"
            animationType="slide-up"
            useInvertedBackground="noInvert"
            buttons={[
              {
                text: "View All Products",                href: "#all-products"
              }
            ]}
          />
        </main>
        
        <FooterBaseCard 
          logoText="Sladkoeshka"
          columns={[
            {
              title: "Shop",              items: [
                { label: "Our Cakes", href: "/" },
                { label: "Custom Orders", href: "/" },
                { label: "Gift Certificates", href: "/" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "/" },
                { label: "Our Story", href: "/" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "/" },
                { label: "FAQ", href: "/" }
              ]
            }
          ]}
          copyrightText="© 2025 Sladkoeshka. All rights reserved. Handcrafted with love."
        />
      </div>
    </ThemeProvider>
  );
}