"use client";

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

export default function ShopPage() {
  const products = [
    {
      id: "1",      brand: "LuxeCraft",      name: "Premium Silk Pillowcase Set",      price: "$89.99",      rating: 5,
      reviewCount: "2.1k",      imageSrc: "https://images.unsplash.com/photo-1586023492125-27b2c045efd7?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80",      imageAlt: "Premium Silk Pillowcase Set",      isFavorited: false
    },
    {
      id: "2",      brand: "Haven Home",      name: "Organic Cotton Bath Towels",      price: "$45.00",      rating: 4,
      reviewCount: "1.8k",      imageSrc: "https://images.unsplash.com/photo-1584622650111-993a426fbf0a?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80",      imageAlt: "Organic Cotton Bath Towels",      isFavorited: false
    },
    {
      id: "3",      brand: "Luxe Living",      name: "Aromatherapy Diffuser",      price: "$129.95",      rating: 5,
      reviewCount: "3.2k",      imageSrc: "https://images.unsplash.com/photo-1544967082-d9759963fb7d?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80",      imageAlt: "Aromatherapy Diffuser",      isFavorited: true
    },
    {
      id: "4",      brand: "Haven Spa",      name: "Luxury Skincare Set",      price: "$199.00",      rating: 4,
      reviewCount: "956",      imageSrc: "https://images.unsplash.com/photo-1556228720-195a672e8a03?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80",      imageAlt: "Luxury Skincare Set",      isFavorited: false
    },
    {
      id: "5",      brand: "Elite Comfort",      name: "Memory Foam Mattress Topper",      price: "$159.99",      rating: 5,
      reviewCount: "4.7k",      imageSrc: "https://images.unsplash.com/photo-1505693416388-ac5ce068fe85?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80",      imageAlt: "Memory Foam Mattress Topper",      isFavorited: false
    },
    {
      id: "6",      brand: "Haven Essentials",      name: "Bamboo Sheet Set",      price: "$79.50",      rating: 4,
      reviewCount: "2.8k",      imageSrc: "https://images.unsplash.com/photo-1522771739844-6a9f6d5f14af?ixlib=rb-4.0.3&auto=format&fit=crop&w=800&q=80",      imageAlt: "Bamboo Sheet Set",      isFavorited: false
    }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="aurora"
      cardStyle="subtle-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <NavbarLayoutFloatingInline
        brandName="Luxe Haven"
        navItems={[
          { name: "Home", id: "/" },
          { name: "Shop", id: "/shop" }
        ]}
        button={{
          text: "Book Now",          href: "pricing"
        }}
      />

      <main className="min-h-screen">
        <ProductCardTwo
          products={products}
          title="Luxe Collection"
          description="Discover our curated selection of premium hotel amenities and luxury items for your home"
          tag="Best Sellers"
          tagIcon={ShoppingBag}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "View All Products",              href: "/shop"
            }
          ]}
        />
      </main>

      <FooterBase
        logoText="Luxe Haven"
        copyrightText="© 2025 Luxe Haven Hotels. All rights reserved."
        columns={[
          {
            title: "Navigation",            items: [
              { label: "Rooms", href: "rooms" },
              { label: "Amenities", href: "amenities" },
              { label: "About", href: "about" }
            ]
          },
          {
            title: "Information",            items: [
              { label: "Contact Us", href: "#" },
              { label: "FAQ", href: "#" },
              { label: "Careers", href: "#" }
            ]
          },
          {
            title: "Legal",            items: [
              { label: "Privacy Policy", href: "#" },
              { label: "Terms of Service", href: "#" },
              { label: "Cancellation Policy", href: "#" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}