"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Home, Award, Trophy } from 'lucide-react';

export default function RoomsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="LuxeStay"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Book Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardFour
          title="Luxury Accommodations"
          description="Immerse yourself in unparalleled comfort with our meticulously designed rooms and suites. Each accommodation features premium amenities, sophisticated decor, and breathtaking views to ensure your stay is nothing short of extraordinary."
          tag="Premium Rooms & Suites"
          tagIcon={Home}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "deluxe",
              name: "Deluxe Room",
              price: "$299/night",
              variant: "King bed, City view, Modern amenities",
              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",
              imageAlt: "Deluxe hotel room"
            },
            {
              id: "suite",
              name: "Executive Suite", 
              price: "$499/night",
              variant: "Separate living area, Jacuzzi, Premium service",
              imageSrc: "https://img.b2bpic.net/free-photo/room-interior-hotel-bedroom_23-2150683429.jpg",
              imageAlt: "Executive suite"
            },
            {
              id: "standard",
              name: "Standard Room",
              price: "$199/night",
              variant: "Double bed, Comfort focused, Efficient design",
              imageSrc: "https://img.b2bpic.net/free-photo/man-looking-outside-modern-room-with-gray-curtains-hanging-lamp_8353-12543.jpg",
              imageAlt: "Standard hotel room"
            }
          ]}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureProcessSteps
          tag="World-Class Facilities"
          tagIcon={Award}
          title="Experience Exceptional Amenities"
          description="From our state-of-the-art wellness center to Michelin-inspired dining, every facility is designed to enhance your stay and create unforgettable memories."
          useInvertedBackground="invertDefault"
          steps={[
            {
              number: "01",
              title: "Wellness & Spa",
              tag: "Relaxation",
              description: "Indulge in our luxurious spa featuring massages, facial treatments, and a full-service fitness center with personal trainers."
            },
            {
              number: "02",
              title: "Fine Dining",
              tag: "Culinary Excellence",
              description: "Savor exceptional cuisine prepared by award-winning chefs. Multiple restaurants and bars featuring international and local specialties."
            },
            {
              number: "03",
              title: "Recreation",
              tag: "Entertainment",
              description: "Enjoy our Olympic-size swimming pool, tennis courts, golf course access, and comprehensive recreation center for all ages."
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Our Excellence in Numbers"
          description="Trusted by thousands of guests worldwide. Our commitment to quality and service is reflected in every metric."
          tag="Industry Leading"
          tagIcon={Trophy}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",
              value: "25K+",
              description: "Happy Guests Annually"
            },
            {
              id: "2",
              value: "4.9/5",
              description: "Average Guest Rating"
            },
            {
              id: "3",
              value: "15+",
              description: "International Awards"
            },
            {
              id: "4",
              value: "98%",
              description: "Guest Return Rate"
            }
          ]}
        />
      </div>

      <FooterBaseReveal
        columns={[
          {
            title: "About",
            items: [
              { label: "Our Story", href: "/about" },
              { label: "Careers", href: "/about" },
              { label: "Press", href: "/about" },
              { label: "Blog", href: "/about" }
            ]
          },
          {
            title: "Services",
            items: [
              { label: "Rooms & Suites", href: "/rooms" },
              { label: "Dining", href: "/rooms" },
              { label: "Spa & Wellness", href: "/rooms" },
              { label: "Events", href: "/rooms" }
            ]
          },
          {
            title: "Contact",
            items: [
              { label: "Reservations: +1 (555) 123-4567", href: "tel:+15551234567" },
              { label: "Email: hello@luxestay.com", href: "mailto:hello@luxestay.com" },
              { label: "Address: 123 Luxury Boulevard", href: "/contact" },
              { label: "24/7 Concierge Service", href: "/contact" }
            ]
          }
        ]}
        copyrightText="© 2025 LuxeStay Resort. All rights reserved."
      />
    </ThemeProvider>
  );
}