"use client";

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Zap, Droplet, Leaf, Wind, ChefHat, Wine, Flame, Waves, Umbrella, Sun, Dumbbell, Activity, Trophy, HelpCircle } from "lucide-react";

export default function AmenitiesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Luxe Haven"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="amenities-features" data-section="amenities-features">
        <FeatureCardTen
          title="World-Class Amenities"
          description="From our award-winning spa to fine dining restaurants, discover the luxurious experiences that await you at Luxe Haven."
          tag="Premium Services"
          tagIcon={Zap}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "1",
              title: "Rejuvenate at Our Spa",
              description: "Indulge in world-class wellness treatments, from traditional massages to cutting-edge therapies, in our serene sanctuary.",
              media: { imageSrc: "https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817020.jpg" },
              items: [
                { icon: Droplet, text: "Luxury spa treatments" },
                { icon: Leaf, text: "Natural wellness products" },
                { icon: Wind, text: "Steam room & sauna" }
              ],
              reverse: false
            },
            {
              id: "2",
              title: "Gourmet Dining Experience",
              description: "Savor exquisite cuisines crafted by Michelin-starred chefs using the finest ingredients sourced globally.",
              media: { imageSrc: "https://img.b2bpic.net/free-photo/wellness-concept-with-woman-massage-salon_23-2147816982.jpg" },
              items: [
                { icon: ChefHat, text: "Michelin-starred chefs" },
                { icon: Wine, text: "Premium wine collection" },
                { icon: Flame, text: "Contemporary cuisine" }
              ],
              reverse: true
            },
            {
              id: "3",
              title: "Resort Infinity Pool",
              description: "Dive into our stunning infinity pool overlooking the ocean, complete with cabanas and poolside dining.",
              media: { imageSrc: "https://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7553.jpg" },
              items: [
                { icon: Waves, text: "Infinity pool design" },
                { icon: Umbrella, text: "VIP cabanas" },
                { icon: Sun, text: "Oceanfront location" }
              ],
              reverse: false
            },
            {
              id: "4",
              title: "State-of-the-Art Fitness",
              description: "Train in our fully-equipped fitness center with personal trainers, yoga studios, and modern exercise equipment.",
              media: { imageSrc: "https://img.b2bpic.net/free-photo/christmas-spa-composition-blurred-background-with-bokeh-lights_169016-43781.jpg" },
              items: [
                { icon: Dumbbell, text: "Modern equipment" },
                { icon: Activity, text: "Personal training" },
                { icon: Zap, text: "Yoga classes" }
              ],
              reverse: true
            }
          ]}
        />
      </div>

      <div id="amenities-metrics" data-section="amenities-metrics">
        <MetricCardEleven
          title="Award-Winning Facilities"
          description="Our amenities have been recognized globally for excellence, innovation, and exceptional guest satisfaction."
          tag="Recognition"
          tagIcon={Trophy}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              id: "1",
              value: "5-Star",
              title: "Spa Rating",
              description: "Internationally recognized wellness destination",
              imageSrc: "https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817020.jpg",
              imageAlt: "Award-winning spa facilities"
            },
            {
              id: "2",
              value: "Michelin",
              title: "Starred Dining",
              description: "Three restaurants with prestigious recognition",
              imageSrc: "https://img.b2bpic.net/free-photo/wellness-concept-with-woman-massage-salon_23-2147816982.jpg",
              imageAlt: "Michelin-starred dining experience"
            },
            {
              id: "3",
              value: "24/7",
              title: "Amenity Access",
              description: "Round-the-clock availability for all facilities",
              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7553.jpg",
              imageAlt: "24-hour amenity access"
            }
          ]}
        />
      </div>

      <div id="amenities-faq" data-section="amenities-faq">
        <FaqBase
          title="Amenities Information"
          description="Learn more about our facilities, operating hours, and booking requirements for various amenities."
          tag="Facilities FAQs"
          tagIcon={HelpCircle}
          textboxLayout="default"
          animationType="smooth"
          useInvertedBackground="noInvert"
          showCard={true}
          faqs={[
            {
              id: "1",
              title: "What are the spa operating hours?",
              content: "Our spa is open daily from 6:00 AM to 10:00 PM. Advanced booking is recommended, especially during peak seasons. Same-day appointments may be available based on availability."
            },
            {
              id: "2",
              title: "Do I need reservations for restaurants?",
              content: "Reservations are highly recommended for our fine dining restaurants, especially for dinner service. Our casual dining venues accept walk-ins, but availability may be limited during busy periods."
            },
            {
              id: "3",
              title: "Are there age restrictions for amenities?",
              content: "The fitness center is available to guests 16 and older. Our adult-only spa areas are for guests 18+. The infinity pool and family pool welcome all ages, with designated quiet hours from 8 PM to 8 AM."
            }
          ]}
        />
      </div>

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