"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Crown, Gem, HelpCircle } from "lucide-react";

export default function RoomsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="medium"
      background="aurora"
      cardStyle="elevated"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="Luxe Haven"
          bottomLeftText="Premium Hospitality"
          bottomRightText="hello@luxehaven.com"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardThree 
          title="Explore Our Rooms"
          description="Choose from our collection of elegantly appointed rooms and suites, each designed for ultimate comfort and luxury."
          tag="Premium Accommodations"
          tagIcon={Crown}
          products={[
            {
              id: "1",
              name: "Deluxe Room",
              price: "$189/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: "Deluxe Hotel Room with King Bed",
              initialQuantity: 1
            },
            {
              id: "2",
              name: "Executive Suite",
              price: "$349/night",
              imageSrc: "https://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg",
              imageAlt: "Spacious Executive Suite",
              initialQuantity: 1
            },
            {
              id: "3",
              name: "Penthouse Suite",
              price: "$599/night",
              imageSrc: "https://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg",
              imageAlt: "Luxury Penthouse with City View",
              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardTwentyThree 
          title="World-Class Amenities"
          description="Indulge in our comprehensive range of premium facilities designed to enhance your stay and create lasting memories."
          tag="Hospitality Excellence"
          tagIcon={Gem}
          features={[
            {
              id: "1",
              title: "Luxurious Spa & Wellness Center",
              tags: ["Wellness", "Spa", "Relaxation"],
              imageSrc: "https://img.b2bpic.net/free-photo/business-partners_1098-18010.jpg",
              imageAlt: "Premium spa and wellness facilities"
            },
            {
              id: "2",
              title: "Fine Dining Restaurant",
              tags: ["Dining", "Cuisine", "Michelin-Worthy"],
              imageSrc: "https://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683457.jpg",
              imageAlt: "Elegant fine dining restaurant"
            },
            {
              id: "3",
              title: "State-of-the-Art Fitness Center",
              tags: ["Fitness", "Health", "Modern"],
              imageSrc: "https://img.b2bpic.net/free-photo/older-people-talk-about-holiday-plans_482257-76640.jpg",
              imageAlt: "Modern gym and fitness facilities"
            },
            {
              id: "4",
              title: "Business & Conference Spaces",
              tags: ["Business", "Meetings", "Corporate"],
              imageSrc: "https://img.b2bpic.net/free-photo/businessman-provides-information-front-desk-check-procedure-travelling-work-purposes-attend-official-conference-receptionist-greeting-professional-client-lobby_482257-65299.jpg",
              imageAlt: "Professional conference and meeting rooms"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble 
          title="Room Information"
          description="Find answers to common questions about our accommodations and booking policies."
          tag="Room Support"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",
              title: "What amenities are included in each room?",
              content: "All rooms feature high-speed Wi-Fi, premium bedding, marble bathrooms, 24-hour room service, and complimentary toiletries. Executive Suites and Penthouse Suites include additional perks like separate living areas and premium welcome amenities."
            },
            {
              id: "2",
              title: "Can I request a specific room type or floor?",
              content: "Yes, we accommodate special requests whenever possible. Please mention your preferences during booking or contact our reservations team. While we cannot guarantee specific rooms, we'll do our best to fulfill your requests based on availability."
            },
            {
              id: "3",
              title: "What is the maximum occupancy for each room type?",
              content: "Deluxe Rooms accommodate up to 2 guests, Executive Suites up to 3 guests, and Penthouse Suites up to 4 guests. Additional beds or rollaway beds can be arranged for an extra fee."
            },
            {
              id: "4",
              title: "Are connecting rooms available?",
              content: "Yes, we offer connecting rooms for families and groups. Please request connecting accommodations when booking, and we'll arrange them based on availability."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <FooterBaseCard 
        logoText="Luxe Haven"
        columns={[
          {
            title: "Rooms & Rates",
            items: [
              { label: "Deluxe Rooms", href: "/rooms" },
              { label: "Executive Suites", href: "/rooms" },
              { label: "Penthouse", href: "/rooms" },
              { label: "Special Offers", href: "/" }
            ]
          },
          {
            title: "Amenities",
            items: [
              { label: "Spa & Wellness", href: "/amenities" },
              { label: "Fine Dining", href: "/amenities" },
              { label: "Fitness Center", href: "/amenities" },
              { label: "Business Services", href: "/amenities" }
            ]
          },
          {
            title: "About",
            items: [
              { label: "Our Story", href: "/about" },
              { label: "Awards", href: "/" },
              { label: "Careers", href: "/" },
              { label: "Contact Us", href: "/contact" }
            ]
          },
          {
            title: "Policies",
            items: [
              { label: "Cancellation", href: "/contact" },
              { label: "Privacy Policy", href: "/" },
              { label: "Terms & Conditions", href: "/" },
              { label: "Accessibility", href: "/" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "Instagram", href: "https://instagram.com" },
              { label: "Facebook", href: "https://facebook.com" },
              { label: "Twitter", href: "https://twitter.com" },
              { label: "LinkedIn", href: "https://linkedin.com" }
            ]
          }
        ]}
        copyrightText="© 2025 Luxe Haven Hotels. All rights reserved."
      />
    </ThemeProvider>
  );
}