"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Home, Gift, Star, Facebook, Instagram, Twitter, Linkedin, Sparkles, Crown, Diamond } from "lucide-react";

export default function RoomsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLarge"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Serenity Suites"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Amenities", id: "/amenities" },
            { name: "Gallery", id: "/gallery" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Book Now",
            href: "#booking"
          }}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardOne
          title="Luxury Accommodations"
          description="Immerse yourself in elegantly designed rooms and suites, each featuring premium amenities, stunning views, and unparalleled comfort tailored for the discerning traveler."
          tag="Room Selection"
          tagIcon={Home}
          products={[
            {
              id: "1",
              name: "Standard Room",
              price: "$189/night",
              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-3064.jpg",
              imageAlt: "Comfortable standard hotel room with modern decor"
            },
            {
              id: "2",
              name: "Deluxe Suite",
              price: "$299/night",
              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg",
              imageAlt: "Spacious deluxe suite with premium furnishings"
            },
            {
              id: "3",
              name: "Presidential Suite",
              price: "$599/night",
              imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",
              imageAlt: "Luxurious presidential suite with panoramic views"
            },
            {
              id: "4",
              name: "Ocean View Room",
              price: "$249/night",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",
              imageAlt: "Ocean view room with breathtaking water views"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Check Availability", href: "#booking" }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Flexible Booking Plans"
          description="Select the perfect rate plan tailored to your travel needs and preferences, from weekend getaways to extended luxury stays."
          tag="Special Rates"
          tagIcon={Gift}
          plans={[
            {
              id: "1",
              badge: "Best Value",
              badgeIcon: Sparkles,
              price: "$149",
              subtitle: "Per Night - Standard Room",
              buttons: [
                { text: "Book Now", href: "#booking" }
              ],
              features: [
                "Complimentary breakfast",
                "24-hour room service",
                "WiFi access",
                "Standard amenities access"
              ]
            },
            {
              id: "2",
              badge: "Most Popular",
              badgeIcon: Crown,
              price: "$249",
              subtitle: "Per Night - Deluxe Suite",
              buttons: [
                { text: "Book Now", href: "#booking" }
              ],
              features: [
                "Complimentary breakfast & dinner",
                "Premium spa access",
                "Priority concierge service",
                "Airport transfer included",
                "Room upgrade subject to availability"
              ]
            },
            {
              id: "3",
              badge: "Luxury",
              badgeIcon: Diamond,
              price: "$499",
              subtitle: "Per Night - Presidential Suite",
              buttons: [
                { text: "Book Now", href: "#booking" }
              ],
              features: [
                "All-inclusive premium dining",
                "Private butler service",
                "Exclusive suite lounge access",
                "Personalized concierge",
                "Complimentary transportation",
                "VIP spa & wellness packages"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Room Reviews"
          description="Discover what guests are saying about their unforgettable accommodations at Serenity Suites."
          tag="Guest Feedback"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",
              name: "Amanda Foster",
              role: "Honeymoon Guest",
              testimonial: "The presidential suite exceeded all expectations! Every detail was perfect, from the stunning views to the luxurious amenities. Our honeymoon was absolutely magical.",
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
              imageAlt: "Guest Amanda Foster"
            },
            {
              id: "2",
              name: "Robert Chen",
              role: "Business Traveler",
              testimonial: "The deluxe suite provided the perfect balance of comfort and functionality. The workspace was excellent, and the room's tranquil atmosphere helped me recharge after long meetings.",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",
              imageAlt: "Guest Robert Chen"
            },
            {
              id: "3",
              name: "Lisa Martinez",
              role: "Weekend Getaway",
              testimonial: "Even the standard room felt like pure luxury! The attention to detail, premium bedding, and beautiful decor made our weekend escape feel incredibly special.",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
              imageAlt: "Guest Lisa Martinez"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          carouselMode="buttons"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Serenity Suites"
          copyrightText="© 2025 Serenity Suites. All rights reserved. | Crafted for wanderers and dreamers."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com/serenitysuiteshotel", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com/serenitysuiteshotel", ariaLabel: "Instagram" },
            { icon: Twitter, href: "https://twitter.com/serenitysuiteshotel", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com/company/serenitysuiteshotel", ariaLabel: "LinkedIn" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}