Introducing Maressa: a luxury yacht charter website template

Chartering a yacht is a big decision, and the website is often where it starts. Maressa opens on a full-screen film of the open sea and lets the fleet do the selling.

Every yacht gets a page that leads with the numbers guests care about, from length and cabins to crew and cruising grounds, with an enquiry button that remembers which yacht they were looking at.

Here's what's inside, and how it helps you launch faster.

Who Maressa is for

Maressa suits charter companies, yacht brokers and superyacht brands that sell and charter from the same fleet.

What's inside Maressa

Build pages without code

Every page is a list of sections in Sanity Studio. Add a Film band, Numbers or Testimonials section, drag it into place and publish. Each field says exactly where it appears, so your charter team can run the site themselves.

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 rebuilds automatically when you publish.

A hero that sets the tone

A full-screen film with the photo underneath as its poster, a headline that rises line by line, a short intro and two clear calls to action, all on exactly one screen, on every device.

A fleet that sells itself

Filter charter and sale in one tap. Each yacht page puts the numbers that matter first (length, guests, cabins, crew, builder, speed), then the rate or price, the photos and the cruising grounds, with an "Enquire" button that remembers which yacht your guest was looking at.

Experiences that open as you browse

Numbered rows of experiences; hover one and it opens into a full-width band with its story, a button and a photo that slides in beside it. On phones, every row shows its photo and text.

Motion that feels expensive

Films play silently behind headings, words fill in as you read, photos drift with parallax, numbers count up and testimonials cross-fade, all on smooth Lenis scrolling. Visitors who prefer reduced motion get a calm, still page.

Built to be found

Static pages refreshed from Sanity, per-page titles and descriptions, a sitemap, semantic headings, images at the right size from Sanity's CDN and fast page loads.

Pages included

Home · Fleet · Yacht (×6 in the demo) · Yachts for sale · Destinations · Destination (×6) · Experiences · About · Journal · Article (×5) · Contact · Privacy · Terms · 404

Editing it in Sanity

Everything you see on the Maressa 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, Maressa is built with Next.js App Router, Astro v7, Sanity Studio v6 and Tailwind CSS.

Get Maressa

You can buy Maressa 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 Maressa template page.