"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Facebook, Instagram, Twitter, Linkedin } from 'lucide-react';

export default function AmenitiesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="circleGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Serenity Hotel"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Book Now", href: "/contact" }}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="World-Class Amenities"
          description="Indulge in our comprehensive selection of luxury amenities and services, carefully curated to provide you with an exceptional and memorable experience throughout your stay."
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="four-items-2x2-equal-grid"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "01",
              title: "Luxury Spa",
              description: "Rejuvenate with our full-service spa offering holistic treatments and wellness programs.",
              imageSrc: "https://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497252.jpg",
              imageAlt: "Serene spa treatment room"
            },
            {
              id: "02",
              title: "Fine Dining",
              description: "Indulge in culinary excellence at our award-winning restaurants and bars.",
              imageSrc: "https://img.b2bpic.net/free-photo/breakfast-tray-put-single-bed-with-white-bedding_141793-117.jpg",
              imageAlt: "Upscale restaurant dining"
            },
            {
              id: "03",
              title: "Olympic Pool",
              description: "Relax by our stunning infinity pool overlooking the city skyline.",
              imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",
              imageAlt: "Luxury swimming pool resort"
            },
            {
              id: "04",
              title: "Fitness Center",
              description: "State-of-the-art equipment and personal training services for active guests.",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-hotel_1150-10836.jpg",
              imageAlt: "Modern fitness gym facility"
            }
          ]}
        />
      </div>

      <div id="wellness" data-section="wellness">
        <MediaSplitTabsAbout
          title="Wellness & Recreation"
          description="Experience our comprehensive wellness offerings designed to rejuvenate your mind, body, and spirit."
          tabs={[
            {
              id: "spa",
              label: "Spa Services",
              description: "Our world-class spa features therapeutic massages, facial treatments, body wraps, and aromatherapy sessions. Each treatment is customized to your individual needs by our certified wellness professionals."
            },
            {
              id: "fitness",
              label: "Fitness & Pool",
              description: "Stay active with our fully equipped fitness center, featuring the latest cardio and strength equipment. Enjoy our heated Olympic-size pool, perfect for laps or leisurely swimming with stunning city views."
            },
            {
              id: "activities",
              label: "Activities",
              description: "Join our daily yoga classes, meditation sessions, and wellness workshops. We also offer guided city tours, cultural experiences, and seasonal outdoor activities for guests of all interests."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497252.jpg"
          imageAlt="Wellness and spa facilities"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Guest Experiences"
          description="Hear what our guests say about our amenities and services."
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          showRating={true}
          carouselMode="buttons"
          testimonials={[
            {
              id: "1",
              name: "Emily Rodriguez",
              handle: "@emily_wellness",
              testimonial: "The spa treatments were absolutely divine! I left feeling completely refreshed and rejuvenated. The staff's attention to detail was exceptional.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
              imageAlt: "Emily Rodriguez"
            },
            {
              id: "2",
              name: "Michael Park",
              handle: "@michael_fitness",
              testimonial: "The fitness center is top-notch with the latest equipment. The pool area is stunning - perfect for morning laps with incredible city views!",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg",
              imageAlt: "Michael Park"
            },
            {
              id: "3",
              name: "Sarah Kim",
              handle: "@sarah_travels",
              testimonial: "From the yoga classes to the fine dining, every amenity exceeded my expectations. This hotel truly understands luxury hospitality.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
              imageAlt: "Sarah Kim"
            }
          ]}
        />
      </div>

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