ABYSSAL DECENT

About this template

What's included

Scroll-scrubbed video engine with smoothing, stall-recovery (tested against the iOS Safari seeking bug), and a portrait video slot for phones

Live depth HUD and a clickable depth ruler that jumps to any section

Staggered section reveals, parallax drift, and a hero exit that fades/blurs/clips away as the descent begins

Motion toggle (visitors can turn the scroll-driven animation off; respects prefers-reduced-motion)

CMS-backed inner pages: Dives, Training, Expeditions, Gear, Departures/Course Dates

Native Framer forms for Book, Contact and a Dive Log

Custom crosshair cursor on desktop, full responsive breakpoints down to phone

Accessible: semantic headings, visible focus states, 100 Lighthouse accessibility score on tested pages

A step-by-step Start Here guide page (in the project, not published) walking through video swap, pacing, forms, branding and pre-publish checklist

A Style Guide page documenting every shared color and text style

About the demo video The dive footage shown in the preview is AI-generated and included for preview purposes only — it is not licensed for redistribution. Replace it with your own video before publishing (the Start Here guide covers export settings for smooth scrubbing). The template is built around a single continuous take, so any dive, hike, drive, or flythrough video works.

Setup after remixing

Drop in your own video (Start Here, step 01)

Set form destinations for Book, Contact and Dive Log (step 06) — they don't deliver anywhere until you do

Add your own social links — the footer's Instagram/YouTube icons are hidden by default (Site Footer → Social, set Visible)

Set your favicon and social share images in Site Settings

Browser support Built and tested in Chrome. Uses standard video-seeking APIs supported by all modern evergreen browsers (Chrome, Safari, Firefox, Edge); includes a specific stall-recovery fix for a known iOS Safari video-seeking bug. No IE11 support.