Better Ways to Build Your Website Hero Sections

If you’re not familiar, a page hero is a name we’ve given to, typically, the first section on any given page of your website.

At a bare minimum, it usually has the page title or H1 heading, but it can get more detailed than that. And since every page on your website is going to need a hero, we might as well get good at creating them.

So today we’re going to design 3 different page heroes:

• A good, but basic page hero
• A better, more dynamic page hero
• And the best, page hero with the ultimate in scalability & customization

As usual, we’ll be doing this using GenerateBlocks and GeneratePress Elements — but chances are, even if you use another builder, you can still follow along and create a similar system.