The Grand Lumière — 5-Star Miami Beach Hotel Website

The Grand Lumière is a production-grade, five-star hotel website built for a luxury Miami Beach property at 1 Lumière Boulevard. Built with Next.js (App Router), TypeScript, and Tailwind CSS, the site is designed to compete with the world's finest hotel digital experiences.

The homepage features a cinematic hero section with a typewriter headline cycling luxury power words, followed by a Press Strip showing recognition from Forbes, Condé Nast Traveller, and Travel + Leisure. The Stats section displays animated count-up numbers for awards, rooms, dining venues, and guest satisfaction scores.

Rooms & Suites are showcased with full-bleed photography, nightly rates, amenity icons, and a direct booking CTA. An Awards section displays trophy-style accolades. The Amenities section uses icon grids and imagery for the private beach, rooftop pool, fitness centre, and concierge services. The Experience section highlights curated Miami itineraries.

Dining venues are presented as editorial cards (Michelin-starred restaurant, rooftop bar, poolside bistro). The Spa section showcases treatment menus and a booking flow. A curated Gallery with lightbox. A Loyalty Program section with tier benefits (Silver/Gold/Platinum).

A floating AI Chatbot answers guest FAQs, handles room enquiries, and routes to reservations. Custom cursor, page transition animations, and a floating booking widget with urgency popup complete the premium UX. Full booking flow: room selection, date picker, guest count, special requests, and confirmation with email receipt.