"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Sparkles } from "lucide-react";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function ProductsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="plain"
      cardStyle="gradient-mesh"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Local Brewery"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Our Beers", id: "/products" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Visit Us",
            href: "/contact"
          }}
        />
      </div>

      <div id="products" data-section="products" className="mx-auto px-4 md:px-6">
        <ProductCardTwo
          title="Our Signature Beers"
          description="Discover our collection of craft beers, each one carefully brewed to perfection with quality ingredients and time-honored techniques."
          tag="Featured Collection"
          tagIcon={Sparkles}
          products={[
            {
              id: "1",
              brand: "Local Brewery",
              name: "Golden Hop IPA",
              price: "$7.99",
              rating: 5,
              reviewCount: "342",
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-bottles-bear-dark-desk_140725-94853.jpg",
              imageAlt: "Golden Hop IPA craft beer bottle"
            },
            {
              id: "2",
              brand: "Local Brewery",
              name: "Smooth Lager",
              price: "$6.99",
              rating: 5,
              reviewCount: "289",
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-beer-glass-bottles_23-2148754997.jpg",
              imageAlt: "Smooth Lager craft beer bottle"
            },
            {
              id: "3",
              brand: "Local Brewery",
              name: "Rich Stout",
              price: "$8.49",
              rating: 5,
              reviewCount: "156",
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-bottles-bear-dark-background_140725-94854.jpg",
              imageAlt: "Rich Stout craft beer bottle"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Shop All Beers", href: "/products" }
          ]}
        />
      </div>

      <FooterBase
        logoText="Local Brewery"
        copyrightText="© 2025 Local Brewery. All rights reserved."
        columns={[
          {
            title: "Product",
            items: [
              { label: "Our Beers", href: "/products" },
              { label: "Seasonal Releases", href: "/products" },
              { label: "Gift Sets", href: "/products" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Story", href: "/about" },
              { label: "Sustainability", href: "/about" },
              { label: "Careers", href: "/about" }
            ]
          },
          {
            title: "Support",
            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "Brewery Tours", href: "/contact" },
              { label: "Events", href: "/contact" },
              { label: "FAQ", href: "/faq" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}