Sorenkein

Deliveredapremiumshort-formvideoeditingagencysitewithscroll-physicsanimations,stickycardstacking,andSupabaseleadcapture.

Duration

2 weeks

Budget

$3,800

Web DesignNext.jsSupabase
Sorenkein

Scroll-Physics Animation System

We engineered a multi-phase sticky scroll cascade where three process steps start at different Y offsets and converge with spring-damped physics as the user scrolls through a 260 vh runway. A separate scroll-linked useSpring translation powers a horizontal image strip on the About page, and a scroll-zoom hero image grows from a thumbnail to full-screen with a 12 px inset border.

Supabase Lead Capture Integration

Supabase Postgres was integrated as a serverless backend for lead capture. A controlled React contact form writes firstName, lastName, email, and message directly to the contacts table via the Supabase JS client — zero custom API routes, full loading and error state handling, and RLS-ready for anonymous inserts.

Responsive Reel Showcase & Carousel

A 9:16 aspect-ratio reel strip built with react-fast-marquee showcases client work at speed with pause-on-hover and gradient edge masks. Clicking any card opens a fullscreen YouTube embed modal with autoplay. A keen-slider reviews carousel serves two distinct layouts per breakpoint — a partial-peek strip on desktop and a stacked image-above-text card on mobile — with a shared auto-advance interval.

3 spots left for Q2

Let'sworktogether

PartnerwithZenriotodesign,build,andmaintainyourdigitalpresence—launchedandsupportedbyexperts.Starttoday,scaletomorrow!