Cinema Reel

Overview

Cinema Reel is a vertical film-festival landing by SonoJS. Built with Next.js 16 (App Router), React 19, TypeScript, Tailwind CSS 4, and GSAP. Snap-scroll through festival slides with parallax frames, an old-reel entrance timeline, and a 3D-tilt detail modal. All slide images and award SVGs ship under public/ - no remote media URLs. Demo festival chrome only - no ticket backend. Deploy with Next.js on Cloudflare Workers or Node.

Highlights

1. 01

   Snap vertical reel

   Festival slides snap with parallax frames and an old-reel entrance timeline.

2. 02

   3D-tilt detail modal

   Open a slide for a tilted detail view with title lines and award chrome.

3. 03

   Local media only

   All stills and award SVGs live under public/ - no remote image URLs in source.

4. 04

   Next App Router ready

   Next.js 16 + React 19 + Tailwind 4 - deploy on Workers or any Node host.

You get

• Full Next.js 16 + React 19 + TypeScript source (Cinema Reel)
• CinemaReel section with snap scroll, parallax, and tilt modal
• Festival slide content and award SVGs under public/
• Tailwind CSS 4 + GSAP