Hero Banner (Media Blend variant) as EDS block

[pahupe]

Goals:

• Implement the Media Blend Hero Banner variant as an Adobe AEM EDS block
• Use this implementation as an example (for SAP) wrt/ AEM EDS best practices

Constraints:

• For this scope of this ticket, omit the subcomponents for which we don't have metadata / content, such as:
  ** stars/ratings
  ** avatar
  ** CTAs/buttons
• Media element:
  ** Implement a version with a background image (instead of a video) first. Reason: All existing hero banner content has an image, not a video (ref: https://main--hlx-test--urfuwo.hlx.page/blog/2023/12/being-human-in-the-age-of-ai)
  ** Optional (can be split into separate ticket): Implement a video media element, as shown in the designs. Make use of the video wrapper implemented by @benpeter

References:

• Page: https://www.figma.com/file/oSetT4LbatRmXlcB2A7V8Z/Content-Hubs-2024?type=design&node-id=891-41280&mode=design&t=CBETeufmUfGdxfkL-4
• Component: https://www.figma.com/file/OFEfvhyXJvYJ6MQZ30699m/v2.0-Brand-Digital-Design-System?type=design&node-id=11070-6573&mode=design&t=LSx4NzHDqjFADYm3-0

[sdmcraft]

"Hero - Media blend" variant has to be used.
Copying related conversation

[karlpauls]

@sdmcraft, as discussed, I merged the web component support via #133 but not as fix (to keep this issue open). Handing it back to you. If you prefer to have that be the resolution of this ticket and work with follow-up tickets that is fine by me - just wanted you to have the option.

[benpeter]

can this be closed? assuming the spillover is in #135 @sdmcraft ?

[sdmcraft]

Closing this. Spillover work tracked in #135
/cc @karlpauls