"use client";

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

export default function ContactPage() {
  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="contact-info" data-section="contact-info">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Get in Touch with Ayres Lodge Alpine" }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Call Us Now", href: "tel:+16194455800" },
            { text: "Email Inquiry", href: "mailto:info@ayreshotels.com" }
          ]}
        />
      </div>

      <div id="contact-details" data-section="contact-details">
        <MetricCardSeven
          title="Contact Information & Location"
          description="Reach out to us for reservations, inquiries, or assistance. We're here to help make your mountain getaway perfect."
          tag="Contact Details"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              id: "1",
              value: "Call",
              title: "Phone Reservations",
              items: [
                "(619) 445-5800",
                "Available 24/7",
                "Direct booking assistance"
              ]
            },
            {
              id: "2",
              value: "Visit",
              title: "Hotel Address",
              items: [
                "1251 Tavern Road",
                "Alpine, CA 91901",
                "Easy highway access"
              ]
            },
            {
              id: "3",
              value: "Web",
              title: "Online Resources", 
              items: [
                "ayreshotels.com",
                "Online booking available",
                "Virtual hotel tour"
              ]
            },
            {
              id: "4",
              value: "Email",
              title: "Digital Inquiries",
              items: [
                "info@ayreshotels.com",
                "Quick response time",
                "Group booking inquiries"
              ]
            }
          ]}
        />
      </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>
  );
}