Overview
Parrot is a full-viewport tropical macaw marketing hero by SonoJS. Shipped as a zero-build static SPA (bundled React) with Anton + Montserrat. Looping macaw-flight video, first/last still plates, The Tropical Talker. headline, and a multicoloured macaw perched on a mossy branch color story. Demo product chrome only - no backend. Run locally with npm run dev (serve on :3000) or host the folder statically on Cloudflare Workers.
Highlights
- 01
Macaw flight stage
Local macaw-flight.mp4 / .webm with first.webp preload and last.webp plates.
- 02
Tropical Talker type
Anton display + Montserrat body on The Tropical Talker. headline stack.
- 03
Color story chrome
Multicoloured macaw on a mossy branch - scroll-driven color presentation.
- 04
Zero-build static
index.html + bundled assets/ - npm run dev serves on port 3000.
You get
- index.html (complete Parrot hero)
- assets/ bundled CSS + JS
- assets/macaw-flight.mp4 / .webm, macaw.webp, first.webp, last.webp
- assets/fonts (Anton + Montserrat)
- package.json + START.cmd (serve)
Run locally
From the unzipped project folder:
npm run devDetails
- Version
- v1.0.0
- Last update
- Nov 8, 2026
- Pages
- 1
- Category
- Hero & Interaction
You need
- Modern browser (HTML5 video + CSS)
- Node.js optional - npm run dev uses serve; or static-host the folder
- Optional: Cloudflare Workers / Pages for hosting


