WD-16849 Rebranded /observability/managed page

[muhammad-ali-pk]

Done

• Rebranded /observability/managed page.

QA

• Open this demo in your web browser.
  • Make sure to test on mobile, tablet and desktop.
• Make sure the page matches the Figma design and Copydoc

Issue / Card

Fixes #WD-16849

[webteam-app]

Demo

Jenkins

demos.haus

[eliman11]

Thanks @muhammad-ali-pk, looks great! Some minor edits:

• Replace '!' to '.' in 'Let’s change that!' per copy style guide, I've updated the copydoc too
• Missing link on asterisk in the table ($6,861*)
• Logo cloud heading should be h2

• Could we align "All prices are dependent.." footnote to the first column with the prices

[muhammad-ali-pk]

Thanks @eliman11. All done!

[eliman11]

Amazing thank you! Adding UX+1

[lyubomir-popov]

not a full review, I'll leave that to the person who designed the page, but I noticed strips instead of p-sections - can we change to p-sections please? the strip add space at the top, which we do not need. Every element "reserves" as much space as it needs, and doesn't worry about clearing space before it - that's the job of the previous section. The only exception is when there's a background change, but that's not the case here.

[anthonydillon]

LGTM a few comments in the code.

[mattea-turic]

Thanks @muhammad-ali-pk !

For the hero section:

• On screens < 1036px, the H1 and H2 have an extra break between them. Would it be possible to have them sit directly one on top of the other?

For the "Cloud-native applications..." section:

• As Lyubo mentioned, there's a strip being used here which is resulting in excess whitespace for this section and the one above ("We manage cloud for world leaders" logo section)

For "Never miss another outage":

• I noticed that part of the image is too white, so I've uploaded a new image if you could this one pls

For "Reliable monitoring tools you can count on"

• One of the PMs lmk that that the logos/text is outdated and needs to be changed. I've asked him who can help out with this and am waiting for a reply, so could we hold back maybe on deploying for a couple days to see if I get a response first?

For "Multi-cloud ready":

• Could you wrap the heading & text in a shallow rather than the default padding?

For "Powerful monitoring, simple and predictable price, cost-efficient"

• Same as above

[muhammad-ali-pk]

@lyubomir-popov Thanks for pointing it out! Done!

[muhammad-ali-pk]

@mattea-turic Thanks Mattea. All done!
Sure, I'll add a "don't merge" label until we hear back from the PM. Lemme know whenever.

[mattea-turic]

Looks good, thanks again @muhammad-ali-pk !