Hero 327 - Device-framed hero with looping demo

Pro

A centered hero with headline, paired CTAs, and a looping product demo inside a browser window frame.

Shadcn Hero 327 block

Component Data

  • ID:hero327
  • Access:pro
  • Created:Sep 4, 2026
  • Type:block

Hero 327 block design & features

Hero327 is a centered hero built with shadcn/ui. A large headline and supporting paragraph sit above paired buttons and a short promo line. Below the copy, a muted looping video plays inside a browser window with window controls and an address bar.

The page stays light with dark type. The device frame uses a hairline border, a muted chrome bar, and a sixteen-by-nine crop. Buttons use the default and outline treatments. Spacing is open around the intro and tighter inside the window chrome. The clip loops without a play control.

It reads as a product walkthrough staged in a laptop window rather than a bare video card. The address bar is the standout element and makes the demo feel like a live app. Complexity is low and mixed: you need a headline, two CTA labels, one clip, and an optional poster still.

On small screens the buttons stack and the window stays full width.