LuxeStay — Luxury Hotel Booking System

LuxeStay is a production-ready luxury hotel booking platform built with Next.js 15 (App Router), TypeScript, and Tailwind CSS v4.

Features include a typewriter hero cycling luxury power words alongside a hand-crafted animated SVG hotel building with gold lanterns, moon, and flagpole, an infinite-scroll press recognition marquee (Forbes, Condé Nast, AAA Five Diamond), and a full 6-room catalogue ranging from the Deluxe King Room (£299/night) to the Presidential Suite (£1,499/night).

The site includes IntersectionObserver-triggered count-up stats, a testimonials carousel with dot/arrow navigation, FAQ accordion, and a pulsing floating booking FAB with live urgency popup showing remaining availability.

The 4-step booking wizard covers room selection with pricing, a 7-day date strip + time slot grid (with taken slots shown), guest count & occasion selector with special requests, and contact details with a live booking summary and total price calculation — culminating in an instant confirmation screen.

SEO-ready: LodgingBusiness JSON-LD schema, Next.js Metadata API, auto-generated sitemap.xml and robots.txt.

Dark luxury theme with gold brand palette (#C9A84C), Playfair Display serif headings, glassmorphism cards, brand-glow CSS shadows, and shimmer button animations throughout.

All 6 pages (Home, Rooms, Booking, About, Contact + SEO routes) build with zero TypeScript errors.