Portiva
Hero & InteractionNew

Portiva

Creative agency hero - full-bleed video, word-by-word reveal, Chat CTAs.

Free

Quick facts

Pages
1
Version
v1.0.0
Last update
Nov 8, 2026
Who can download
Free (signed in)

Made with

  • HTML
  • CSS
  • JavaScript
  • Tailwind CSS

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

  1. 01

    Full-bleed video stage

    Looping hero.mp4 with a soft dark wash for readable type and CTAs.

  2. 02

    Word-by-word reveal

    Staggered headline entrance plus fade-in for nav, proof, and buttons.

  3. 03

    Agency chrome

    Portiva wordmark, centered nav, Chat with us chip, and 3000+ Customers stars.

  4. 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

Related products

View all

Otis

Free

Grab his cartoon face and pull it like taffy: stretch, wobble, new expression, patience bar.

Juicy

Free

3D juice can carousel - scroll to spin, flavour themes, floating fruit, water ripple.

SkyElite

Free

Full-bleed private-jet video hero - Premium. Accessible. Book Now.