Introducing Ostrelle: a cinematic resort and boutique hotel template
Ostrelle gives your resort a film-first home page, a booking bar, rooms worth stopping for and a day that turns to night as you scroll. Next.js or Astro, with Sanity.
Some places are best explained by a film. Ostrelle hands the whole home page to yours, with only the header and a frosted booking bar sitting above it.
From there, the site slows down on purpose: pictures wipe in, words ink in, and a section follows the sun across a single day until the page falls dark.
Here's what's inside, and how it helps you launch faster.
Who Ostrelle is for
Ostrelle suits boutique hotels, coastal resorts and countryside estates whose story is as much about the setting as the rooms.
What's inside Ostrelle
Build pages without code
Every page is a list of sections in Sanity Studio. Add a Numbers, Offers or Guest Words section, drag it into place and publish.
Next.js or Astro, your choice
One purchase includes both. The Next.js site refreshes from Sanity every minute without a redeploy; the Astro site is fully static, fast and cheap to host, and can rebuild automatically when you publish through a deploy hook.
A film first
The home page gives the whole screen to your film, with only the header and a frosted booking bar above it.
A day that turns to night
Six moments in time order, a sun crossing the dial as you scroll, and a section that falls dark halfway. Change the moments in the Studio and it still works.
Rooms worth stopping for
A rail that holds the page still while rooms slide past, then an index with a trailing picture, and a full page for every suite and villa.
From any page to an enquiry
Dates from the booking bar, a room from its page or an offer from its card all carry through to the four-step enquiry.
Works with your booking engine
Set your engine's address in Site Settings and the bar sends dates and guests straight to it. Leave it empty and the bar opens your enquiry form.
Motion that feels slow on purpose
Pictures wipe in, words ink in, lines rise from a mask and photos drift, all eased long and silky on Lenis smooth scrolling. Visitors who prefer reduced motion get a calm, still page.
Editing it in Sanity
Everything you see on the Ostrelle demo, from headlines and photos to buttons and page order, lives in Sanity Studio. You change it in plain fields, press Publish, and the site updates. No code and no developer needed. New to Sanity? Read our guide on editing a Sanity website template without code.
Under the hood, Ostrelle is built with Next.js App Router, Sanity v6 Studio, astro V7 and Tailwind CSS v4.
Get Ostrelle
You can buy Ostrelle on its own, or get it as part of the All-Access membership along with every other RAYSO template. Explore the live demo to click through every page, or see everything included on the Ostrelle template page.
