Hero 252 - Dashboard hero with reviews and skewed product preview

Pro

A two-column hero built with shadcn/ui that pairs pill-shaped news links, dual CTAs, avatar stack with star rating, and a perspective-tilted dashboard screenshot panel.

Shadcn Hero 252 block

Component Data

  • ID:hero252
  • Access:pro
  • Created:Dec 11, 2025
  • Type:block

Hero 252 block design & features

Hero252 opens with a compact announcement pill built from border, separator, and chevron that reads like a changelog teaser. Below it, a muted multi-line heading saves emphasis for one inline phrase in primary color, followed by paired solid and outline buttons plus a fine-print purchase note. An overlapping avatar cluster and five-star row cite a numeric score and review volume for lightweight social proof.

The visual anchor sits in an absolutely positioned column showing a framed dashboard screenshot inside a dramatic perspective transform that relaxes toward flat on hover to reveal UI detail. Drop shadow and hairline border sell depth without extra ornament.

Tone-wise it targets marketing sites shipping admin or analytics products where credibility and interface previews matter more than illustration. Complexity sits between standard split heroes and heavier device mock scenes because of the 3D framing.

On smaller breakpoints the image column drops below the narrative stack while retaining hover flattening, and the flex alignment recenters for readability.