"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function AmenitiesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="largeSmallSizeMediumTitles"
      background="aurora"
      cardStyle="solid"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Ayres Lodge Alpine"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Book Now",
            href: "/pricing"
          }}
        />
      </div>

      <div id="amenities-features" data-section="amenities-features">
        <FeatureProcessSteps
          tag="What We Offer"
          title="Premium Amenities & Services"
          description="Experience exceptional hospitality with our comprehensive range of amenities designed for your comfort and relaxation during your mountain getaway."
          steps={[
            {
              number: "01",
              title: "Outdoor Pool & Hot Tub",
              description: "Relax in our refreshing outdoor pool or unwind in the soothing hot tub surrounded by beautiful alpine scenery.",
              tag: "Recreation"
            },
            {
              number: "02",
              title: "Complimentary Breakfast",
              description: "Start your day with a delicious continental breakfast included with your stay, featuring fresh pastries and beverages.",
              tag: "Dining"
            },
            {
              number: "03",
              title: "Fitness & Wellness",
              description: "Stay active during your visit with our fully equipped fitness room and health-conscious amenities.",
              tag: "Wellness"
            },
            {
              number: "04",
              title: "Casino Shuttle Service",
              description: "Enjoy complimentary transportation to nearby Viejas Casino for exciting entertainment and dining options.",
              tag: "Services"
            }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Reserve Now", href: "/pricing" }
          ]}
        />
      </div>

      <div id="location-details" data-section="location-details">
        <MetricCardSeven
          title="Location & Accessibility"
          description="Perfectly positioned in Alpine, California with easy access to major attractions and amenities for the ideal mountain retreat experience."
          tag="Strategic Location"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              id: "1",
              value: "8 mi",
              title: "From Lake Jennings",
              items: [
                "Water sports & recreation",
                "Scenic hiking trails",
                "Family-friendly activities"
              ]
            },
            {
              id: "2",
              value: "8 mi",
              title: "From Viejas Casino",
              items: [
                "Complimentary shuttle service",
                "World-class gaming",
                "Fine dining restaurants"
              ]
            },
            {
              id: "3",
              value: "24/7",
              title: "Check-In Flexibility",
              items: [
                "3:00 PM standard check-in",
                "12:00 PM standard check-out",
                "Late checkout available"
              ]
            },
            {
              id: "4",
              value: "Free",
              title: "Parking & Amenities",
              items: [
                "Complimentary parking",
                "Continental breakfast",
                "Casino shuttle service"
              ]
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Ayres Lodge Alpine"
          columns={[
            {
              title: "Rooms & Rates",
              items: [
                { label: "Standard Rooms", href: "/rooms" },
                { label: "Deluxe Rooms", href: "/rooms" },
                { label: "Premium Suites", href: "/rooms" },
                { label: "Book Now", href: "/pricing" }
              ]
            },
            {
              title: "About Us",
              items: [
                { label: "Our Story", href: "/about" },
                { label: "Amenities", href: "/amenities" },
                { label: "Location", href: "/contact" },
                { label: "Guest Reviews", href: "/" }
              ]
            },
            {
              title: "Services",
              items: [
                { label: "Free Breakfast", href: "/amenities" },
                { label: "Casino Shuttle", href: "/amenities" },
                { label: "Free Wi-Fi", href: "/amenities" },
                { label: "Pool & Hot Tub", href: "/amenities" }
              ]
            },
            {
              title: "Contact",
              items: [
                { label: "(619) 445-5800", href: "tel:+16194455800" },
                { label: "1251 Tavern Rd, Alpine, CA 91901", href: "/contact" },
                { label: "ayreshotels.com", href: "https://ayreshotels.com" },
                { label: "Email Inquiry", href: "mailto:info@ayreshotels.com" }
              ]
            }
          ]}
          copyrightText="© 2025 Ayres Lodge Alpine. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}