Hero 172 block design & features
Hero172 is a two-column marketing hero built with Shadcn UI. The text side pairs a heading and paragraph with an email field validated through react-hook-form and zod, a large submit button that sits beside the input on wide layouts, and optional checklist lines using compact check icons. The visual side composes three AspectRatio portrait images inside a subtle frame, flanked by hand-drawn-style SVG strokes.
Neutral backgrounds let photography breathe while mint and amber linework adds motion without overwhelming the form.
This is a familiar conversion pattern elevated by illustration-like embellishment rather than extra UI chrome.
The layout stacks on phones, placing the collage beneath the copy while preserving overlap on large screens.