"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Award, Facebook, Twitter, Instagram, Linkedin } from 'lucide-react';

export default function RoomsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumLarge"
      background="plain"
      cardStyle="gradient-mesh"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          brandName="Luxe Hotels"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "Contact", id: "/contact" }
          ]}
          bottomLeftText="Premium Hospitality"
          bottomRightText="reservations@luxehotels.com"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardTwo 
          title="Our Room Collections" 
          description="Select from our carefully curated room categories, each designed for maximum comfort and luxury. Each accommodation features premium amenities, elegant furnishings, and stunning views to ensure your stay exceeds expectations." 
          tag="Premium Accommodations" 
          tagIcon={Award}
          products={[
            {
              id: '1',
              brand: 'Luxe Hotels',
              name: 'Deluxe Room',
              price: '$249/night',
              rating: 5,
              reviewCount: '1.2k',
              imageSrc: 'https://img.b2bpic.net/free-photo/business-partners_1098-18010.jpg',
              imageAlt: 'Deluxe room with king bed and city view'
            },
            {
              id: '2',
              brand: 'Luxe Hotels',
              name: 'Executive Suite',
              price: '$449/night',
              rating: 5,
              reviewCount: '956',
              imageSrc: 'https://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683457.jpg',
              imageAlt: 'Executive suite with separate living area'
            },
            {
              id: '3',
              brand: 'Luxe Hotels',
              name: 'Standard Room',
              price: '$149/night',
              rating: 4,
              reviewCount: '2.3k',
              imageSrc: 'https://img.b2bpic.net/free-photo/elegant-stools-table-huge-bright-hall_1127-3339.jpg',
              imageAlt: 'Standard room with comfortable queen bed'
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[{ text: 'Book Your Stay', href: '/contact' }]}
        />
      </div>

      <FooterCard 
        logoText="Luxe Hotels" 
        copyrightText="© 2025 Luxe Hotels. All rights reserved. | Luxury Hospitality Excellence" 
        socialLinks={[
          { icon: Facebook, href: 'https://facebook.com/luxehotels', ariaLabel: 'Facebook' },
          { icon: Twitter, href: 'https://twitter.com/luxehotels', ariaLabel: 'Twitter' },
          { icon: Instagram, href: 'https://instagram.com/luxehotels', ariaLabel: 'Instagram' },
          { icon: Linkedin, href: 'https://linkedin.com/company/luxehotels', ariaLabel: 'LinkedIn' }
        ]}
      />
    </ThemeProvider>
  );
}