← ALL PROJECTS

PREMIUM WEBSITE · RESORT

BOUTIQUE ESCAPE

AI-First Website System · Direct Booking Logic · Astro + Cloudflare

VIEW LIVE DEMO →
TYPE Premium Website
CATEGORY Resort & Hospitality
STACK Astro · Cloudflare Pages · Web Audio API

A RESORT WEBSITE THAT BOOKS. NOT JUST IMPRESSES.

Boutique Escape is a complete demo website for a boutique resort in Southeast Asia — built as a reference for what a modern hospitality system can deliver. No template. No page builder. Every line of code written by hand, optimised for performance, aligned for conversion.

WHAT'S BUILT IN

01

AMBIENT MUSIC BUTTON

Visitors can activate background music with one click. No autoplay. Fully in the visitor's control.

02

HERO VIDEO BACKGROUND

Full-format background video, load time under 1 second thanks to WebP + Cloudflare Edge CDN.

03

VIDEO SERVICE CARDS

Motorbike, Laundry, Boat Transfer — each card with its own embedded video loop.

04

MAPBOX LIVE MAP INTEGRATION

Interactive real-time map with exact resort pin, zoom functionality and custom dark-mode styling matching the design. No Google Maps. No iFrame hack. Native Mapbox GL JS — fast, precise, fully integrated.

05

7+ SUBPAGES

Stay (3 rooms with detail pages), Explore (2 tour pages), Rates, Find Us, Book Direct.

06

DIRECT BOOKING LOGIC

"Save 15% vs OTA" applied consistently throughout the entire site. Not a design feature — that's revenue.

07

BILINGUAL EN/DE

Complete multilingual setup targeting DACH markets — every page, every label.

08

ASTRO + CLOUDFLARE PAGES

Statically generated, Edge CDN worldwide, no database, no security vulnerabilities.

09

OG TAGS & SOCIAL PREVIEW

Every subpage with its own Open Graph image for WhatsApp and Instagram sharing.

10

MOBILE-FIRST DESIGN

Fully optimised for smartphones. All pages, all animations, all booking flows work perfectly on every device. Over 70% of resort bookings today come from mobile — this site is built for it.

11

VIEW TRANSITIONS

App-like page transitions, native in Astro — smooth and fast without JavaScript overhead.

STACK

Astro Cloudflare Pages Vanilla JS WebP Custom CSS HTML5 Video Web Audio API Mapbox GL JS

READY FOR YOUR PROJECT?

We build systems that work.