"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';

export default function AmenitiesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Luxe Haven"
          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: "/contact" }}
        />
      </div>

      <div id="spa-wellness" data-section="spa-wellness">
        <FeatureCardTwentyOne
          title="Spa & Wellness Sanctuary"
          description="Escape to tranquility at our award-winning spa, where ancient healing traditions meet modern luxury treatments for complete mind and body rejuvenation."
          tag="Wellness"
          imageSrc="https://img.b2bpic.net/free-photo/relaxed-couple-wearing-bathrobes-while-enjoying-health-spa-focus-is-man_637285-7504.jpg"
          imageAlt="Couple enjoying spa treatments in luxury wellness center"
          accordionItems={[
            {
              id: "1",
              title: "Signature Spa Treatments",
              content: "Experience our exclusive treatment menu including deep tissue massages, aromatherapy sessions, and specialized wellness therapies designed by master therapists."
            },
            {
              id: "2",
              title: "Thermal Pools & Saunas",
              content: "Relax in our heated infinity pools, Finnish saunas, steam rooms, and mineral baths infused with therapeutic salts and essential oils."
            },
            {
              id: "3",
              title: "Meditation & Yoga Studios",
              content: "Join daily yoga classes, guided meditation sessions, and wellness workshops in our serene studios overlooking peaceful gardens."
            }
          ]}
          buttons={[{ text: "Book Spa Treatment", href: "/contact" }]}
          useInvertedBackground="noInvert"
          mediaPosition="left"
        />
      </div>

      <div id="dining-experiences" data-section="dining-experiences">
        <ProductCardThree
          title="Culinary Excellence"
          description="Indulge in extraordinary dining experiences crafted by world-renowned chefs using the finest local and international ingredients."
          products={[
            {
              id: "1",
              name: "Michelin Star Restaurant",
              price: "Tasting Menu $195",
              imageSrc: "https://img.b2bpic.net/free-photo/woman-relaxing-bath-with-bubbles_1303-24667.jpg",
              imageAlt: "Fine dining restaurant with elegant ambiance"
            },
            {
              id: "2",
              name: "Rooftop Sky Lounge",
              price: "À la Carte",
              imageSrc: "https://img.b2bpic.net/free-photo/room-with-massage-tables-wall-with-lights-it_188544-36461.jpg",
              imageAlt: "Rooftop dining with panoramic city views"
            },
            {
              id: "3",
              name: "Beachfront Grill",
              price: "Seafood Specialties",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-couple-bathrobes-relaxing-lounge-chairs-while-enjoying-their-wellness-weekend-focus-is-woman_637285-7502.jpg",
              imageAlt: "Casual beachfront dining with fresh seafood"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="fitness-recreation" data-section="fitness-recreation">
        <MetricCardEleven
          metrics={[
            {
              id: "1",
              value: "5,000",
              title: "sq ft Fitness Center",
              description: "State-of-the-art equipment and personal training services",
              imageSrc: "https://img.b2bpic.net/free-photo/room-with-massage-tables-wall-with-lights-it_188544-36461.jpg"
            },
            {
              id: "2",
              value: "3",
              title: "Championship Tennis Courts",
              description: "Professional courts with coaching available",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-couple-bathrobes-relaxing-lounge-chairs-while-enjoying-their-wellness-weekend-focus-is-woman_637285-7502.jpg"
            }
          ]}
          title="Recreation & Fitness"
          description: "Stay active and energized with our comprehensive fitness and recreational facilities"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterLogoReveal logoText="Luxe Haven" />
    </ThemeProvider>
  );
}