Hero 111 - Centered HR hero with email form and logos

Pro

A centered hero with HR headline, validated email field and rounded submit, reassurance lines with check icons, three image tiles, and a company logo grid.

Shadcn Hero 111 block

Component Data

  • ID:hero111
  • Access:pro
  • Created:Dec 16, 2024
  • Type:block

Hero 111 block design & features

Hero111 is a single-column marketing hero built with Shadcn UI on a muted page band. Centered copy includes an outfit-style headline about HR management, a paragraph about consolidating employee data, then a client-side email form with a rounded input and matching full-width-style submit on small screens. Two inline reassurance rows use oversized check icons beside no-card and cancel-anytime microcopy.

Below the form, three bordered placeholders at different aspect ratios sit in one row on desktop and scale down as a trio of cards. A final band repeats a trust sentence and shows six fictional company logos in a responsive grid.

The look is product landing page central: calm background, primary-tinted type on the hero title, and structured proof through icons and logos. Complexity is moderate because of form wiring, multiple image crops, and the logo matrix.

Content stays centered throughout with width caps that widen at larger breakpoints so the headline keeps a poster-like line length.