[WD-12238] new webpage at /data/opensearch/managed

[akbarkz]

Done

Added new webpage according to this copy doc and this design.

QA

• Open webpage at https://canonical-com-1317.demos.haus/data/opensearch/managed and check if it complies with the copy doc and the design.

Issue / Card

Fixes https://warthogs.atlassian.net/browse/WD-12238

[webteam-app]

Demo

Jenkins

demos.haus

[lyubomir-popov]

all images are lacking the vanilla highlighted background

can we do this on medium:

hide image on medium pls:

this should look like the HOC screenshotted below:

This shouyld be an h2, too long for capitals

equal heights of the grey boxes here pls

The rest looks great!

[akbarkz]

@lyubomir-popov I addressed all your remarks, except one that is about having equal height for pricing cards. Could you please help me with that, cause using existing Vanilla utilities does not seem to be able to help.

[lyubomir-popov]

can you restart the demo pls - I get a 404

[lyubomir-popov]

• lines need to be as wide as the grey boxes:
• text unnecessarily compressed hjere, causing excessive wrapping. Can we give it one more column?

For the equal heights, since we don't have a component for this in vanilla (we only seem to use this on the u.c site - is that correct @Sophie-32 ?) maybe just hardcoded min-heights? This is what I get:

for the signpost logo, can we please use this file at 33px height, width set to auto: https://assets.ubuntu.com/v1/ff455ff8-opensearch-logo--signpost.png

[akbarkz]

@lyubomir-popov thanks for the review! I replaced the logo and fixed the layout for it, I noticed it was behaving weirdly for smaller screens. As for cards, I added min-height as you suggested. Overall it looks good now, but on some smaller screen sizes they still differ in height. So please have a look and see if we're fine with that.

[lyubomir-popov]

@akbarkz Just one question, this has a play icon, shouldn't it be clickable? The rest looks great!

[anthonydillon]

Should there be a link to this new page somewhere?