Studio

Overview

Studio is a full-viewport creative-studio footer / closing hero by SonoJS. Built with Next.js 15, React 19, and TypeScript (custom CSS, Epilogue + DM Sans). Pointer-driven footer-scrub.mp4 seeks through a gaze orbit via gaze-frames.json so the eyes follow the cursor on desktop; mobile loops the clip. Columns for have a fresh idea? / imagination meets craft, Made · Story · In the lab · Say hey, and say hey contact with let’s team up! / social icons. Demo studio chrome only - no contact backend. Next.js build ready for Cloudflare Workers.

Highlights

1. 01

   Gaze-scrub video

   Desktop pointer seeks footer-scrub.mp4 through a measured eye-orbit; mobile loops.

2. 02

   Imagination meets craft

   Epilogue headlines for jobs and say hey contact columns over the stage.

3. 03

   Studio chrome

   Made / Story / In the lab / Say hey nav plus LinkedIn, Instagram, TikTok icons.

4. 04

   Next.js and fork-ready

   Next 15 + React 19 + TypeScript + local DM Sans / Epilogue - npm run build.

You get

• Full Next.js 15 + React 19 + TypeScript source (Studio footer hero)
• FooterBackground gaze scrub + gaze-frames.json
• BrandLogo SVG + social icons
• public/footer-scrub.mp4 (+ footer-background.mp4)
• Local DM Sans + Epilogue Black woff2