"use client";

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

export default function ShopPage() {
  const products = [
    {
      id: "1",      brand: "LuxeStay Collection",      name: "Silk Comfort Pillowcase Set",      price: "$89.99",      rating: 5,
      reviewCount: "2.1k",      imageSrc: "https://images.unsplash.com/photo-1586023492125-27b2c045efd7?w=400&q=80",      imageAlt: "Luxury silk pillowcase set"
    },
    {
      id: "2",      brand: "LuxeStay Essentials",      name: "Premium Cotton Bathrobe",      price: "$149.00",      rating: 5,
      reviewCount: "1.8k",      imageSrc: "https://images.unsplash.com/photo-1609205737030-6e46cbffa3e7?w=400&q=80",      imageAlt: "Luxury cotton bathrobe"
    },
    {
      id: "3",      brand: "LuxeStay Home",      name: "Aromatherapy Candle Collection",      price: "$65.00",      rating: 4,
      reviewCount: "945",      imageSrc: "https://images.unsplash.com/photo-1603006905003-be475563bc59?w=400&q=80",      imageAlt: "Luxury aromatherapy candles"
    },
    {
      id: "4",      brand: "LuxeStay Wellness",      name: "Luxury Spa Gift Set",      price: "$199.00",      rating: 5,
      reviewCount: "3.2k",      imageSrc: "https://images.unsplash.com/photo-1596394516093-501ba68a0ba6?w=400&q=80",      imageAlt: "Spa gift set with products"
    },
    {
      id: "5",      brand: "LuxeStay Collection",      name: "Egyptian Cotton Towel Set",      price: "$129.99",      rating: 5,
      reviewCount: "1.5k",      imageSrc: "https://images.unsplash.com/photo-1584464491033-06628f3a6b7b?w=400&q=80",      imageAlt: "Premium cotton towel set"
    },
    {
      id: "6",      brand: "LuxeStay Home",      name: "Cashmere Throw Blanket",      price: "$299.00",      rating: 5,
      reviewCount: "876",      imageSrc: "https://images.unsplash.com/photo-1506439773649-6e0eb8cfb237?w=400&q=80",      imageAlt: "Luxury cashmere throw blanket"
    }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="medium"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <NavbarStyleFullscreen
        navItems={[
          { name: "Home", id: "/" },
          { name: "Shop", id: "/shop" }
        ]}
        brandName="LuxeStay"
        bottomLeftText="Luxury Hospitality"
        bottomRightText="reservations@luxestay.com"
      />
      
      <main className="min-h-screen">
        <ProductCardTwo
          products={products}
          title="LuxeStay Shop"
          description="Discover our exclusive collection of luxury hotel amenities and home essentials. Bring the LuxeStay experience to your own space."
          tag="Premium Collection"
          tagIcon={ShoppingBag}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "View All Products",              href: "/shop"
            }
          ]}
        />
      </main>

      <FooterMedia
        imageSrc="asset://footer-hotel-image"
        imageAlt="LuxeStay Hotel exterior"
        logoText="LuxeStay"
        copyrightText="© 2025 LuxeStay Hotels. All rights reserved."
        columns={[
          {
            title: "Accommodations",            items: [
              { label: "Deluxe Rooms", href: "/" },
              { label: "Executive Suites", href: "/" },
              { label: "Penthouse Suites", href: "/" }
            ]
          },
          {
            title: "Experience",            items: [
              { label: "Amenities", href: "/" },
              { label: "Spa & Wellness", href: "/" }
            ]
          },
          {
            title: "Information",            items: [
              { label: "About Us", href: "/" },
              { label: "Contact", href: "/" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}