"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function PricingPage() {
  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="pricing-plans" data-section="pricing-plans">
        <PricingCardNine
          title="Flexible Booking Options"
          description="Reserve your alpine escape with our flexible pricing plans. Free cancellation until one day before arrival on all rates."
          tag="Competitive Rates"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "basic",
              title: "Standard Room",
              price: "$126",
              period: "/night",
              imageSrc: "https://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg",
              imageAlt: "Standard room",
              button: { text: "Book Standard", href: "https://ayreshotels.com" },
              features: [
                "Handcrafted mahogany furniture",
                "Free Wi-Fi access",
                "Flat-screen TV with cable",
                "iPod dock & coffeemaker",
                "Free parking",
                "Continental breakfast",
                "Free cancellation until Jan 28"
              ]
            },
            {
              id: "deluxe",
              title: "Deluxe Room",
              price: "$156",
              period: "/night",
              imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",
              imageAlt: "Deluxe room",
              button: { text: "Book Deluxe", href: "https://ayreshotels.com" },
              features: [
                "All Standard Room features",
                "Microwave & mini-fridge",
                "Premium bedding",
                "Enhanced views",
                "Premium bath amenities",
                "Continental breakfast",
                "Free cancellation until Jan 28"
              ]
            },
            {
              id: "suite",
              title: "Premium Suite",
              price: "$186",
              period: "/night",
              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg",
              imageAlt: "Premium suite",
              button: { text: "Book Suite", href: "https://ayreshotels.com" },
              features: [
                "Spacious suite layout",
                "Separate living area",
                "Microwave & mini-fridge",
                "Mountain view balcony",
                "Premium furnishings",
                "Continental breakfast",
                "Late checkout available",
                "Free cancellation until Jan 28"
              ]
            }
          ]}
        />
      </div>

      <div id="booking-guarantee" data-section="booking-guarantee">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Book with Confidence" }
          ]}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Reserve Now", href: "https://ayreshotels.com" },
            { text: "Call Direct", href: "tel:+16194455800" }
          ]}
        />
      </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>
  );
}