Overview
Agrumi is a full-viewport ceramic dog-bowl product hero by SonoJS. Shipped as a zero-build static package (bundled React SPA). Full-bleed looping hero.mp4 with poster still, hand-glazed ceramic bowls with ears pitch, Shop the bowls CTA, 4.9★ / 12,000 good dogs social proof, and a six-glaze gallery (Limone, Arancia, Menta, Latte, Cielo, Vetro) with tinted swatches. Demo product chrome only - no checkout backend. Open index.html or host the folder statically on Cloudflare Workers.
Highlights
- 01
Video product stage
Looping hero.mp4 with hero-poster.webp preload for a warm ceramic launch.
- 02
Shop the bowls CTA
Hand-glazed Puglia pitch, social proof, and a clear Shop the bowls button.
- 03
Six summer glazes
Limone through Vetro with tinted swatches, notes, and $48 price chrome.
- 04
Zero-build static
index.html + bundled assets/ CSS/JS, fonts/, and media/ - open or static-host.
You get
- index.html (complete Agrumi hero)
- assets/ bundled CSS + JS
- fonts/ (self-hosted)
- media/hero.mp4, hero-poster.webp, and six glaze stills
Details
- Version
- v1.0.0
- Last update
- Nov 8, 2026
- Pages
- 1
- Category
- Hero & Interaction
You need
- Modern browser (HTML5 video + CSS)
- No build step - open index.html or static-host the folder
- Optional: Cloudflare Workers / Pages for hosting


