feature(stats-bar): Added statsbar block

[sahmad-merative]

• Currently logos are in the carousel block here https://merative.sharepoint.com/:w:/r/sites/Merative.comWebsite/_layouts/15/Doc.aspx?sourcedoc=%7B384FABF7-5FA8-4D8F-B031-976CFB6C1C4A%7D&file=carousel.docx&action=default&mobileredirect=true New section is here - https://merative.sharepoint.com/:w:/r/sites/Merative.comWebsite/_layouts/15/Doc.aspx?sourcedoc=%7BAA0C46C9-B654-43FC-85EE-4D79B2405D28%7D&file=section-stats-bar.docx&action=default&mobileredirect=true Need to create a new section variation for this called "Stats bar" and "stats bar (with logos)"

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/vw24IPXXt4vCh9BNumka9A/Web--Merative-Digital-Design-System-2.0?type=design&node-id=1461%3A12680&mode=design&t=0mcFm2zGMxvLkL3D-1

Test URLs

• Before (Changes from main): https://main--merative2--sahmad-merative.hlx.page/block-library/sections/section-stats-bar
• After (Changes from this PR): https://783-stats-bar--merative2--sahmad-merative.hlx.page/block-library/sections/section-stats-bar

Testing Instruction

If applicable, please describe the tests that you ran to verify your changes. Provide instructions and link to the hlx deploy preview so that QA and the design team can provide proper testing.

[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
/block-library/templates/statsbar

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/block-library/templates/statsbar

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/block-library/templates/statsbar

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/block-library/templates/statsbar

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/block-library/templates/statsbar

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/block-library/templates/statsbar

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/block-library/templates/statsbar

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/block-library/templates/statsbar

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/block-library/templates/statsbar

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/block-library/templates/statsbar

[sharathmrft]

@sahmad-merative No divider in between each block at the top horizontal line screen shot attached here.

@proeung

[sachinmesh]

1. On desktop, this should be Alliance no.116px regular and not light.
2. Spacing below the inline link CTA and divider line should be 64px and not 48px.

3. The stat block should be of 216px wide

   

4. Againon tablet and mobile the font style should be regular and not light.

   

CC: @proeung @sahmad-merative @sharathmrft

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/block-library/sections/section-stats-bar

[proeung]

@sahmad-merative Looks like there are some merge conflicts coming from main. Once, these conflicts have been resolved, I'll approve and merge your PR.

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/block-library/sections/section-stats-bar