Hero 50 - Centered hero with survey banner and layered screenshots

Pro

A centered hero featuring rounded announcement link, headline, supporting copy, twin shadcn/ui buttons, tall hero image with gradient pedestal, and smaller overlapping captures at the sides.

Shadcn Hero 50 block

Component Data

  • ID:hero50
  • Access:pro
  • Created:Oct 9, 2024
  • Type:block

Hero 50 block design & features

Hero50 opens with a pill-shaped announcement anchor mixing body copy, divider minus icon, and emphasized trailing link text suited to surveys or timed campaigns. Below, centered headline and muted paragraph give room for community-focused storytelling before solid and outline large buttons align horizontally when space allows.

The media band introduces a tall rounded screenshot lifted by layered shadows while subtle vertical gradient wash separates hero from page chrome; supplemental thumbnails dock along left and right midlines on medium screens upward.

Props carry announcement strings, dual CTAs, primary hero asset, and secondary thumbnail pair so editors can mirror actual dashboards.

Mobile hides peripheral thumbnails but preserves the central screenshot stack for continuity.