Hero 301 - Panoramic Hero With Border-Rail Features

Pro

A hero separating headline copy from dual CTAs using a bordered band of four compact icon summaries ahead of an ultra-wide hero-feature-icons landscape image.

Shadcn Hero 301 block

Component Data

  • ID:hero301
  • Access:pro
  • Created:May 5, 2026
  • Type:block

Hero 301 block design & features

Hero301 stretches a horizontal rail of features between introductory text and the final CTA cluster, borrowing language from editorial pull quotes. Icons and short titles sit above even shorter descriptions tuned for dense marketing checklists.

The bottom frame uses an extra-wide aspect ratio so photography can read as environment or dashboard context. Borders stay hairline so the hero does not feel boxed in.

Overall the block is moderately complex because the rail must wrap gracefully on phones while preserving alignment on large monitors. Static imagery keeps the subgroup focused on scanning, not slideshow timing.