"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 FaqBase from '@/components/sections/faq/FaqBase';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Star } from "lucide-react";

export default function RoomsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="medium"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Corido Madrid"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Services", id: "/services" },
            { name: "About", id: "/about" }
          ]}
          button={{
            text: "Book Now",
            href: "/booking"
          }}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardThree
          title="Explore Our Rooms"
          description="Choose from our carefully curated selection of luxurious accommodations, each designed for maximum comfort and style."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",
              name: "Deluxe Room",
              price: "€180/night",
              imageSrc: "https://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg",
              imageAlt: "Deluxe Room with city view",
              initialQuantity: 1
            },
            {
              id: "2",
              name: "Executive Suite",
              price: "€350/night",
              imageSrc: "https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg",
              imageAlt: "Executive Suite with panoramic view",
              initialQuantity: 1
            },
            {
              id: "3",
              name: "Standard Room",
              price: "€120/night",
              imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg",
              imageAlt: "Standard Room with modern design",
              initialQuantity: 1
            },
            {
              id: "4",
              name: "Family Room",
              price: "€280/night",
              imageSrc: "https://img.b2bpic.net/free-photo/bellhop-offering-services-woman-lounge-area-waiting-room-check-seaside-hotel-tourist-sitting-couch-talking-hotel-concierge-summer-clothes-handheld-shot_482257-67916.jpg",
              imageAlt: "Spacious Family Room",
              initialQuantity: 1
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Flexible Booking Plans"
          description="Select the perfect plan for your Madrid stay. All rates include complimentary WiFi, breakfast, and access to our facilities."
          tag="Special Offers"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          plans={[
            {
              id: "standard",
              badge: "Popular",
              price: "€120–180",
              subtitle: "Perfect for individual travelers",
              buttons: [
                { text: "Book Now", href: "/booking" }
              ],
              features: [
                "Standard or Deluxe Room",
                "Complimentary breakfast",
                "Free WiFi access",
                "Fitness center access",
                "24/7 room service"
              ]
            },
            {
              id: "executive",
              badge: "Most Popular",
              badgeIcon: Star,
              price: "€250–350",
              subtitle: "Premium experience for business & leisure",
              buttons: [
                { text: "Book Now", href: "/booking" }
              ],
              features: [
                "Executive Suite or Superior Room",
                "Premium breakfast buffet",
                "Spa credit (€50)",
                "Concierge service",
                "Restaurant discount (15%)",
                "Priority check-in"
              ]
            },
            {
              id: "family",
              badge: "Family Value",
              price: "€280–400",
              subtitle: "Create lasting memories together",
              buttons: [
                { text: "Book Now", href: "/booking" }
              ],
              features: [
                "Family Room with multiple beds",
                "Breakfast for 4 included",
                "Kids welcome package",
                "Family spa packages",
                "Flexible cancellation",
                "Late checkout (2 PM)"
              ]
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Room & Booking Questions"
          description="Find answers to common questions about our rooms, booking policies, and amenities."
          tag="Help Center"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What amenities are included in all rooms?",
              content: "All our rooms feature complimentary WiFi, premium linens, marble bathrooms with luxury toiletries, flat-screen TV with international channels, mini-bar, in-room safe, and 24/7 room service. Air conditioning and heating are individually controlled in each room."
            },
            {
              id: "2",
              title: "Can I modify or cancel my reservation?",
              content: "Standard bookings can be modified or cancelled up to 7 days before arrival for a full refund. Executive Suite and Family Room bookings have flexible policies. Last-minute changes may incur fees. Please contact our reservations team for assistance."
            },
            {
              id: "3",
              title: "Do you offer connecting rooms for families?",
              content: "Yes, we have connecting Family Rooms available for larger groups. These spacious accommodations can sleep up to 6 guests comfortably. Advanced booking is recommended, and special family packages include children's amenities and activities."
            }
          ]}
        />
      </div>

      <FooterBaseReveal
        copyrightText="© 2025 Corido Madrid. All rights reserved."
        columns={[
          {
            title: "Hotel",
            items: [
              { label: "Rooms & Suites", href: "/rooms" },
              { label: "Amenities", href: "/services" },
              { label: "Dining", href: "/services" },
              { label: "Spa & Wellness", href: "/services" }
            ]
          },
          {
            title: "Explore",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Location", href: "/location" },
              { label: "Guest Reviews", href: "/" },
              { label: "Book Direct", href: "/booking" }
            ]
          },
          {
            title: "Contact",
            items: [
              { label: "Reservations", href: "https://www.example.com" },
              { label: "+34 91 555 0000", href: "tel:+34915550000" },
              { label: "info@coridomadrid.com", href: "mailto:info@coridomadrid.com" },
              { label: "Privacy Policy", href: "https://www.example.com" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}