Skip to main content
Royal Pacific Air website
Charter Service · 2025

RoyalPacificAir

A charter service’s premium positioning matched with a website that feels as polished as the flight itself

Visit Live Siteroyalpacificair.com
Scroll
The Story

Matching a luxury charter experience with a website that feels just as polished

Royal Pacific Air operates a Cessna Grand Caravan for private inter-island charters across six Hawaiian islands. Their clients are high-net-worth travelers who expect a premium experience from the first interaction. The site needed to feel as polished as the service itself — luxury positioning, not a generic aviation template.

We built a single-page experience with eight scroll sections, all orchestrated with GSAP ScrollTrigger and Lenis smooth scrolling. A static HTML preloader renders instantly before React hydrates (cached via sessionStorage on return visits). Images are served in AVIF/WebP with four responsive breakpoints. The inquiry form triggers dual emails through Resend — one to the team, one confirmation to the client.

The Work

Live screenshots from the production site.

royalpacificair.com

Royal Pacific Air homepage with cinematic scroll and island map
Royal Pacific Air homepage with cinematic scroll and island map

royalpacificair.com/charter

Royal Pacific Air charter booking and island route details
Royal Pacific Air charter booking and island route details
What Makes It Work

Cinematic scroll experience

GSAP ScrollTrigger powers parallax backgrounds, scroll-triggered reveals, animated counters, and a Ken Burns hero effect. Lenis provides physics-based smooth scrolling with a 0.07 lerp for a weighty, premium feel.

Branded preloader

Static HTML preloader that renders before React hydration for instant paint. Logo animation, line sweep, and content reveal — cached in sessionStorage so returning visitors skip it.

Interactive island map

Custom map component covering Oahu, Maui, Kauai, Big Island, Molokai, and Lanai with route visualization, airport data, and destination details. Lazy-loaded for performance.

Dual-email inquiry system

Contact form backed by Resend with two styled HTML email templates — an internal notification with full inquiry details, and a personalized confirmation sent to the prospective client.

Want something like this?

Let's talk about what we can build for your aviation business.