CSS hero blocks

The hero is the first thing a visitor reads, so it carries the most weight of any section on the page. These layouts pair a headline and call to action with either a framed screenshot or a centered, text-only opening — pick whichever suits how much you need to show versus say.