"use client";

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Home, Gift, Crown, HelpCircle } from "lucide-react";

export default function RoomsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Luxe Haven"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="rooms-gallery" data-section="rooms-gallery">
        <ProductCardFour
          title="Luxurious Accommodations"
          description="Each room is meticulously designed with luxury amenities and stunning views to ensure your comfort and relaxation. Choose from our collection of elegantly appointed rooms and suites."
          tag="Premium Rooms"
          tagIcon={Home}
          products={[
            {
              id: "deluxe-room",
              name: "Deluxe Room",
              price: "$249",
              variant: "King Bed, City View, 450 sq ft",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
              imageAlt: "Deluxe hotel room with king bed and city views",
              isFavorited: false
            },
            {
              id: "ocean-view-suite",
              name: "Ocean View Suite",
              price: "$399",
              variant: "King Bed, Ocean View, 650 sq ft",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",
              imageAlt: "Ocean view hotel suite with balcony",
              isFavorited: false
            },
            {
              id: "penthouse",
              name: "Presidential Penthouse",
              price: "$799",
              variant: "Master + Guest Suite, Panoramic View, 1500 sq ft",
              imageSrc: "https://img.b2bpic.net/free-photo/asian-women-wake-up-from-sleep-are-stretch-herself-morning-weekend-sit-bed-luxury-room-relax-weekend-concept_1253-1031.jpg",
              imageAlt: "Luxurious penthouse suite with panoramic views",
              isFavorited: false
            },
            {
              id: "signature-suite",
              name: "Signature Suite",
              price: "$549",
              variant: "Separate Living Area, Premium Amenities, 850 sq ft",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
              imageAlt: "Signature suite with separate living area",
              isFavorited: false
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Exclusive Packages & Rates"
          description="Select the perfect package tailored to your travel style and budget. All rates include complimentary amenities."
          tag="Special Offers"
          tagIcon={Gift}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          plans={[
            {
              id: "standard-room",
              tag: "Deluxe Room",
              tagIcon: Home,
              price: "$249",
              period: "/night",
              description: "Comfortable accommodations with premium amenities and city views. Perfect for leisure and business travelers.",
              button: { text: "Book Now", href: "/contact" },
              featuresTitle: "Room Features:",
              features: [
                "King bed with luxury linens",
                "Premium toiletries",
                "Complimentary WiFi",
                "24-hour room service",
                "Access to fitness center"
              ]
            },
            {
              id: "penthouse-experience",
              tag: "Presidential Penthouse",
              tagIcon: Crown,
              price: "$799",
              period: "/night",
              description: "The ultimate luxury experience with panoramic views, personal butler service, and exclusive access to VIP facilities.",
              button: { text: "Request Booking", href: "/contact" },
              featuresTitle: "Penthouse Privileges:",
              features: [
                "Master suite + guest bedroom",
                "180-degree panoramic views",
                "Private infinity terrace",
                "Personal butler service",
                "Private chef available",
                "Exclusive lounge access"
              ]
            }
          ]}
        />
      </div>

      <div id="room-faq" data-section="room-faq">
        <FaqBase
          title="Room & Booking Information"
          description="Find answers to common questions about our accommodations, booking process, and room amenities."
          tag="Room FAQs"
          tagIcon={HelpCircle}
          textboxLayout="default"
          animationType="smooth"
          useInvertedBackground="noInvert"
          showCard={true}
          faqs={[
            {
              id: "1",
              title: "What is included in the room rate?",
              content: "All rooms include: WiFi, fitness center access, complimentary morning coffee, 24-hour room service, and concierge assistance. Premium rooms add spa credits, lounge access, and complimentary breakfast."
            },
            {
              id: "2",
              title: "Can I request a specific room or floor?",
              content: "We will do our best to accommodate specific room requests based on availability. Please contact us directly or include your preferences in the special requests section when booking."
            },
            {
              id: "3",
              title: "What is your check-in and check-out time?",
              content: "Standard check-in is 3:00 PM and check-out is 11:00 AM. We offer early check-in and late check-out based on availability. Please request this at least 24 hours in advance."
            }
          ]}
        />
      </div>

      <FooterLogoReveal
        logoText="Luxe Haven"
        logoLineHeight={1.2}
      />
    </ThemeProvider>
  );
}