Hero 117 block design & features
Hero117 is a split hero built with shadcn/ui inside a container that stacks on small screens and unfolds into two columns on large screens. The text side opens with an inline announcement line and arrow icon, followed by a semibold headline, supporting paragraph, a filled pill primary button, and a ghost secondary link that repeats the arrow motif.
The photo side wraps a two-by-two grid inside an aspect-ratio frame. Two upper and lower tiles share the left column while one tall rounded image spans both rows on the right, all with bordered shells.
Professional fintech tone with clear hierarchy between announcement, story, and CTAs. The tall right cell gives the collage a magazine spread rhythm.
Imagery and copy reorder naturally on mobile with the grid below the text block.