Overview
Portiva is a full-viewport creative agency hero by SonoJS. Built as a single HTML page with Inter, Tailwind via a local vendor script, and a looping hero.mp4 stage. Word-by-word headline reveal (Less complexity, more impact in every project), 3000+ Customers proof, Chat With Us / Our Works CTAs, and a centered About / Brands / Careers / Partners nav. Demo agency chrome only - no chat backend. Open index.html or host the folder statically on Cloudflare Workers.
Highlights
- 01
Full-bleed video stage
Looping hero.mp4 with a soft dark wash for readable type and CTAs.
- 02
Word-by-word reveal
Staggered headline entrance plus fade-in for nav, proof, and buttons.
- 03
Agency chrome
Portiva wordmark, centered nav, Chat with us chip, and 3000+ Customers stars.
- 04
Zero-build static
One index.html plus Inter fonts, hero video, and vendor/tailwindcss.js.
You get
- index.html (complete Portiva hero)
- assets/video/hero.mp4
- assets/fonts (Inter + inter.css)
- vendor/tailwindcss.js
- Word reveal and fade-in script
Details
- Version
- v1.0.0
- Last update
- Nov 8, 2026
- Pages
- 1
- Category
- Hero & Interaction
You need
- Modern browser (video autoplay muted, CSS transitions)
- No build step - open index.html or static-host the folder
- Optional: Cloudflare Workers / Pages for hosting


