"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function AmenitiesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSmall"
      background="none"
      cardStyle="gradient-mesh"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Luxury Hotel"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Book Now", href: "/booking" }}
        />
      </div>

      <div id="amenities-detail" data-section="amenities-detail">
        <FeatureBento
          title="Complete Resort Experience"
          description="Discover our comprehensive range of world-class facilities designed to create unforgettable moments during your stay, from rejuvenating wellness treatments to exquisite dining experiences."
          tag="Premium Facilities"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          features={[
            {
              title: "Spa & Wellness Center",
              description: "Rejuvenate your mind and body at our award-winning spa with therapeutic treatments and expert therapists",
              bentoComponent: "globe"
            },
            {
              title: "Gourmet Restaurant",
              description: "Savor exceptional cuisine prepared by our Michelin-starred chefs using locally sourced ingredients",
              bentoComponent: "animated-bar-chart"
            },
            {
              title: "Infinity Pool & Lounge",
              description: "Swim in our stunning infinity pool overlooking breathtaking views while enjoying poolside service",
              bentoComponent: "map"
            },
            {
              title: "State-of-the-Art Fitness Center",
              description: "Maintain your wellness routine with premium equipment and personal training services",
              bentoComponent: "line-chart"
            },
            {
              title: "Business Center & Meeting Rooms",
              description: "Conduct business seamlessly with our fully equipped facilities and professional support",
              bentoComponent: "phone",
              statusIcon: "Lock",
              alertIcon: "Calendar",
              alertTitle: "Meeting Reminder",
              alertMessage: "Conference room booked for 2 PM",
              apps: [
                { name: "Calendar", icon: "Calendar" },
                { name: "Email", icon: "Mail" },
                { name: "Documents", icon: "FileText" },
                { name: "Contacts", icon: "Users" },
                { name: "Notes", icon: "StickyNote" },
                { name: "Phone", icon: "Phone" },
                { name: "Messages", icon: "MessageSquare" },
                { name: "Settings", icon: "Settings" }
              ]
            },
            {
              title: "Concierge & Personal Services",
              description: "Our dedicated concierge team provides personalized assistance for tours, reservations, and special requests",
              bentoComponent: "chat",
              aiIcon: "HeadphonesIcon",
              userIcon: "User",
              exchanges: [
                {
                  userMessage: "Can you help me book a spa appointment?",
                  aiResponse: "I'd be happy to help! What type of treatment are you interested in and what time would work best?"
                },
                {
                  userMessage: "I'd like a couples massage for tomorrow evening",
                  aiResponse: "Perfect! I have availability at 6 PM for our couples relaxation suite. Shall I reserve that for you?"
                }
              ],
              placeholder: "Ask our concierge anything..."
            }
          ]}
        />
      </div>

      <div id="amenities-testimonials" data-section="amenities-testimonials">
        <TestimonialCardFive
          title="Amenity Experiences"
          description="Discover what our guests love most about our world-class facilities and personalized services"
          tag="Guest Reviews"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",
              name: "Michael Foster, Wellness Enthusiast",
              date: "Date: 5 April 2024",
              title: "The spa experience was transformational",
              quote: "I've visited spas around the world, but this one is truly exceptional. The treatments are personalized, the therapists are skilled, and the relaxation areas are like a private sanctuary.",
              tag: "Spa Guest",
              avatarSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817020.jpg"
            },
            {
              id: "2",
              name: "Lisa Thompson, Food Critic",
              date: "Date: 12 March 2024",
              title: "Culinary excellence at its finest",
              quote: "The restaurant exceeded all expectations. Every dish is a masterpiece, beautifully presented with flavors that tell a story. The chef's attention to detail is remarkable.",
              tag: "Restaurant Guest",
              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-woman-relaxing-spa_23-2149144920.jpg"
            },
            {
              id: "3",
              name: "David Chen, Business Executive",
              date: "Date: 18 February 2024",
              title: "Perfect facilities for business travelers",
              quote: "The business center and meeting rooms are equipped with everything needed for professional engagements. The staff support made our corporate retreat flawless.",
              tag: "Business Guest",
              avatarSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-view-beautiful-woman-having-head-massage-beauty-treatment-spa_637285-2192.jpg"
            }
          ]}
        />
      </div>

      <div id="amenities-contact" data-section="amenities-contact">
        <ContactSplit
          tag="Facility Access"
          title="Reserve Your Preferred Amenities"
          description="Secure access to our premium facilities and services. Get priority booking for spa treatments, restaurant reservations, and exclusive amenity packages."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/spa-treatment-dark-surface_176420-8925.jpg"
          imageAlt="Luxury spa facility"
          mediaPosition="left"
          inputPlaceholder="your@email.com"
          buttonText="Reserve Access"
          termsText="Receive exclusive amenity offers and priority booking notifications delivered to your inbox."
        />
      </div>

      <FooterBaseCard
        logoText="Luxury Hotel"
        copyrightText="© 2024 Luxury Hotel Group. All rights reserved."
        columns={[
          {
            title: "Guest Services",
            items: [
              { label: "Book a Room", href: "/booking" },
              { label: "Check-in/Check-out", href: "/check-in" },
              { label: "Housekeeping", href: "/services" },
              { label: "Room Service", href: "/room-service" }
            ]
          },
          {
            title: "Facilities",
            items: [
              { label: "Spa & Wellness", href: "/spa" },
              { label: "Dining", href: "/restaurants" },
              { label: "Swimming Pool", href: "/pool" },
              { label: "Fitness Center", href: "/fitness" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Careers", href: "/careers" },
              { label: "Press", href: "/press" },
              { label: "Sustainability", href: "/sustainability" }
            ]
          },
          {
            title: "Contact",
            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "Reservations", href: "tel:+1-800-HOTEL-01" },
              { label: "Feedback", href: "/feedback" },
              { label: "Complaints", href: "/complaints" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}