> INIT_CORE000

Let's TalkLet's Talk

Home.Project.Experience.Skills.

Twitter LinkedIn GitHub

Available for work

© 2023 - 2026Built with Passion

Local

Repon, Repon Full Stack Developer, Full Stack Developer Repon, Repon Portfolio, software engineer, Repon software engineer, React Native developer, GoHighLevel automation, AI automation specialist

Back to Archive

FrontendStable

VÉLO: Scroll-Scrubbed Cinematic Landing Page

A botanical drinks landing page where one continuous film scrubs frame by frame as you scroll.

Live Production Source Repo

Capabilities: 00
Stack Depth: 04
Domain: Frontend

Screenshot of the VÉLO: Scroll-Scrubbed Cinematic Landing Page interface

Capabilities

System Architecture

Built with Next.js 15, TypeScript and GSAP ScrollTrigger, VÉLO maps the whole page to a single persistent video element whose playhead follows scroll position across seven cinematic acts. Frame-accurate scrubbing on desktop, linear playback on touch, and a poster-only path for reduced motion, with the film finishing before the footer begins.

Technology Stack

Next.js
TypeScript
Tailwind CSS
GSAP

Build Status

Stable

Ride Booking Platform