Template Library
TemplatesMeridian - Luxury Resort & Hotel Website Template
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.
16.2.4 Nextjs
^4.2.4 Tailwindcss
^6.12.2 Resend
^3.15.0 gsap
$49.99
Single project license · lifetime updates
or
All-Access Mobile-first & responsive
Core Web Vitals 100
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
Quick Setup
Live in under 30 minutes
Full documentation included — a step-by-step guide from download to deployed.
~30 min setup4 simple stepsFull docs included
- 01
Download the code
Grab the zip from your account, unzip it and open the folder in your terminal.
- 02
Install dependencies
One command pulls in Next.js, Sanity, Tailwind and everything else.
Ready for a faster site that's easier to edit?
Book a free 30-minute call. We'll review your current site and send a fixed-price plan. No pressure, no pitch.
Book Free Call No commitment required
Next.js App Router
Sanity CMS
Tailwind CSS
TypeScript
