"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function RoomsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="subtle-shadow"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Luxe Haven"
          button={{
            text: "Book Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Luxury Accommodations"
          description="Discover our meticulously designed rooms and suites, each offering unparalleled comfort, modern amenities, and breathtaking views. From intimate escapes to grand celebrations, we have the perfect space for your stay."
          products={[
            {
              id: "deluxe",
              name: "Deluxe Room",
              price: "$189/night",
              imageSrc: "https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg",
              imageAlt: "Spacious deluxe room with king bed and city view"
            },
            {
              id: "suite",
              name: "Premium Suite",
              price: "$349/night",
              imageSrc: "https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg",
              imageAlt: "Luxurious suite with separate living area"
            },
            {
              id: "standard",
              name: "Standard Room",
              price: "$129/night",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-lounge-restaurant-with-high-ceiling_105762-1771.jpg",
              imageAlt: "Comfortable standard room with modern amenities"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNine
          title="Room Features & Amenities"
          description="Every detail designed for your ultimate comfort and convenience"
          features={[
            {
              id: 1,
              title: "Premium Comfort",
              description: "Experience luxury bedding, climate control, and stunning views from every room. Our rooms feature premium linens, marble bathrooms, and cutting-edge technology.",
              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg"
              }
            },
            {
              id: 2,
              title: "Modern Technology",
              description: "Stay connected with high-speed WiFi, smart TV entertainment systems, and mobile device charging stations throughout your room.",
              phoneOne: {
                imageSrc: "https://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-lounge-restaurant-with-high-ceiling_105762-1771.jpg"
              },
              phoneTwo: {
                imageSrc: "https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg"
              }
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Room Reviews"
          description="What our guests say about their accommodations"
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              handle: "@sarah_travels",
              testimonial: "The deluxe room was absolutely stunning. Waking up to those city views every morning made the stay unforgettable!",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-holding-boarding-pass-checking-his-mobile-phone_107420-95787.jpg"
            },
            {
              id: "2",
              name: "Michael Chen",
              handle: "@biz_traveler_mc",
              testimonial: "The premium suite exceeded all expectations. Perfect for my business meetings with that separate living area.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/business-people-standing-with-luggage-bag-airport_107420-95865.jpg"
            },
            {
              id: "3",
              name: "Emma Watson",
              handle: "@emmadventures",
              testimonial: "Even the standard room felt luxurious. The attention to detail and comfort level was remarkable for the price.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/businessman-standing-with-luggage-waiting-area-airport_107420-95857.jpg"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterLogoEmphasis
        logoText="Luxe Haven"
        columns={[
          {
            items: [
              { label: "About", href: "/about" },
              { label: "Rooms", href: "/rooms" },
              { label: "Amenities", href: "/amenities" }
            ]
          },
          {
            items: [
              { label: "Team", href: "/team" },
              { label: "Guest Reviews", href: "/testimonials" },
              { label: "FAQ", href: "/faq" }
            ]
          },
          {
            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "Privacy Policy", href: "#" },
              { label: "Terms & Conditions", href: "#" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}