feat: /security/fips redesign

[mtruj013]

Done

• Applied redesign per doc and design

QA

• View the site locally in your web browser at: https://ubuntu-com-14694.demos.haus/security/fips
  • Be sure to test on mobile, tablet and desktop screen sizes
• Check against doc and design

Issue / Card

Fixes https://warthogs.atlassian.net/browse/WD-12035, #14633

[webteam-app]

Demo

Jenkins

demos.haus

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Please upload report for BASE (feature-security-bubble@a906ef4). Learn more about missing BASE report.

Additional details and impacted files

@@                    Coverage Diff                     @@
##             feature-security-bubble   #14694   +/-   ##
==========================================================
  Coverage                           ?   72.32%           
==========================================================
  Files                              ?      120           
  Lines                              ?     3404           
  Branches                           ?     1177           
==========================================================
  Hits                               ?     2462           
  Misses                             ?      917           
  Partials                           ?       25           

[eliman11]

Thanks @mtruj013! Comments:

• US spelling: optimised -> optimized in "...preconfigured with FIPS 140 certified packages optimised for the cloud."
• Could we remove "140-3" from the button to keep it consistent with the previous section

• Under "Certified packages under FIPS 140-3" we're missing the "libgcrypt" row

• Henry's left a suggestion on the copydoc to remove that last "FIPS 140-3 and Ubuntu" section at the bottom

• Sorry this wasn't on the design before but could we add the webinar link next to the contact us button

• Could we hide the hero image on smaller screens? Or maybe there's a workaround @mattea-turic can suggest on how it resizes

[mattea-turic]

Thanks @mtruj013 !

Just one thing:

• As @eliman11 mentioned, maybe we hide the nist logo on smaller screens? It doesn't really add much so I think it's fine to omit it there

All else is good, so I'll +1 :)