Mainframe

Overview

Mainframe is a full-viewport studio marketing hero by SonoJS. Built with Vite, React 19, TypeScript, and Tailwind CSS 4. Scroll-scrubbed hero.mp4 stage, Mainframe® nav (Labs / Studio / Openings / Shop), blurred Meet A.R.I.A. intro, typewriter Glad you stopped in… line, action pills (Pitch us an idea, Come work here, Send a brief hello, See how we operate), and copyable hello@mainframe.co. Demo studio chrome only - no CRM backend. Vite build ready for Cloudflare Workers.

Highlights

1. 01

   Scrub video stage

   Scroll-driven ScrubVideo over public/hero.mp4 as a full-bleed backdrop.

2. 02

   A.R.I.A. typewriter

   Adaptive Response Interface Agent intro with blinking Glad you stopped in… copy.

3. 03

   Action pills + email

   Pitch / work / hello / operate pills plus one-click copy of hello@mainframe.co.

4. 04

   Vite and fork-ready

   Vite 8 + React 19 + TypeScript + Tailwind 4 - npm run build to dist/.

You get

• Full Vite + React 19 + TypeScript source (Mainframe)
• Hero, Navbar, ScrubVideo, useTypewriter
• Tailwind CSS 4 via @tailwindcss/vite
• public/hero.mp4