Meridian

Overview

Meridian is a multi-page applied-AI lab marketing site by SonoJS (demo brand: The Meridian Company / Helm). Built with Vite 8, React 19, TypeScript, Tailwind CSS 4, Framer Motion, and React Router. Day/dawn/dusk/night hero crossfade, New York City eyebrow, mission copy, Coding–Sales agent fields into Helm natural-language orchestrator with typewriter phrases and HelmDiagram, customer stories, About / Writing / Careers / Role / Privacy routes, cookie banner, and Get Helm CTA. Local PP Mondwest + AF fonts. Demo product chrome only - no waitlist backend. Vite build ready for Cloudflare Workers.

Highlights

1. 01

   Time-of-day hero

   Crossfading day/dawn/dusk/night stills with Meridian display type and Get Helm.

2. 02

   Helm orchestrator story

   Isolated agents → coordinator narrative, typewriter phrases, and HelmDiagram.

3. 03

   Multi-page lab site

   About, Writing, Careers/Role, Privacy, stories, and cookie banner with Framer Motion.

4. 04

   Vite and fork-ready

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

You get

• Full Vite + React 19 + TypeScript source (Meridian / Helm)
• Pages: Home, About, Writing, Article, Careers, Role, Privacy, NotFound
• HelmDiagram, NavPill, CookieBanner, Reveal, PageEnter
• Hero time-of-day WebPs + story / about images
• Local fonts (PP Mondwest, AF) + Framer Motion