"use client";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Home, Wifi, Car, Coffee, Tv, Bath } from 'lucide-react';

export default function RoomsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="large"
      background="none"
      cardStyle="layered-gradient"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal 
          brandName="Luxe Haven"
          button={{
            text: "Book Now",
            href: "/contact"
          }}
        />
      </div>

      <div id="all-rooms" data-section="all-rooms">
        <ProductCardFour 
          title="Exquisite Accommodations"
          description="Choose from our thoughtfully designed rooms and suites, each offering unique views and premium amenities for the discerning traveler."
          tag="All Rooms"
          tagIcon={Home}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "deluxe",
              name: "Deluxe Room",
              price: "$189/night",
              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-111483.jpg",
              imageAlt: "luxury bedroom hotel room interior 5-star accommodation"
            },
            {
              id: "suite",
              name: "Executive Suite",
              price: "$329/night",
              variant: "Separate Living Area • Balcony • 750 sq ft",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
              imageAlt: "luxury suite premium hotel room upscale bedroom design"
            },
            {
              id: "standard",
              name: "Standard Room",
              price: "$129/night",
              variant: "Queen Bed • Garden View • 350 sq ft",
              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",
              imageAlt: "hotel bedroom modern guest room comfortable accommodation"
            },
            {
              id: "penthouse",
              name: "Presidential Suite",
              price: "$799/night",
              variant: "2 Bedrooms • Panoramic View • 1200 sq ft",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",
              imageAlt: "luxury presidential suite premium accommodations"
            }
          ]}
        />
      </div>

      <div id="room-amenities" data-section="room-amenities">
        <FeatureCardTen 
          title="In-Room Amenities"
          description="Every accommodation includes premium amenities and services designed to ensure your complete comfort and convenience during your stay."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: "1",
              title: "Premium Connectivity",
              description: "Stay connected with complimentary high-speed WiFi, smart TV with streaming services, and dedicated workspace areas for business travelers.",
              media: {
                imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",
                imageAlt: "modern hotel room with technology amenities"
              },
              items: [
                { icon: Wifi, text: "High-speed complimentary WiFi" },
                { icon: Tv, text: "65-inch smart TV" },
                { icon: Coffee, text: "Premium coffee station" }
              ],
              reverse: false
            },
            {
              id: "2",
              title: "Luxury Bathroom",
              description: "Indulge in our marble bathrooms featuring rain showers, premium toiletries, and plush towels for the ultimate relaxation experience.",
              media: {
                imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
                imageAlt: "luxury bathroom with premium amenities"
              },
              items: [
                { icon: Bath, text: "Marble rain shower" },
                { icon: Coffee, text: "Premium toiletries" },
                { icon: Home, text: "Heated bathroom floors" }
              ],
              reverse: true
            },
            {
              id: "3",
              title: "VIP Services",
              description: "Experience personalized service with 24/7 concierge, valet parking, and in-room dining from our award-winning restaurant.",
              media: {
                imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",
                imageAlt: "luxury hotel room service amenities"
              },
              items: [
                { icon: Car, text: "Complimentary valet parking" },
                { icon: Coffee, text: "24/7 room service" },
                { icon: Home, text: "Personal concierge" }
              ],
              reverse: false
            }
          ]}
        />
      </div>

      <FooterBaseReveal 
        columns={[
          {
            title: "Explore",
            items: [
              { label: "Rooms & Suites", href: "/rooms" },
              { label: "Amenities", href: "/amenities" },
              { label: "Special Offers", href: "/offers" },
              { label: "Dining", href: "/dining" }
            ]
          },
          {
            title: "Guest Info",
            items: [
              { label: "Booking Policy", href: "#" },
              { label: "Cancellation", href: "#" },
              { label: "Check-in Details", href: "#" },
              { label: "Group Bookings", href: "/contact" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "Phone", href: "#" },
              { label: "Email", href: "#" },
              { label: "Social Media", href: "#" }
            ]
          }
        ]}
        copyrightText="© 2025 Luxe Haven. All rights reserved. | Luxury hospitality redefined"
      />
    </ThemeProvider>
  );
}