Template · Cinematic landing · 2026
Voyages. A landing page that flies.
Slot one in the portfolio trio. React + Framer Motion + a tiny rAF-driven video crossfader. Liquid-glass UI, Instrument Serif italic display, scroll parallax woven through every section. The brief was simple: feel cinematic from the first frame.
— Signature moves
Looping video crossfade
rAF-driven, no library, blends between four 4K loops.
Liquid-glass UI
Backdrop-filter blur with a layered noise grain.
Framer Motion entrances
BlurText component fades + blurs in per word.
Scroll parallax
Three depth layers driven by IntersectionObserver.
— The stack
React + Babel, served from WordPress.
- Stack
- WordPress theme · React 18 via Babel standalone · no build step
- Animations
- Framer Motion + custom rAF video controller
- Type
- Instrument Serif italic + Inter
- Video
- 4 × HEVC loops, lazy-loaded, ~600KB each at 1080p
- A11y
- prefers-reduced-motion skips video entirely, shows poster
- Delivery
- Drop into Local's themes folder, activate, done