"use client";

import { DoorOpen, Star } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import FooterSimple from '@/components/sections/footer/FooterSimple';

export default function RoomsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSmallSizeMediumTitles"
      background="aurora"
      cardStyle="layered-gradient"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      {/* Navigation */}
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "About", id: "/about" },
            { name: "Book Now", id: "/contact" }
          ]}
          brandName="Luxe Haven"
          bottomLeftText="Luxury Hospitality"
          bottomRightText="reservations@luxehaven.com"
        />
      </div>

      {/* Rooms Gallery */}
      <div id="rooms-gallery" data-section="rooms-gallery">
        <ProductCardOne
          title="Luxury Room Collection"
          description="Each room at Luxe Haven is meticulously designed to offer the perfect blend of comfort, elegance, and modern amenities. Choose from our range of accommodations to find your ideal sanctuary."
          tag="Our Rooms"
          tagIcon={DoorOpen}
          products={[
            {
              id: "1",
              name: "Standard Room",
              price: "$180/night",
              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg",
              imageAlt: "Standard hotel room"
            },
            {
              id: "2",
              name: "Deluxe Room",
              price: "$280/night",
              imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",
              imageAlt: "Deluxe hotel room"
            },
            {
              id: "3",
              name: "Presidential Suite",
              price: "$550/night",
              imageSrc: "https://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg",
              imageAlt: "Presidential suite"
            },
            {
              id: "4",
              name: "Executive Room",
              price: "$220/night",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",
              imageAlt: "Executive hotel room"
            },
            {
              id: "5",
              name: "Luxury Suite",
              price: "$420/night",
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg",
              imageAlt: "Luxury suite"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      {/* Room Features */}
      <div id="room-features" data-section="room-features">
        <FeatureCardOne
          title="Room Features & Amenities"
          description="Every room is thoughtfully appointed with premium amenities and services to ensure your comfort and satisfaction throughout your stay."
          tag="Features"
          tagIcon={Star}
          features={[
            {
              title: "Premium Linens",
              description: "Luxurious Egyptian cotton sheets and plush pillows for the perfect night's sleep.",
              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg",
              imageAlt: "Premium hotel bedding"
            },
            {
              title: "Modern Technology",
              description: "Smart TV, high-speed WiFi, and electronic room controls for your convenience.",
              imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",
              imageAlt: "Modern hotel room technology"
            },
            {
              title: "Marble Bathrooms",
              description: "Elegant marble bathrooms with rainfall showers and premium toiletries.",
              imageSrc: "https://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg",
              imageAlt: "Luxury hotel bathroom"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      {/* Room Pricing */}
      <div id="room-pricing" data-section="room-pricing">
        <PricingCardThree
          title="Room Rates & Packages"
          description="Book directly with us for the best rates and exclusive perks. All bookings include complimentary WiFi and access to our fitness center."
          tag="Rates"
          plans={[
            {
              id: "standard",
              price: "$180",
              name: "Standard Room",
              buttons: [
                { text: "Book Now", href: "/contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Queen or Twin Beds",
                "Marble Bathroom",
                "HD Smart TV",
                "Free WiFi",
                "Air Conditioning"
              ]
            },
            {
              id: "deluxe",
              badge: "Most Popular",
              badgeIcon: Star,
              price: "$280",
              name: "Deluxe Room",
              buttons: [
                { text: "Book Now", href: "/contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "King Bed with Premium Linens",
                "Luxury Bathroom with Amenities",
                "City View Balcony",
                "Minibar & Coffee Maker",
                "Concierge Service",
                "Free Spa Credit"
              ]
            },
            {
              id: "suite",
              price: "$550",
              name: "Presidential Suite",
              buttons: [
                { text: "Book Now", href: "/contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Separate Living Area",
                "Master Bedroom Suite",
                "Panoramic City Views",
                "Premium Toiletries & Amenities",
                "24/7 Dedicated Concierge",
                "Complimentary Breakfast",
                "Spa & Restaurant Credit"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      {/* Footer */}
      <FooterSimple
        columns={[
          {
            title: "Hotel",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Rooms", href: "/rooms" },
              { label: "Amenities", href: "/amenities" },
              { label: "Book Now", href: "/contact" }
            ]
          },
          {
            title: "Guest Services",
            items: [
              { label: "Concierge", href: "#" },
              { label: "Room Service", href: "#" },
              { label: "Spa & Wellness", href: "#" },
              { label: "Restaurant", href: "#" }
            ]
          },
          {
            title: "Information",
            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "Location", href: "#" },
              { label: "Careers", href: "#" },
              { label: "Group Bookings", href: "#" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "#" },
              { label: "Terms & Conditions", href: "#" },
              { label: "Cookie Policy", href: "#" },
              { label: "Sitemap", href: "#" }
            ]
          }
        ]}
        bottomLeftText="© 2025 Luxe Haven Hotel. All rights reserved."
        bottomRightText="Crafted for Luxury Hospitality"
      />
    </ThemeProvider>
  );
}