Hero blocks
A hero block is the first section visitors see on a page. It combines a strong headline, supporting text, and primary actions to communicate the value of a product or service at a glance and invite users to take the next step.
Centered hero linkLink to this section
A hero block with centered content and a product image below the actions.
Hero with image to the right linkLink to this section
A hero block with content to the left and a full-height image to the right.
Hero with announcement linkLink to this section
A hero block with centered content and an announcement link above the headline, shown here on a dark background.
Hero with stats linkLink to this section
A hero block with content to the left and a row of key numbers below the actions.
Hero with sign-up linkLink to this section
A hero block with an inline email sign-up form instead of buttons.
Hero with background image linkLink to this section
A hero block with centered content on top of a full-bleed background image.
Hero with form linkLink to this section
A hero block with benefit bullets to the left and a lead capture form to the right.
Hero with logos linkLink to this section
A hero block that closes with a customer logo strip for instant credibility.
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT