"use client";

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

export default function ShopPage() {
  const products = [
    {
      id: "1",      name: "Ethiopian Yirgacheffe Single Origin",      price: "$24.99",      variant: "Medium Roast • Whole Bean",      imageSrc: "/coffee-bean-1.jpg",      imageAlt: "Ethiopian Yirgacheffe coffee beans",      isFavorited: false,
      onFavorite: () => console.log('favorited'),
      onProductClick: () => window.open('/product/1', '_blank')
    },
    {
      id: "2",      name: "House Blend Signature Roast",      price: "$19.99",      variant: "Dark Roast • Ground",      imageSrc: "/coffee-bean-2.jpg",      imageAlt: "House blend coffee",      isFavorited: true,
      onFavorite: () => console.log('favorited'),
      onProductClick: () => window.open('/product/2', '_blank')
    },
    {
      id: "3",      name: "Cold Brew Concentrate",      price: "$16.99",      variant: "Ready to Drink • 32oz",      imageSrc: "/cold-brew.jpg",      imageAlt: "Cold brew concentrate bottle",      isFavorited: false,
      onFavorite: () => console.log('favorited'),
      onProductClick: () => window.open('/product/3', '_blank')
    },
    {
      id: "4",      name: "Colombian Supremo Premium",      price: "$22.99",      variant: "Medium-Dark Roast • Whole Bean",      imageSrc: "/coffee-bean-3.jpg",      imageAlt: "Colombian Supremo coffee beans",      isFavorited: false,
      onFavorite: () => console.log('favorited'),
      onProductClick: () => window.open('/product/4', '_blank')
    },
    {
      id: "5",      name: "French Roast Bold Blend",      price: "$18.99",      variant: "Dark Roast • Ground",      imageSrc: "/coffee-bean-4.jpg",      imageAlt: "French roast coffee",      isFavorited: false,
      onFavorite: () => console.log('favorited'),
      onProductClick: () => window.open('/product/5', '_blank')
    },
    {
      id: "6",      name: "Espresso Italiano Premium",      price: "$26.99",      variant: "Extra Dark Roast • Whole Bean",      imageSrc: "/espresso-beans.jpg",      imageAlt: "Italian espresso beans",      isFavorited: true,
      onFavorite: () => console.log('favorited'),
      onProductClick: () => window.open('/product/6', '_blank')
    }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="subtle-shadow"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="navbar" data-section="navbar">
        <NavbarStyleCentered
          brandName="Bean & Brew"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Shop", id: "/shop" }
          ]}
          button={{ text: "Order Now", href: "/" }}
        />
      </div>

      <div id="product-section" data-section="product-section">
        <ProductCardFour
          products={products}
          title="Our Coffee Collection"
          description="Discover our carefully curated selection of premium coffee beans and cold brew concentrates, sourced from the finest coffee regions around the world."
          tag="Premium Quality"
          tagIcon={ShoppingBag}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View All Products", href: "/shop" },
            { text: "Learn More", href: "/" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Bean & Brew"
          columns={[
            {
              title: "Coffee",              items: [
                { label: "Single-Origin Beans", href: "/shop" },
                { label: "House Blends", href: "/shop" },
                { label: "Subscriptions", href: "/shop" },
                { label: "Cold Brew", href: "/shop" }
              ]
            },
            {
              title: "Cafe",              items: [
                { label: "Our Story", href: "/" },
                { label: "Locations", href: "/" },
                { label: "Hours", href: "/" },
                { label: "Events", href: "/" }
              ]
            },
            {
              title: "Community",              items: [
                { label: "Blog", href: "/" },
                { label: "Sustainability", href: "/" },
                { label: "Careers", href: "/" },
                { label: "Contact", href: "/" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "/" },
                { label: "Facebook", href: "/" },
                { label: "Twitter", href: "/" },
                { label: "Newsletter", href: "/" }
              ]
            }
          ]}
          copyrightText="© 2025 Bean & Brew Coffee Co. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}