• Home
  • Templates
  • Components
  • About
  • Contact
Book a Call →
Templates→Meridian - Luxury Resort & Hotel Website Template
PremiumUpdated May 2026

Meridian - Luxury Resort & Hotel Website Template

Meridian is a fully-coded, CMS-ready hotel website template with GSAP scroll animations, Sanity Studio, and a built-in booking filter ready to deploy in minutes.

Purchase NowLive Preview ↗
16.2.4 Nextjs
^4.2.4 Tailwindcss
^6.12.2 Resend
^3.15.0 gsap
📄 MIT License
Meridian - Luxury Resort & Hotel Website Template screenshot 1
Meridian - Luxury Resort & Hotel Website Template screenshot 2
Meridian - Luxury Resort & Hotel Website Template screenshot 3
Meridian - Luxury Resort & Hotel Website Template screenshot 4
Meridian - Luxury Resort & Hotel Website Template
$49.99

Single project license

Buy for $49.99 →Live Preview ↗
✓ Mobile-first & responsive
✓ Core Web Vitals 100
✓ SEO meta management
✓ Sanity Studio included
✓ TypeScript support
✓ Full documentation
Next.js App RouterNext.js App Router
Sanity CMSSanity CMS
Tailwind CSSTailwind CSS
TypeScriptTypeScript
What's Included

Everything you need to rank and convert

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.

Common Features

All of our NextJS themes come with the following features:

Clean code and folder structure
Compatible with all modern browsers
Free Icons + Google font
Free future themes update
Free customers support
Responsive design
Highly customizable
Component-based design
90+ Google PageSpeed score
Pre-configured Cloudflare, Vercel & Netlify deploy setting
Tailwind CSS for Styling
SEO Optimized
Pre-configured Sitepins CMS (Optional)
Quick Setup

Live in under 30 minutes

Full documentation included. Step-by-step setup guide from clone to deployed.

Need Help ?
Download the code
Open it in your terminal
2. Install dependencies
npm install
3. Configure environment
cp .env.example .env.local
4. Run locally
Run npm run build and deploy to your preferred platform
rayso

Ready to turn your website into your best salesperson?

Book a free 30-minute strategy call. No pressure, no pitch — just an honest assessment of what's holding your site back.

Book Free Call →No commitment required

We build high-converting websites for local service businesses — real estate, mortgage, plumbing, cleaning, and more.

Book a Free Call →
Services
  • Web Design
  • UI/UX Design
  • Framer Dev
  • Webflow Dev
  • Custom Dev
  • Sanity CMS
Resources
  • Templates
  • Components
  • Case Studies
Company
  • About Us
  • Contact
  • Privacy Policy
  • Terms
© 2025 rayso.studio — All rights reservedDesigned & built in-house ✦ Remote-first agency