"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function RoomsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Luxury Hotels"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardThree
          title="Rooms & Suites"
          description="Indulge in our carefully appointed rooms and suites, each designed to provide the ultimate in comfort and luxury."
          products={[
            {
              id: "1",              name: "Deluxe Room",              price: "$189",              imageSrc: "https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg",              imageAlt: "Deluxe Hotel Room",              initialQuantity: 1
            },
            {
              id: "2",              name: "Executive Suite",              price: "$349",              imageSrc: "https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg",              imageAlt: "Executive Suite",              initialQuantity: 1
            },
            {
              id: "3",              name: "Presidential Suite",              price: "$799",              imageSrc: "https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg",              imageAlt: "Presidential Suite",              initialQuantity: 1
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Flexible Pricing Options"
          description="Choose the perfect plan for your stay. All rates include complimentary breakfast, Wi-Fi, and access to amenities."
          plans={[
            {
              id: "deluxe",              tag: "Popular",              price: "$189",              period: "/night",              description: "Perfect for travelers seeking comfort and convenience with premium amenities.",              button: { text: "Book Deluxe", href: "/contact" },
              featuresTitle: "Included:",              features: [
                "Deluxe Room (300 sq ft)",                "Complimentary breakfast",                "Free Wi-Fi and streaming",                "Gym & pool access",                "24-hour room service"
              ]
            },
            {
              id: "executive",              tag: "Best Value",              price: "$349",              period: "/night",              description: "Elevated experience with exclusive benefits and premium accommodations.",              button: { text: "Book Executive", href: "/contact" },
              featuresTitle: "Included:",              features: [
                "Executive Suite (500 sq ft)",                "Complimentary breakfast & dinner",                "Priority concierge service",                "Spa credits ($50)",                "Airport transportation",                "Executive lounge access"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Room & Booking Information"
          description="Find answers to common questions about our rooms, amenities, and booking process."
          faqs={[
            {
              id: "1",              title: "What is included in room rates?",              content: "All room rates include complimentary breakfast, high-speed Wi-Fi, access to fitness center and pool, and 24-hour room service. Premium suites include additional amenities as listed."
            },
            {
              id: "2",              title: "Can I request a specific room type?",              content: "Yes, we accommodate room type preferences and special requests including floor preference and view options. Please note these in your booking or contact our reservations team."
            },
            {
              id: "3",              title: "What are your check-in and check-out times?",              content: "Standard check-in is at 3:00 PM and check-out is at 11:00 AM. Early check-in and late check-out are available based on availability for an additional fee."
            },
            {
              id: "4",              title: "Do you offer group rates?",              content: "Yes, we provide special rates for groups of 10+ rooms and corporate bookings. Contact our sales team for personalized quotes and group packages."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg"
          imageAlt="hotel night luxury building exterior lights"
          logoText="Luxury Hotels"
          copyrightText="© 2025 Luxury Hotels. All rights reserved."
          columns={[
            {
              title: "Rooms",              items: [
                { label: "Deluxe Room", href: "/rooms" },
                { label: "Executive Suite", href: "/rooms" },
                { label: "Presidential Suite", href: "/rooms" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Restaurant & Dining", href: "/about" },
                { label: "Spa & Wellness", href: "/about" },
                { label: "Business Center", href: "/about" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "/about" },
                { label: "Contact", href: "/contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
