feat(WD-35846): dev create canonical com ceph

[Skazitron]

Done

• Created /ceph page
• Added contact form
• Added navbar

QA

• Open /ceph
• Ensure page design matches figma doc
• Ensure it matches the copydoc
• Ensure contact form button works as expected (opens modal and displays success banner when submitted)
• Ensure contact form matches the contact form on ubuntu.com/ceph

Issue / Card

https://warthogs.atlassian.net/browse/WD-35846
https://warthogs.atlassian.net/browse/WD-36247

[webteam-app]

Demo

Jenkins

demos.haus

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 78.96%. Comparing base (017f51f) to head (1de2fe9).
⚠️ Report is 28 commits behind head on main.

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #2511   +/-   ##
=======================================
  Coverage   78.96%   78.96%           
=======================================
  Files          16       16           
  Lines        1930     1930           
=======================================
  Hits         1524     1524           
  Misses        406      406           

Flag	Coverage Δ
python	78.96% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[mattea-turic]

Thanks @Skazitron !

Comments:
Hero:

• Pls add image highlight class to the img container
• And also apply .row--50-50 for 50/50 split on med breakpoint

"Canonical Ceph: Proven and trusted":

• Is there a way to avoid the wrapping of the heading text on medium and small screens?

"Notable ceph users":

• Could you use the logos from this assets server (their sizes have been standardised)

"More choice for your infrastructure":

• Same comment to add the image highlight class

"Why choose Canonical Ceph?":

• Sorry to go back on this, but just wanna check with @Sophie-32 or @eliman11 – do you guys think it looks better with, or without the <br>? I don't really like either tbh:

With break:

Without break:

"Learn more about Canonical Ceph":

• The item headings here should be h5 styling
• Pls remove the shallow from the last item ("AI storage with Ceph")

[mattea-turic]

@Skazitron

LGTM, thanks!

[Stefan3002]

@Skazitron in the rendered page, inside the demo, the blog posts get this kind of link:

<a href="https://https://canonical.com/blog/microceph-why-its-the-superior-minio-alternative"><img src="https://res.cloudinary.com/canonical/image/fetch/f_auto,q_auto,fl_sanitize,w_4000/https://ubuntu.com/wp-content/uploads/63cc/MicroCeph-minio-blog-1.png" alt="Blog image" loading="lazy" width="4000" height="2250"></a>

It has double https:// resulting in a navigation error.

[Stefan3002]

LGTM, great job!