Mirage Royale — A society of evenings.
A brand-first hospitality landing for a fictional private social house—engineered so atmosphere, chaptered spaces, and invitation-led membership share one unhurried narrative.
View demo siteRole
Design + Front-end
Stack
React · Vite · Framer Motion
Type
Hospitality landing
Year
2026
Challenge
Luxury without brochure noise.
Private-club and hospitality sites often collapse into amenity grids, price tables, and stacked promo chips. Mirage Royale needed the opposite: a first viewport that belongs to the house, then a path that earns membership interest through atmosphere—not urgency.
The brief was a single-page React experience for a European social house—velvet salons, candlelit terraces, dining, evenings, and invitation-led tiers—shipped as a Vercel demo.
Solution
Presence over promotion.
The page opens on brand, monogram, and a full-bleed nocturnal lobby. Chapters walk the visitor through spaces, experiences, the table, the programme, VIP, calendar, and membership—closing on gallery and contact without cluttering the hero.
- Full-bleed hero with cinematic ken-burns and deco frames
- Numbered house spaces: Salon, Terrace, Library Lounge
- Dining, entertainment, VIP, and events as discrete chapters
- Invitation-led membership tiers + contact close
Craft
Atmosphere as the product.
Motion and typography sell the evening—not feature lists or floating badges.
Private-house identity
Noir, champagne, and ivory set a European salon tone. Cinzel labels, Cormorant Garamond headlines, and Manrope body copy keep the brand signal above every section—presence over promotion.
Cinematic motion system
A shared Framer Motion vocabulary—luxury easing, staggered hero reveals, soft image ken-burns, and section reveals—gives the page one tempo instead of one-off animations.
Chaptered storytelling
The Club, Experiences, Dining, Evenings, VIP, Calendar, Membership, Gallery, Contact. Each chapter owns one job so the house never feels like a hotel brochure dump.
Luxury with an off-ramp
useReducedMotion swaps living hero drift for a still frame and skips theatrical entrances. Atmosphere stays; content never depends on motion to be understood.
Outcome
A shippable private-house story on a modern React stack.
Clear narrative
Brand → house → experiences → table → evenings → membership → contact. Each section has one purpose; the club never competes with itself.
Production-ready stack
React 19, TypeScript, Vite, Tailwind v4, and Framer Motion—deployed to Vercel as a fast, maintainable hospitality demo.
Presence without noise
Shared motion variants keep tempo consistent. Reduced-motion visitors still receive the full house story and membership path.
Need a hospitality experience that feels invited, not advertised?
HELIDE designs and ships brand-led landing systems where motion, typography, and chaptered storytelling earn conversion quietly.