Introducing Meridian: a luxury resort website template with a booking filter
Meridian is a resort and hotel template with a live booking filter, rich accommodation pages, scroll-driven video panels and a full Sanity Studio.
Meridian is built for resorts that want guests to find the right room quickly. Pick dates and guests, and the site filters accommodation by capacity and availability straight away.
Around that sits a bright, airy design: aerial photography, sticky video panels with words that reveal as you scroll, and detailed pages for every room.
Here's what's inside, and how it helps you launch faster.
Who Meridian is for
Meridian is a good fit for island resorts, beach hotels and holiday properties with several room types to show off.
What's inside Meridian
Accommodation Detail Pages
Full detail view with Embla gallery slider, amenities grid, feature tags, room stats (guests, bedrooms, bathrooms, size), and a sticky booking CTA.
Live Booking Filter
Check-in / check-out date picker, guest counter (adults + children), and promo code. Filters by guest capacity, availability status, and unavailable date periods — all server-side with URL state.
Blog with Portable Text
Blog listing and full post pages with Sanity Portable Text rendering. Publishing, scheduling, and rich content editing built in.
GSAP Scroll Animations
Sticky video panels with scrubbed word reveals that react to scroll in both directions. Bidirectional, timeline-driven, and premium by default.
Sanity Studio v4 - Full CMS
Schemas for accommodations, blog posts, and site settings. Includes boolean amenity checkboxes, gallery with hotspot support, unavailable period tracking for date filtering, featured flags, room type, capacity, and availability status.
Gallery Page
Full-screen image gallery showcasing the resort. Organised by category with a clean grid layout, ready to populate from Sanity with zero extra configuration.
Editing it in Sanity
Everything you see on the Meridian 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, Meridian is built with Next.js App Router, Sanity v3 Studio, Tailwind CSS and TypeScript.
Get Meridian
You can buy Meridian 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 Meridian template page.
