Hero 84 block design & features
Hero84 is a studio-style hero built with shadcn/ui. The top half centers a pill badge, a bold headline, and a width-capped paragraph so the message reads before any device art. Below, a single extra-wide frame holds five portrait screens that overlap like a hand of cards, each in its own AspectRatio tile with stronger shadow on the inner picks.
The presentation is high-contrast and product-forward, with generous top padding and monochrome-friendly typography. Borders and depth cues on the mocks create a ribbon of UI screenshots rather than isolated cards.
This is an image-driven, showcase-heavy pattern best for teams with five strong mobile shots or UI captures. It is more elaborate than a single hero image because of the choreography of five layers. Expect to replace every placeholder and tune copy to your positioning.
The stacked phones remain centered; spacing above the gallery keeps the typography stage clear on both large and small breakpoints.