feat(thought-leadership): Add "Hero banner" block

[nimithshetty17]

Issue

MERATIVE-744

Description

Within the Thought Leadership landing, we have a hero/lead space block that gets displayed for each solution (eg. Health Insight)

New

Design Specs

If applicable, add the direct link to the design specs of the component/feature that's part of this PR.

Figma Link - https://www.figma.com/file/dFJwrp6VkUMSirF2KMLRMx/Thought-leadership-library?type=design&node-id=787-30709&mode=design&t=NPnbLgfLdfyjsUC2-4

Test URLs

• Before (Changes from main): https://feat-thought-leadership--merative2--hlxsites.hlx.page/drafts/nimith/hero
• After (Changes from this PR): https://hero-banner-new--merative2--nimithshetty17.hlx.page/drafts/nimith/hero

Testing Instruction

To test the hero banner and its responsiveness with respect to the design across all devices.

[aem-code-sync[bot]]

Hello, I'm Franklin Bot and I will run some test suites that validate the page speed. In case there are problems, just click the checkbox below to rerun the respective action.

• [ ] Re-run PSI Checks

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/nimith/hero

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/nimith/hero

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/nimith/hero

[nimithshetty17]

@proeung - We have figured a way to have separate images for different devices and raised this PR as the previous PR had some issues. It is currently designed reviewed by @sachinmesh . Please let us know if there are any concerns. @keith-kaplan @sahmad-merative

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/nimith/hero

[sachinmesh]

Hi @nimithshetty17 @proeung Rounding up the values here, For desktop/ Tablet the 45px for the icon circle and for Mobile its 35px. https://www.figma.com/file/dFJwrp6VkUMSirF2KMLRMx/Thought-leadership-library?type=design&node-id=787-30709&mode=design&t=AFvS2aHmMzpkBklS-4

CC: @keith-kaplan

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/nimith/hero

[nimithshetty17]

@proeung for the alt text I have added the title as the alt text for now as I could see that approach being followed in leadspace, columns etc. As for the other changes, all of them have been done. Please have a look and let me know if there are any concerns.

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/nimith/hero

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/nimith/hero

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/nimith/hero

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/drafts/nimith/hero