"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function HomePage() {
  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="hero" data-section="hero">
        <HeroOverlay
          title="Experience Alpine Luxury"
          description="Discover rustic elegance with modern comfort at Ayres Lodge Alpine, your mountain retreat near Lake Jennings and Viejas Casino. Warm hospitality, stunning views, and exceptional amenities await."
          tag="4.5 Star Hotel"
          imageSrc="https://img.b2bpic.net/free-photo/vertical-shot-wooden-lodge-covered-with-snow-mountains-winter_181624-10482.jpg"
          imageAlt="Mountain lodge with scenic alpine views"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Book Your Stay", href: "/pricing" },
            { text: "Learn More", href: "/about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Your Mountain Sanctuary" }
          ]}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Explore Amenities", href: "/amenities" }
          ]}
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardOne
          title="Luxurious Room Options"
          description="Choose from our thoughtfully designed rooms, each featuring handcrafted mahogany furniture, complimentary Wi-Fi, and modern amenities to ensure your comfort."
          products={[
            {
              id: "standard-room",
              name: "Standard Room",
              price: "$126/night",
              imageSrc: "https://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg",
              imageAlt: "Standard hotel room with queen bed"
            },
            {
              id: "deluxe-room", 
              name: "Deluxe Room",
              price: "$156/night",
              imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",
              imageAlt: "Deluxe room with premium furnishings"
            },
            {
              id: "suite",
              name: "Premium Suite", 
              price: "$186/night",
              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg",
              imageAlt: "Spacious premium suite with mountain view"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Guest Stories & Reviews"
          description="Hear from our satisfied guests who have experienced the warmth and comfort of Ayres Lodge Alpine."
          tag="4.5 Rating (1,434 Reviews)"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson, Travel Enthusiast",
              date: "Date: January 25, 2025",
              title: "Perfect Mountain Retreat!",
              quote: "We had an absolutely wonderful stay at Ayres Lodge Alpine. The location is perfect for exploring the area, and the complimentary breakfast was delicious. The staff went above and beyond to make our visit memorable.",
              tag: "5-Star Stay",
              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-young-professional-businesswoman-looking-upper-left-corner-with-hopeful-face-expression-standing-white_176420-41313.jpg",
              avatarAlt: "Sarah Johnson",
              imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",
              imageAlt: "Deluxe room guest experience"
            },
            {
              id: "2",
              name: "Michael Chen, Business Traveler", 
              date: "Date: January 20, 2025",
              title: "Excellent Value & Comfort",
              quote: "Great hotel for the price. The rooms are clean, well-maintained, and the amenities are excellent. Free parking and complimentary breakfast are huge plus points. I'll definitely stay here again on my next trip.",
              tag: "Great Value",
              avatarSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",
              avatarAlt: "Michael Chen",
              imageSrc: "https://img.b2bpic.net/free-photo/weekend-mature-couple-enjoying-good-weather-near-swimming-pool_259150-57796.jpg",
              imageAlt: "Hotel pool and outdoor amenities"
            },
            {
              id: "3",
              name: "Emma Rodriguez, Family Vacation",
              date: "Date: January 15, 2025", 
              title: "Best Family Hotel Experience",
              quote: "Perfect for families! The kids loved the pool, and we appreciated the hot tub for relaxation. The casino shuttle was convenient, and everyone enjoyed the continental breakfast. Highly recommended!",
              tag: "Family Friendly",
              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
              avatarAlt: "Emma Rodriguez",
              imageSrc: "https://img.b2bpic.net/free-photo/weekend-mature-couple-enjoying-good-weather-near-swimming-pool_259150-57796.jpg",
              imageAlt: "Family enjoying pool amenities"
            }
          ]}
        />
      </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>
  );
}