I built this for Gisela Saldarriaga, a UGC creator. She needed the videos to look good on a slow connection.
What it does
- Serves a video catalog with HLS adaptive streaming and an MP4 fallback, files on Cloudflare R2 so we're not paying origin bandwidth
- Spanish at
/, English at/en/. Copy lives in a CMS, and the layout has to survive Spanish being about 35% longer - Landing pages for services, industries, and resources, generated from data
- Some motion: GSAP, Lenis, a three.js background in the hero
Build notes
It's a static React + Vite build with one HTML file per route, so there's no server. A script rebuilds the video catalog from a manifest. New reel, edit the manifest, done.
Adaptive video on random phones was painful. So was keeping R2 cheap, and writing the Spanish and English copy so both languages fit the layout.
Status
Live, and I still touch it. Lately: testimonials, some SEO, and playback fixes.