Hero 227 block design & features
Hero227 is a centered hero built with shadcn/ui buttons and Fancy vertical cut reveal text. A row of compact icon-and-label claims introduces the block, followed by an all-caps display headline that animates in slice by slice, a short paragraph, and two buttons inside a muted pill wrapper. Below, a framed phone mock slides up with inner calendar-like UI and product art.
Antonio is loaded for the display face, and a red animated asterisk accents the headline corner. The phone uses motion easing for entrance.
The aesthetic is loud and app-launch oriented, closer to conference keynote slides than a quiet SaaS band. Complexity is high because of the stacked text animation, segmented controls, and detailed device chrome.
The column stays centered; spacing tightens on phones while the phone mock scales down.