"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Zap, TrendingUp, Star, Facebook, Instagram, Twitter, Linkedin } from "lucide-react";

export default function AmenitiesPage() {
  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: "Rooms", id: "/rooms" },
            { name: "Gallery", id: "/gallery" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Book Now",
            href: "#booking"
          }}
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardTwentyFour
          title="Exceptional Amenities & Services"
          description="Discover our comprehensive collection of premium facilities and personalized services designed to create an unparalleled luxury experience."
          tag="Premium Facilities"
          tagIcon={Zap}
          features={[
            {
              id: "1",
              title: "Tranquility Spa & Wellness Center",
              author: "Award-Winning Service",
              description: "Experience total rejuvenation with our full-service spa featuring expert therapists, state-of-the-art facilities, sauna, steam rooms, and holistic wellness treatments tailored to your needs.",
              tags: ["Spa", "Wellness", "Relaxation", "Massage"],
              imageSrc: "https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817020.jpg",
              imageAlt: "Serene spa treatment area with professional therapist"
            },
            {
              id: "2",
              title: "Michelin-Star Fine Dining Restaurant",
              author: "Culinary Excellence",
              description: "Savor exquisite cuisine prepared by internationally acclaimed chefs using the finest locally-sourced ingredients in our elegant dining hall with breathtaking views.",
              tags: ["Restaurant", "Fine Dining", "Gourmet", "Chef"],
              imageSrc: "https://img.b2bpic.net/free-photo/peaceful-body-lying-person-relax_1301-3277.jpg",
              imageAlt: "Upscale restaurant interior with elegant table settings"
            },
            {
              id: "3",
              title: "Infinity Pool & Resort Recreation",
              author: "Leisure Paradise",
              description: "Relax by our stunning resort-style infinity pool with heated waters, private cabanas, poolside service, and panoramic views perfect for unwinding and socializing.",
              tags: ["Pool", "Recreation", "Luxury", "Views"],
              imageSrc: "https://img.b2bpic.net/free-photo/woman-relaxing-spa_329181-13186.jpg",
              imageAlt: "Resort infinity pool with lounge chairs and cabanas"
            },
            {
              id: "4",
              title: "State-of-the-Art Fitness & Wellness",
              author: "Health & Vitality",
              description: "Stay active with our fully equipped fitness center featuring the latest equipment, personal trainers, yoga studio, and comprehensive wellness programs available 24/7.",
              tags: ["Fitness", "Health", "Training", "Yoga"],
              imageSrc: "https://img.b2bpic.net/free-photo/christmas-spa-composition-with-incense-sticks-soap-blurred-background_169016-26255.jpg",
              imageAlt: "Modern fitness center with premium equipment"
            },
            {
              id: "5",
              title: "Concierge & Butler Services",
              author: "Personalized Care",
              description: "Our dedicated concierge team and personal butler services ensure every aspect of your stay is perfectly tailored to your preferences and desires.",
              tags: ["Concierge", "Butler", "Service", "Personal"],
              imageSrc: "https://img.b2bpic.net/free-photo/receptionist-elegant-suit-work-with-customer_23-2149714434.jpg",
              imageAlt: "Professional concierge providing personalized service"
            },
            {
              id: "6",
              title: "Business Center & Event Spaces",
              author: "Professional Excellence",
              description: "Conduct business seamlessly with our fully equipped business center, meeting rooms, and elegant event spaces for conferences, weddings, and special occasions.",
              tags: ["Business", "Events", "Meetings", "Conferences"],
              imageSrc: "https://img.b2bpic.net/free-photo/concierge-assists-with-checkin-hotel_482257-90464.jpg",
              imageAlt: "Professional business center and meeting facilities"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Excellence in Every Detail"
          description="Our commitment to providing exceptional amenities and services is reflected in the satisfaction and loyalty of our distinguished guests."
          tag="Service Excellence"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",
              value: "15,000+",
              title: "Spa Treatments",
              description: "Blissful wellness experiences delivered annually",
              imageSrc: "https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817020.jpg",
              imageAlt: "Spa treatment session in progress"
            },
            {
              id: "2",
              value: "96%",
              title: "Amenity Satisfaction",
              description: "Guest approval rating for our premium facilities",
              imageSrc: "https://img.b2bpic.net/free-photo/elderly-people-arriving-hotel-lobby_482257-81619.jpg",
              imageAlt: "Guests enjoying luxury hotel amenities"
            },
            {
              id: "3",
              value: "24/7",
              title: "Concierge Availability",
              description: "Round-the-clock personalized service commitment",
              imageSrc: "https://img.b2bpic.net/free-photo/receptionist-elegant-suit-work-with-customer_23-2149714434.jpg",
              imageAlt: "Professional concierge providing 24-hour service"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Amenity Experiences"
          description="Hear how our world-class facilities and personalized services have enhanced the stays of our valued guests."
          tag="Guest Experiences"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",
              name: "Catherine Wells",
              role: "Spa Enthusiast",
              testimonial: "The spa experience at Serenity Suites was transformative. The skilled therapists and serene atmosphere created the perfect escape from everyday stress. I felt completely renewed.",
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
              imageAlt: "Guest Catherine Wells"
            },
            {
              id: "2",
              name: "Michael Thompson",
              role: "Fine Dining Connoisseur",
              testimonial: "The restaurant exceeded all expectations. Each dish was a masterpiece, and the service was impeccable. The combination of exceptional cuisine and elegant ambiance was unforgettable.",
              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 Michael Thompson"
            },
            {
              id: "3",
              name: "Jennifer Park",
              role: "Fitness & Wellness Advocate",
              testimonial: "The fitness facilities are top-notch, and the personal trainers are incredibly knowledgeable. I maintained my wellness routine effortlessly while experiencing luxury at its finest.",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
              imageAlt: "Guest Jennifer Park"
            }
          ]}
          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>
  );
}