HALCYON — Boutique Resort & Spa
Where the days slow down.
A serene boutique coastal resort and spa template — rooms and suites with a focus-trapped gallery lightbox, dining, spa and experiences, seasonal offers and a multi-step booking inquiry. Built in Nuxt 4 with zero external images: every scene is layered CSS gradients and inline SVG, so it stays light, fast and self-contained.
Role · Design + front-end build (Nuxt 4; demo booking inquiry) · Updated Jun 2026
- Full Nuxt 4 source with a typed data layer (rooms, dining, spa, experiences, offers, gallery)
- A focus-trapped gallery lightbox (keyboard arrows + Esc)
- A multi-step booking-inquiry flow + a sticky mobile booking bar
- 11 page types incl. eight room detail pages, all prerendered
- Delivery
- 24–48h
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · Booking engine / forms
The booking inquiry and contact forms are front-end demos with clean seams — connect a hotel booking engine (e.g. Cloudbeds, SiteMinder) or a scheduler, and wire the forms to your provider.
Delivered as full Nuxt 4 source. Connect a booking engine or scheduler and wire the forms to your provider.
What makes it special
Eleven fully realised pages
Home, rooms index, eight room detail pages, dining, spa, experiences, gallery, offers, about, contact and a multi-step booking inquiry — all with real copy, no placeholders.
No external images required
Every scene is layered CSS gradients and inline SVG — coastal silhouettes, architectural line-art, spa illustrations — so there is nothing to host and no base-URL pitfalls.
Focus-trapped gallery lightbox
Gallery and room pages open a keyboard-navigable lightbox (arrow keys + Esc) with aria-modal and full focus management.
Multi-step booking inquiry
Dates → room → guests & preferences → contact, with inline validation, a live summary, a clearly-labelled demo confirmation, and a sticky mobile Call/Book bar on every page.
Self-hosted serif typography
An elegant serif display paired with a clean sans, self-hosted via @nuxt/fonts — zero runtime external font requests.
What’s included
- Full Nuxt 4 source with a typed data layer (rooms, dining, spa, experiences, offers, gallery)
- A focus-trapped gallery lightbox (keyboard arrows + Esc)
- A multi-step booking-inquiry flow + a sticky mobile booking bar
- 11 page types incl. eight room detail pages, all prerendered
- Self-hosted fonts, reduced-motion fallbacks, WCAG 2.2 AA, static export
Gallery
More Hospitality & Travel templates
Make HALCYON yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.