"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function ProductsPage() {
  const allProducts = [
    {
      id: "1",      name: "Artisan Espresso",      price: "$4.50",      imageSrc: "https://img.b2bpic.net/free-photo/yellow-cup-with-beverage-near-coffee-beans_23-2148180237.jpg",      imageAlt: "Double shot of perfect espresso",      initialQuantity: 1
    },
    {
      id: "2",      name: "Signature Cappuccino",      price: "$5.50",      imageSrc: "https://img.b2bpic.net/free-photo/man-enjoying-cup-hot-coffee-cafe_53876-88441.jpg",      imageAlt: "Cappuccino with beautiful latte art",      initialQuantity: 1
    },
    {
      id: "3",      name: "Cold Brew Deluxe",      price: "$6.00",      imageSrc: "https://img.b2bpic.net/free-photo/top-view-cup-coffee-half-empty-inside-black-cup-brown-wooden-table-drink-coffee-liquid_140725-27964.jpg",      imageAlt: "Refreshing cold brew over ice",      initialQuantity: 1
    },
    {
      id: "4",      name: "Latte Mocha",      price: "$5.75",      imageSrc: "https://img.b2bpic.net/free-photo/man-enjoying-cup-hot-coffee-cafe_53876-88441.jpg",      imageAlt: "Rich mocha latte with chocolate",      initialQuantity: 1
    },
    {
      id: "5",      name: "Vanilla Macchiato",      price: "$5.25",      imageSrc: "https://img.b2bpic.net/free-photo/yellow-cup-with-beverage-near-coffee-beans_23-2148180237.jpg",      imageAlt: "Creamy vanilla macchiato",      initialQuantity: 1
    },
    {
      id: "6",      name: "Caramel Latte",      price: "$5.50",      imageSrc: "https://img.b2bpic.net/free-photo/top-view-cup-coffee-half-empty-inside-black-cup-brown-wooden-table-drink-coffee-liquid_140725-27964.jpg",      imageAlt: "Smooth caramel latte",      initialQuantity: 1
    },
    {
      id: "7",      name: "Iced Americano",      price: "$4.75",      imageSrc: "https://img.b2bpic.net/free-photo/man-enjoying-cup-hot-coffee-cafe_53876-88441.jpg",      imageAlt: "Crisp iced americano",      initialQuantity: 1
    },
    {
      id: "8",      name: "Honey Oat Latte",      price: "$5.75",      imageSrc: "https://img.b2bpic.net/free-photo/yellow-cup-with-beverage-near-coffee-beans_23-2148180237.jpg",      imageAlt: "Creamy honey oat milk latte",      initialQuantity: 1
    },
    {
      id: "9",      name: "Flat White",      price: "$5.25",      imageSrc: "https://img.b2bpic.net/free-photo/top-view-cup-coffee-half-empty-inside-black-cup-brown-wooden-table-drink-coffee-liquid_140725-27964.jpg",      imageAlt: "Perfect flat white with microfoam",      initialQuantity: 1
    },
    {
      id: "10",      name: "Cortado",      price: "$4.25",      imageSrc: "https://img.b2bpic.net/free-photo/man-enjoying-cup-hot-coffee-cafe_53876-88441.jpg",      imageAlt: "Balanced cortado espresso and milk",      initialQuantity: 1
    },
    {
      id: "11",      name: "Affogato",      price: "$6.50",      imageSrc: "https://img.b2bpic.net/free-photo/yellow-cup-with-beverage-near-coffee-beans_23-2148180237.jpg",      imageAlt: "Decadent affogato with gelato",      initialQuantity: 1
    },
    {
      id: "12",      name: "Vienna Coffee",      price: "$6.00",      imageSrc: "https://img.b2bpic.net/free-photo/top-view-cup-coffee-half-empty-inside-black-cup-brown-wooden-table-drink-coffee-liquid_140725-27964.jpg",      imageAlt: "Classic Vienna coffee with whipped cream",      initialQuantity: 1
    }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="solid"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Morn Ing"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "about" },
            { name: "Menu", id: "products" },
            { name: "Products", id: "/products" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Order Now", href: "#contact" }}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="All Coffee Shop Products"
          description="Explore our complete selection of premium coffee beverages and specialty drinks. Each crafted with care and quality ingredients."
          products={allProducts}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Morn Ing"
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Story", href: "#about" },
                { label: "Sustainability", href: "#" }
              ]
            },
            {
              title: "Menu",              items: [
                { label: "Coffee Drinks", href: "#products" },
                { label: "Pastries", href: "#" },
                { label: "Beans & Gear", href: "#" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Contact", href: "#contact" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Events", href: "#" }
              ]
            },
            {
              title: "Visit",              items: [
                { label: "123 Coffee Street, Downtown", href: "#" },
                { label: "hello@morning-coffee.com", href: "mailto:hello@morning-coffee.com" },
                { label: "(555) COFFEE-1", href: "tel:+15556633335" }
              ]
            }
          ]}
          copyrightText="© 2025 Morn Ing Coffee Shop. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}