[Feature] Add hero component

[amazingrando]

Nearly every project makes use of a hero area component. We should add one to Emulsify.

What is a hero component?

A hero component is a prominent callout at the top of important pages that has text and usually an image or video.

Why add a hero component?

Since they show up in every project, we should have a component stubbed out for it, including versions for color backgrounds, image backgrounds, and video backgrounds.

[sync-by-unito]

➤ Joe Tower commented:

I was going to start this, but it looks like Mari has already opened a PR for the same component with a different name (assuming this Hero Component ticket is outdated):
github.com//pull/152

Assuming "Banner" is the same as "Hero" in this case.

I'll move this to On Hold, @Callin Mullaney if you confirm this is a duplicate ticket, please close this. 👍

[sync-by-unito]

➤ Callin Mullaney commented:

@joe Tower I don't think this is a duplicate but I think we may need a design phase for this component first. Hero's are "top of the page" and contain an

for the page title while banners are more for content fields. Also, banners usually have a more prominent place on a page (taller and maybe more layout options?).

Let's discuss with @mariana Núñez during our next checkin and see if we can split this into multiple tickets and get a design going for the Hero component.