"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Sparkles, Star, Crown } from "lucide-react";

export default function ProductsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeLargeTitles"
      background="aurora"
      cardStyle="outline"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Pahu"
          button={{
            text: "Contact",
            href: "/contact"
          }}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Complete Fragrance Collection"
          description="Discover our entire range of luxury perfumes, from fresh aquatic notes to warm oriental blends."
          tag="All Products"
          tagIcon={Sparkles}
          products={[
            {
              id: "rose-bliss",
              name: "Rose Bliss",
              price: "$89.99",
              variant: "Floral · 50ml",
              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-view-essential-oil-surrounded-with-fresh-flowers-pink-background_23-2147927083.jpg",
              imageAlt: "Rose Bliss perfume bottle"
            },
            {
              id: "amber-night",
              name: "Amber Night",
              price: "$94.99",
              variant: "Oriental · 50ml",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-photo-fragrance-bottle-with-flowers_114579-51645.jpg",
              imageAlt: "Amber Night perfume bottle"
            },
            {
              id: "ocean-breeze",
              name: "Ocean Breeze",
              price: "$79.99",
              variant: "Aquatic · 50ml",
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-still-life-arrangement-with-water_23-2149176156.jpg",
              imageAlt: "Ocean Breeze perfume bottle"
            },
            {
              id: "midnight-musk",
              name: "Midnight Musk",
              price: "$99.99",
              variant: "Woody · 50ml",
              imageSrc: "https://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337695.jpg",
              imageAlt: "Midnight Musk perfume bottle"
            },
            {
              id: "citrus-bloom",
              name: "Citrus Bloom",
              price: "$74.99",
              variant: "Citrus · 50ml",
              imageSrc: "https://img.b2bpic.net/free-photo/beakers-equipment-table-factory-laboratory_1359-307.jpg",
              imageAlt: "Citrus Bloom perfume bottle"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Fragrance Collections"
          description="Select from our curated perfume collections designed for every preference and occasion."
          tag="Collections"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          carouselMode="buttons"
          plans={[
            {
              id: "signature",
              badge: "Most Popular",
              badgeIcon: Star,
              price: "$79.99",
              subtitle: "Single 50ml bottle",
              buttons: [
                { text: "Add to Cart", href: "/products" }
              ],
              features: [
                "50ml premium fragrance",
                "Long-lasting (8-12 hours)",
                "Elegant glass bottle",
                "Free sample with purchase"
              ]
            },
            {
              id: "deluxe",
              badge: "Best Value",
              badgeIcon: Crown,
              price: "$149.99",
              subtitle: "Duo collection",
              buttons: [
                { text: "Choose Combo", href: "/products" }
              ],
              features: [
                "Two 50ml bottles",
                "Choose your favorites",
                "Premium gift packaging",
                "Personalization available"
              ]
            },
            {
              id: "luxury",
              badge: "Premium",
              badgeIcon: Sparkles,
              price: "$399.99",
              subtitle: "Complete collection",
              buttons: [
                { text: "Explore Luxury", href: "/products" }
              ],
              features: [
                "Four 50ml bottles",
                "Full fragrance range",
                "Luxury presentation box",
                "VIP member access"
              ]
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Pahu"
          columns={[
            {
              items: [
                { label: "Home", href: "/" },
                { label: "About", href: "/about" },
                { label: "Products", href: "/products" },
                { label: "Contact", href: "/contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}