feat: /openstack landing page

[mtruj013]

Note: form will be added in separate PR

Done

• Built page as per doc and design

QA

• View the site locally in your web browser at: https://canonical-com-1394.demos.haus/openstack
• Run through the following QA steps
• Check against doc and design

Issue / Card

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

[webteam-app]

Demo

Jenkins

demos.haus

[Sophie-32]

• [x] Three typos, two marked in copydoc. One was only on the demo, tagged in the copydoc
• [x] Sicredi case study link is broken

[mtruj013]

@Sophie-32 done!

[lyubomir-popov]

nearly perfect as usual @mtruj013

a few small glitches:

• 🚨 design change (sorry!) please switch to paragraphs for these subtitles and move them .5rem closer (with the u-sv-1 utility maybe?) should look like this:

• lines in the quote pattern should start from the 4th column on desktop (see in the design)

• logos in quotes 0 please check the sizes and update them, they are too large:

• please use same-height logos (let me know if the official set is missing any). height of all should be 104px, width depends on individual logos

• pls make 2 logos appear on each row on small screens. We can then use this as a basis for the new Logo section with links HOC:

[mtruj013]

Thanks @lyubomir-popov! I've pushed most of the changes if you could take another look?

For the logos, I sized the Pacific Textiles logo a bit larger as the matching the sizing on the figma left it blurry and kind of unreadable, and the Sicredi logo needs replacing. Also the text on this last logo here looks super tiny compared to the rest, is it possible to update?

Lmk if you spot anything else!

[lyubomir-popov]

Much better! last couple of things, sorry I missed them the first time:

• p-section shallow around this:

• this line should be muted as it is inside a section, not at the top of it: