"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function RoomsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="largeSmallSizeMediumTitles"
      background="aurora"
      cardStyle="solid"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Ayres Lodge Alpine"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Book Now",
            href: "/pricing"
          }}
        />
      </div>

      <div id="rooms-showcase" data-section="rooms-showcase">
        <ProductCardOne
          title="Luxurious Room Options"
          description="Choose from our thoughtfully designed rooms, each featuring handcrafted mahogany furniture, complimentary Wi-Fi, and modern amenities to ensure your comfort and relaxation during your mountain getaway."
          products={[
            {
              id: "standard-room",
              name: "Standard Room",
              price: "$126/night",
              imageSrc: "https://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg",
              imageAlt: "Standard hotel room with queen bed"
            },
            {
              id: "deluxe-room", 
              name: "Deluxe Room",
              price: "$156/night",
              imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",
              imageAlt: "Deluxe room with premium furnishings"
            },
            {
              id: "suite",
              name: "Premium Suite", 
              price: "$186/night",
              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg",
              imageAlt: "Spacious premium suite with mountain view"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="room-details" data-section="room-details">
        <PricingCardNine
          title="Detailed Room Features & Rates"
          description="Each room is designed with your comfort in mind, featuring premium amenities and flexible booking options with free cancellation."
          tag="Competitive Rates"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          plans={[
            {
              id: "standard",
              title: "Standard Room",
              price: "$126",
              period: "/night",
              imageSrc: "https://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg",
              imageAlt: "Standard room",
              button: { text: "Book Standard", href: "/pricing" },
              features: [
                "Handcrafted mahogany furniture",
                "Free Wi-Fi access",
                "Flat-screen TV with cable",
                "iPod dock & coffeemaker",
                "Free parking",
                "Continental breakfast",
                "Free cancellation until Jan 28"
              ]
            },
            {
              id: "deluxe",
              title: "Deluxe Room",
              price: "$156",
              period: "/night",
              imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",
              imageAlt: "Deluxe room",
              button: { text: "Book Deluxe", href: "/pricing" },
              features: [
                "All Standard Room features",
                "Microwave & mini-fridge",
                "Premium bedding",
                "Enhanced mountain views",
                "Premium bath amenities",
                "Continental breakfast",
                "Free cancellation until Jan 28"
              ]
            },
            {
              id: "suite",
              title: "Premium Suite",
              price: "$186",
              period: "/night",
              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg",
              imageAlt: "Premium suite",
              button: { text: "Book Suite", href: "/pricing" },
              features: [
                "Spacious suite layout",
                "Separate living area",
                "Microwave & mini-fridge",
                "Mountain view balcony",
                "Premium furnishings",
                "Continental breakfast",
                "Late checkout available",
                "Free cancellation until Jan 28"
              ]
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Ayres Lodge Alpine"
          columns={[
            {
              title: "Rooms & Rates",
              items: [
                { label: "Standard Rooms", href: "/rooms" },
                { label: "Deluxe Rooms", href: "/rooms" },
                { label: "Premium Suites", href: "/rooms" },
                { label: "Book Now", href: "/pricing" }
              ]
            },
            {
              title: "About Us",
              items: [
                { label: "Our Story", href: "/about" },
                { label: "Amenities", href: "/amenities" },
                { label: "Location", href: "/contact" },
                { label: "Guest Reviews", href: "/" }
              ]
            },
            {
              title: "Services",
              items: [
                { label: "Free Breakfast", href: "/amenities" },
                { label: "Casino Shuttle", href: "/amenities" },
                { label: "Free Wi-Fi", href: "/amenities" },
                { label: "Pool & Hot Tub", href: "/amenities" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "(619) 445-5800", href: "tel:+16194455800" },
                { label: "1251 Tavern Rd, Alpine, CA 91901", href: "/contact" },
                { label: "ayreshotels.com", href: "https://ayreshotels.com" },
                { label: "Email Inquiry", href: "mailto:info@ayreshotels.com" }
              ]
            }
          ]}
          copyrightText="© 2025 Ayres Lodge Alpine. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}