"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import Link from "next/link";

export default function ProductsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      showBlurBottom={false}
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Morning"
          navItems={[
            { name: "Products", id: "#products" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" },
            { name: "Reviews", id: "/" }
          ]}
          button={{ text: "Shop Now", href: "#products" }}
          className="rounded-full shadow-lg"
          navItemClassName="font-medium"
          buttonClassName="font-semibold"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Our Collections"
          description="Explore our carefully curated selection of premium teas and specialty coffees"
          tag="Featured Products"
          products={[
            {
              id: "1",              name: "Single Origin Espresso",              price: "$18.99",              imageSrc: "https://img.b2bpic.net/free-photo/little-beverage-shot-wooden-board_140725-2421.jpg",              imageAlt: "Premium espresso blend"
            },
            {
              id: "2",              name: "Chamomile Flower Tea",              price: "$14.99",              imageSrc: "https://img.b2bpic.net/free-photo/fresh-green-yellow-leaves-garden_23-2148058684.jpg",              imageAlt: "Organic chamomile tea"
            },
            {
              id: "3",              name: "Silky Latte Blend",              price: "$16.99",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-pancake-inside-round-metal-pan-around-powdered-chocolate-dark-surface_140725-14559.jpg",              imageAlt: "Smooth latte blend coffee"
            },
            {
              id: "4",              name: "Premium Green Tea",              price: "$12.99",              imageSrc: "https://img.b2bpic.net/free-photo/healthy-tea-leaves_53876-90195.jpg",              imageAlt: "Traditional green tea leaves"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          titleClassName="text-4xl font-bold mb-4"
          descriptionClassName="text-base mb-10"
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "Shop",            items: [
              { label: "Coffee", href: "#products" },
              { label: "Tea", href: "#products" },
              { label: "Brewing Guides", href: "/about" }
            ]
          },
          {
            title: "Company",            items: [
              { label: "About Us", href: "/about" },
              { label: "Sustainability", href: "/about" },
              { label: "Contact", href: "/contact" }
            ]
          },
          {
            title: "Connect",            items: [
              { label: "Instagram", href: "https://instagram.com" },
              { label: "Facebook", href: "https://facebook.com" },
              { label: "Newsletter", href: "/contact" }
            ]
          }
        ]}
        copyrightText="© 2025 Morning | Premium Tea & Coffee Store"
      />
    </ThemeProvider>
  );
}