[SR] Offer hero

[robert-bogos]

Description

This PR is adding the Offer Hero block

Related Issue

Resolves: MWPW-192882

Test URL

https://main--da-dc--adobecom.aem.page/dc-shared/fragments/tests/2026/q2/ace1205/fragments/ace1205-offer?milolibs=192882&mep=%2Fdc-shared%2Ffragments%2Ftests%2F2026%2Fq2%2Face1205%2Fdc1205-base-page-dc.json--all

[aem-code-sync]

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch.
In case there are problems, just click the checkbox below to rerun the respective action.

• Re-sync branch

Commits

• 0369e6c ✅ (latest)
• 16f956d ✅
• db23728 ✅
• 9360ebc ✅
• 34481f7 ✅
• ca51a25 ✅
• 7294c55 ✅
• dfab9a8 ✅
• f1b34b3 ✅
• d930ee9 ✅
• 82fbf35 ✅
• 5bb5ba2 ✅
• 2bf4be5 ✅
• 37fb87a ✅
• ecd34dc ✅
• 7c7acda ✅
• 9d5e310 ✅
• 583c2fd ✅
• b6dcd3d ✅
• 0bd8ffa ✅
• f03294f ✅

[zagi25]

I noticed that Lear more chevron is smaller than the font size

Also, header that fades in, at the beginning of the animation, overlaps cards (if this is intended, please ignore)

[robert-bogos]

I noticed that Lear more chevron is smaller than the font size

Also, header that fades in, at the beginning of the animation, overlaps cards (if this is intended, please ignore)

The header overlapping thing is expected. Is because of the figma spec spacing.

Good catch on the "Learn more" chevron. Adjusted to match the font size 👍

[overmyheadandbody]

I'm not quite sure I see the content difference between mobile and tablet. I'm worried that this introduces two identical h1 tags on the page - view-source:https://main--da-dc--adobecom.aem.page/dc-shared/fragments/tests/2026/q2/ace1205/fragments/ace1205-offer.plain.html. An alternative might be needed, maybe similar to the router-marquee, where we ended up using the visually-hidden block to set the h1

[robert-bogos]

I'm not quite sure I see the content difference between mobile and tablet. I'm worried that this introduces two identical h1 tags on the page - view-source:https://main--da-dc--adobecom.aem.page/dc-shared/fragments/tests/2026/q2/ace1205/fragments/ace1205-offer.plain.html. An alternative might be needed, maybe similar to the router-marquee, where we ended up using the visually-hidden block to set the h1

The video assets are different, is currently like that just to showcase some asset issues to design

[overmyheadandbody]

Thanks for the changes!