FR: [v2-hero] – minimal variant

cogniSyb commented 2 months ago

Context/Description

A new variant of the hero that doesn’t contain any media. For use on Magazine landing and other pages.

A similar solution was built for Mack Trucks: https://github.com/Netcentric/vg-macktrucks-com-rd/issues/111

Acceptance Criteria

User AC:

Button links to the heading in [v2-newsletter] block at the bottom of the page.
Smooth scrolling is in use

Editor AC:

Should be able to set the variant (e.g. compact?)
Should be able to set the button variant to marketing-cta
Possibility to combine with other modifiers like centered

Non-functional AC:

Block is as tall as its contents, with 80px padding vertically
Another variant will need to be added to have a transparent background-color

Out of scope

No response

Note

The current behavior with buttons is that the first button in the block is of type primary, and the second button will always be secondary. There should be a possibility for editors to select which button should be used (#549)

Assumption that the desktop and tablet designs are the same.

Technical details

A different solution than for Mack Trucks is needed, as there is already a 'no-image' variant available
By going for a modifier set by the editor, we need to make sure that the block won’t break when combining the modifier with an image or video.