"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Crown } from "lucide-react";

export default function ServicesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="medium"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Corido Madrid"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Services", id: "/services" },
            { name: "About", id: "/about" }
          ]}
          button={{
            text: "Book Now",
            href: "/booking"
          }}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSix
          title="Premium Services & Amenities"
          description="Discover the world-class facilities and personalized services that make Corido Madrid the premier choice for discerning travelers."
          tag="Luxury Amenities"
          tagIcon={Crown}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Michelin-Starred Restaurant",
              description: "Indulge in exquisite culinary creations by our award-winning chef. Experience fine dining that celebrates both local and international flavors with seasonal menus and wine pairings.",
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",
              imageAlt: "hotel restaurant dining room fine dining elegant interior gourmet"
            },
            {
              id: 2,
              title: "Luxury Spa & Wellness",
              description: "Rejuvenate your mind and body at our full-service spa. Our certified therapists offer bespoke treatments using premium organic products in serene treatment rooms.",
              imageSrc: "https://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg",
              imageAlt: "hotel spa wellness center massage room luxury amenity relaxation"
            },
            {
              id: 3,
              title: "Modern Fitness Center",
              description: "Stay active with state-of-the-art Technogym equipment, personal training services, and group fitness classes tailored to your individual needs and fitness goals.",
              imageSrc: "https://img.b2bpic.net/free-photo/fiance-with-friends-drining-wedding-day-indoors_8353-12087.jpg",
              imageAlt: "hotel gym fitness center workout equipment modern facility exercise"
            },
            {
              id: 4,
              title: "Business & Conference Facilities",
              description: "Seamlessly blend business with leisure in our fully-equipped meeting spaces with high-speed connectivity, audiovisual equipment, and dedicated event coordination throughout the hotel.",
              imageSrc: "https://img.b2bpic.net/free-photo/businessman-provides-information-front-desk-check-procedure-travelling-work-purposes-attend-official-conference-receptionist-greeting-professional-client-lobby_482257-65299.jpg",
              imageAlt: "hotel conference room meeting space business center modern facility professional"
            }
          ]}
        />
      </div>

      <div id="location" data-section="location">
        <MetricCardSeven
          title="Location & Local Experiences"
          description="Strategically located in the vibrant heart of Madrid, Corido Hotel puts you within reach of the city's finest attractions, restaurants, and cultural landmarks."
          tag="Madrid City Center"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          metrics={[
            {
              id: "1",
              value: "0.3 km",
              title: "Distance to Puerta del Sol",
              items: [
                "Center of Madrid's most vibrant district",
                "Historic landmark and cultural hub",
                "Shopping and dining at your doorstep"
              ]
            },
            {
              id: "2",
              value: "12+",
              title: "Top Museums & Galleries",
              items: [
                "Prado Museum within walking distance",
                "Reina Sofía and Thyssen nearby",
                "World-class art and culture experiences"
              ]
            },
            {
              id: "3",
              value: "25+",
              title: "Michelin-Starred Restaurants",
              items: [
                "Fine dining experiences throughout the city",
                "Traditional Spanish tapas bars",
                "International culinary excellence"
              ]
            },
            {
              id: "4",
              value: "5 min",
              title: "To Public Transportation",
              items: [
                "Direct access to Metro stations",
                "Easy connections to airport",
                "Explore Madrid's entire city"
              ]
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Services & Amenities FAQ"
          description="Learn more about our luxury services, facilities, and how to make the most of your stay at Corido Madrid."
          tag="Services Info"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What dining options are available at the hotel?",
              content: "Our Michelin-starred restaurant offers contemporary Spanish cuisine with international influences. We also have a sophisticated bar and lounge area. Room service is available 24/7 with a curated menu of signature dishes and international favorites."
            },
            {
              id: "2",
              title: "How can I book spa treatments and fitness classes?",
              content: "Spa treatments can be booked through our concierge service, directly at the spa reception, or online through your guest portal. We recommend booking in advance, especially for couples treatments and signature services. Fitness classes have limited capacity and require advance registration."
            },
            {
              id: "3",
              title: "What business services do you provide?",
              content: "Our business center offers meeting rooms for 2-50 people, high-speed WiFi throughout the property, printing and copying services, audiovisual equipment, and dedicated event coordinators. Executive guests receive complimentary access to our business lounge with workstations and refreshments."
            }
          ]}
        />
      </div>

      <FooterBaseReveal
        copyrightText="© 2025 Corido Madrid. All rights reserved."
        columns={[
          {
            title: "Hotel",
            items: [
              { label: "Rooms & Suites", href: "/rooms" },
              { label: "Amenities", href: "/services" },
              { label: "Dining", href: "/services" },
              { label: "Spa & Wellness", href: "/services" }
            ]
          },
          {
            title: "Explore",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Location", href: "/location" },
              { label: "Guest Reviews", href: "/" },
              { label: "Book Direct", href: "/booking" }
            ]
          },
          {
            title: "Contact",
            items: [
              { label: "Reservations", href: "https://www.example.com" },
              { label: "+34 91 555 0000", href: "tel:+34915550000" },
              { label: "info@coridomadrid.com", href: "mailto:info@coridomadrid.com" },
              { label: "Privacy Policy", href: "https://www.example.com" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}