Hero 105 - Split hero with email capture, devices, and logo grid

Pro

A two-column hero with stacked headline treatment, supporting paragraph, rounded email field paired with an inset submit control, phone plus widescreen mock collage, skewed photography backdrop, and logo grid footer.

Shadcn Hero 105 block

Component Data

  • ID:hero105
  • Access:pro
  • Created:Dec 27, 2024
  • Type:block

Hero 105 block design & features

Hero105 pairs aggressive typography with shadcn/ui form primitives on the left while reserving the right column for layered device imagery on medium screens and up. The headline repeats in two stacked treatments so one layer reads crisp while the other ghosts behind for depth, followed by a muted paragraph and a pill-shaped email row where validation messaging surfaces through Field helpers and the submit control docks inside the trailing edge.

Behind the grid, a skewed photographic panel stretches beyond the section to create diagonal energy without extra components. The photographic collage stacks a handset mock with an inset tall canvas beside a wide rounded canvas carrying interface placeholders.

Below the hero band, a responsive logo grid fills four columns on large breakpoints so partner marks wrap neatly rather than squeezing into a single strip.

This block suits campaigns that need immediate email capture plus tangible product previews; expect to replace placeholder artwork and validation messaging when wiring to a production API.