Hero 113 block design & features
Hero113 is a stack-centered hero built with Shadcn UI and an outfit-style face. The headline is a long sentence with one word wrapped in an inline SVG scribble underline while the rest stays solid text. A muted one-line subhead follows, then paired pill buttons for free start and demo booking, then a quiet “no credit card” reassurance line.
A large framed placeholder screenshot with thick black border, muted backing, and drop shadow acts as the mid-hero visual inside a fixed aspect ratio. Under that, three flexible rows each place a circular muted icon tile beside a medium-weight sentence so the section reads like three parallel value props.
Overall tone is product-management and roadmap tooling: confident headline, minimal chrome, and instructional microcopy. Complexity sits in the illustrative underline graphic and the wide hero image band rather than in motion or video.
The lower feature row wraps on small screens while keeping each cluster readable with min-width constraints.