feat: Rebrand /kubernetes index page

[britneywwc]

Done

• Apply rebranding for /kubernetes landing page

QA

• Go to https://ubuntu-com-14683.demos.haus/kubernetes
• Check against copy doc and Figma
• Toggle the switch in "Kubernetes Discoverer" and check that it updates card details as expected

Issue / Card

Fixes WD-12944

Screenshots

[If relevant, please include a screenshot.]

Help

QA steps - Commit guidelines

[webteam-app]

Demo

Jenkins

demos.haus

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 72.58%. Comparing base (3eb970c) to head (1d2ae71).
Report is 2 commits behind head on k8s-bubble-refresh.

Additional details and impacted files

@@                 Coverage Diff                 @@
##           k8s-bubble-refresh   #14683   +/-   ##
===================================================
  Coverage               72.58%   72.58%           
===================================================
  Files                     120      120           
  Lines                    3392     3392           
  Branches                 1169     1174    +5     
===================================================
  Hits                     2462     2462           
  Misses                    906      906           
  Partials                   24       24           

[eliman11]

Thanks @britneywwc! Mostly super minor copy changes -

• Delete periods at the end of bullet points under "Why choose Canonical Kubernetes Platform?"
• Delete period at the end of the bullet point "Optimized for performance, boot speed, and drivers on all major public clouds"
• Text under "Kubernetes Explorer" should be "Three-day Kubernetes training to ramp up your team’s skills, including:"
• Text under "Kubernetes Discoverer Plus" should be "Three-week custom architecture deployment project and knowledge transfer, including:"
• "Bare Metal" under "Kubernetes Discoverer Plus" should link to https://maas.io/
• "Optimize your ML workloads on Kubernetes" should link to https://ubuntu.com/engage/optimise-ml-workloads-on-kubernetes
• Delete the period at the end of "Contact us" at the bottom
• Add alt text to logo cloud under "Public cloud Kubernetes powered by Ubuntu"
• Change "MicroK8s", "Charmer Kubernetes" and "Kubernetes with Kubeadm" to h4s without changing styling
• Change "What's included" headings under the options block into h4s without changing styling

[petesfrench]

Thanks @eliman11, I have applied those changes. Can you take another look please

[mattea-turic]

Thanks @britneywwc ! A few notes:

For "Why choose Canonical Kubernetes Platform?"

• Could you add a break after "choose" in the h2 pls?

For "Public cloud Kubernetes powered by Ubuntu"

• Could you add a break after "Kubernetes"?
• The logo section also looks a little off in that the logos seem to be wrapped in a container that causes excess horizontal whitespace?

For "Integrated cluster management platforms"

• Could you add a break after "Integrated"?

For "Bootstrap your Kubernetes journey":

• Not sure if much can be done here, but when clicking the toggle, the text to the right gets selected too

[petesfrench]

@mattea-turic

The logo section also looks a little off in that the logos seem to be wrapped in a container that causes excess horizontal whitespace?

I think this might be from the logo's used, I can see in the code that some are marked with [DEPRECATED]. Could you add the appropriate logos to the asset manager tag https://assets.ubuntu.com/manager?tag=kubernetes-landing pls

Not sure if much can be done here, but when clicking the toggle, the text to the right gets selected too

I am only able to replicate this when I double click

[eliman11]

Thanks @petesfrench! Adding UX+1

[mattea-turic]

@petesfrench I'm good w/giving design +1! Just if you could double-check about the toggle on Mac. The bug(?) is more dramatic on safari than chrome:

[petesfrench]

@mattea-turic with the help of @mtruj013 I was able to push a fix. Can you take another look to make sure it works as expected?

[mattea-turic]

@petesfrench @mtruj013 yes it does, thank you both! :)

[anthonydillon]

LGTM, two small comments to clean up. But a11y tests are good and performance is 91%. Nice work 👍

[petesfrench]

Thanks @anthonydillon, can you put a QA & code +1 if you are happy for us to merge please

[anthonydillon]

Sorry GH was having trouble when I reviewed it. Applied them now.