"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Tag, Heart, Crown } from "lucide-react";

export default function RoomsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSmall"
      background="none"
      cardStyle="gradient-mesh"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Luxury Hotel"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Book Now", href: "/booking" }}
        />
      </div>

      <div id="rooms-detail" data-section="rooms-detail">
        <ProductCardThree
          title="Premium Room Collection"
          description="Experience unmatched comfort in our carefully curated selection of accommodations, from intimate standard rooms to lavish presidential suites with personalized service."
          tag="Luxury Accommodations"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",
              name: "Deluxe Room",
              price: "$189/night",
              imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",
              imageAlt: "Deluxe hotel room",
              initialQuantity: 1
            },
            {
              id: "2",
              name: "Executive Suite",
              price: "$289/night",
              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed-decoration-interior-bedroom_74190-11180.jpg",
              imageAlt: "Executive suite",
              initialQuantity: 1
            },
            {
              id: "3",
              name: "Standard Room",
              price: "$129/night",
              imageSrc: "https://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg",
              imageAlt: "Standard hotel room",
              initialQuantity: 1
            },
            {
              id: "4",
              name: "Presidential Suite",
              price: "$499/night",
              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed-decoration-interior-bedroom_74190-11180.jpg",
              imageAlt: "Presidential suite",
              initialQuantity: 1
            },
            {
              id: "5",
              name: "Garden View Room",
              price: "$159/night",
              imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",
              imageAlt: "Garden view room",
              initialQuantity: 1
            },
            {
              id: "6",
              name: "Ocean View Suite",
              price: "$349/night",
              imageSrc: "https://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg",
              imageAlt: "Ocean view suite",
              initialQuantity: 1
            }
          ]}
        />
      </div>

      <div id="room-packages" data-section="room-packages">
        <PricingCardEight
          title="Exclusive Room Packages"
          description="Enhance your stay with our specially curated packages that combine luxury accommodations with premium amenities and personalized experiences."
          tag="Premium Packages"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          plans={[
            {
              id: "romantic",
              badge: "Romance Package",
              badgeIcon: Heart,
              price: "$399/night",
              subtitle: "Deluxe Suite • Perfect for Couples",
              buttons: [{ text: "Book Romance Package", href: "/booking" }],
              features: [
                "Luxury suite with champagne welcome",
                "Rose petal turndown service",
                "Couples spa treatment",
                "Private dining experience",
                "Late checkout until 2 PM"
              ]
            },
            {
              id: "business",
              badge: "Executive Package",
              badgeIcon: Tag,
              price: "$299/night",
              subtitle: "Executive Room • Business Travelers",
              buttons: [{ text: "Book Business Package", href: "/booking" }],
              features: [
                "Executive lounge access",
                "Complimentary business center",
                "Priority check-in/out",
                "Meeting room discount",
                "Express laundry service"
              ]
            },
            {
              id: "family",
              badge: "Family Package",
              badgeIcon: Crown,
              price: "$449/night",
              subtitle: "Family Suite • Up to 6 Guests",
              buttons: [{ text: "Book Family Package", href: "/booking" }],
              features: [
                "Spacious family suite",
                "Kids welcome amenities",
                "Pool and game room access",
                "Family dining discounts",
                "Babysitting service available"
              ]
            }
          ]}
        />
      </div>

      <div id="room-contact" data-section="room-contact">
        <ContactSplit
          tag="Booking Assistance"
          title="Need Help Choosing the Perfect Room?"
          description="Our reservation specialists are here to help you find the ideal accommodation for your stay. Get personalized recommendations and exclusive booking benefits."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg"
          imageAlt="Hotel concierge service"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Get Assistance"
          termsText="Our specialists will contact you within 24 hours to discuss your accommodation needs."
        />
      </div>

      <FooterBaseCard
        logoText="Luxury Hotel"
        copyrightText="© 2024 Luxury Hotel Group. All rights reserved."
        columns={[
          {
            title: "Guest Services",
            items: [
              { label: "Book a Room", href: "/booking" },
              { label: "Check-in/Check-out", href: "/check-in" },
              { label: "Housekeeping", href: "/services" },
              { label: "Room Service", href: "/room-service" }
            ]
          },
          {
            title: "Facilities",
            items: [
              { label: "Spa & Wellness", href: "/spa" },
              { label: "Dining", href: "/restaurants" },
              { label: "Swimming Pool", href: "/pool" },
              { label: "Fitness Center", href: "/fitness" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Careers", href: "/careers" },
              { label: "Press", href: "/press" },
              { label: "Sustainability", href: "/sustainability" }
            ]
          },
          {
            title: "Contact",
            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "Reservations", href: "tel:+1-800-HOTEL-01" },
              { label: "Feedback", href: "/feedback" },
              { label: "Complaints", href: "/complaints" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}