"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Zap, Facebook, Twitter, Instagram, Linkedin } from 'lucide-react';

export default function AmenitiesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumLarge"
      background="plain"
      cardStyle="gradient-mesh"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          brandName="Luxe Hotels"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "Contact", id: "/contact" }
          ]}
          bottomLeftText="Premium Hospitality"
          bottomRightText="reservations@luxehotels.com"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardMedia 
          title="Premium Amenities & Services" 
          description="Experience world-class facilities designed for your ultimate comfort and satisfaction. Our comprehensive amenities ensure every moment of your stay is extraordinary, from wellness and dining to fitness and relaxation." 
          tag="Amenities" 
          tagIcon={Zap}
          features={[
            {
              id: '1',
              title: 'Luxury Spa',
              description: 'Rejuvenate with our full-service spa featuring expert therapists and premium treatments designed to restore your mind, body, and spirit.',
              tag: 'Wellness',
              imageSrc: 'https://img.b2bpic.net/free-photo/woman-relaxing-bath-with-bubbles_1303-24667.jpg',
              buttons: [{ text: 'Book Spa', href: '/contact' }]
            },
            {
              id: '2',
              title: 'Fine Dining Restaurant',
              description: 'Savor exquisite cuisines prepared by award-winning chefs in an elegant ambiance that celebrates culinary artistry and sophistication.',
              tag: 'Gastronomy',
              imageSrc: 'https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817018.jpg',
              buttons: [{ text: 'Reserve Table', href: '/contact' }]
            },
            {
              id: '3',
              title: 'State-of-the-Art Fitness Center',
              description: 'Train with modern equipment and personal fitness trainers in a premium setting designed to help you maintain your wellness goals.',
              tag: 'Fitness',
              imageSrc: 'https://img.b2bpic.net/free-photo/attractive-young-woman-black-swimsuit-is-relaxing-pool_169016-22735.jpg',
              buttons: [{ text: 'Learn More', href: '/contact' }]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <FooterCard 
        logoText="Luxe Hotels" 
        copyrightText="© 2025 Luxe Hotels. All rights reserved. | Luxury Hospitality Excellence" 
        socialLinks={[
          { icon: Facebook, href: 'https://facebook.com/luxehotels', ariaLabel: 'Facebook' },
          { icon: Twitter, href: 'https://twitter.com/luxehotels', ariaLabel: 'Twitter' },
          { icon: Instagram, href: 'https://instagram.com/luxehotels', ariaLabel: 'Instagram' },
          { icon: Linkedin, href: 'https://linkedin.com/company/luxehotels', ariaLabel: 'LinkedIn' }
        ]}
      />
    </ThemeProvider>
  );
}