WD-16836 Rebranded /landscape/features page

[muhammad-ali-pk]

Done

• Rebranded page
• Updated assets

QA

• View the site in your web browser at: https://ubuntu-com-14576.demos.haus/landscape/features
  • Be sure to test on mobile, tablet and desktop screen sizes
• Check that it matches the following:
  • Design
  • CopyDoc

Issue / Card

Fixes #WD-16836

[webteam-app]

Demo

Jenkins

demos.haus

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Please upload report for BASE (feature-rebrand-landscape@0499cb8). Learn more about missing BASE report.

Additional details and impacted files

@@                     Coverage Diff                      @@
##             feature-rebrand-landscape   #14576   +/-   ##
============================================================
  Coverage                             ?   69.64%           
============================================================
  Files                                ?      120           
  Lines                                ?     3419           
  Branches                             ?     1178           
============================================================
  Hits                                 ?     2381           
  Misses                               ?     1013           
  Partials                             ?       25           

[eliman11]

Thanks @muhammad-ali-pk! Comments:

• In the hero paragraph, add 'and embedded devices' and remove 'and' before 'clouds' as marked by the PM on the copydoc --> should be 'Landscape is the most cost-effective way to support and administer large and growing networks of desktops, servers, clouds, and embedded devices.'
• Add ', and scale up for larger deployments' under 'Systems management', marked on copydoc
• 'Scriptable API to customise Landscape for your organisation’s needs' change to US spelling (customize, organization's)
• Redirect 'Get Landscape' CTA at the bottom to /landscape/compare (formerly /pricing) instead

[mattea-turic]

Thanks @muhammad-ali-pk , this is pretty much perfect :p

Just one question:

• Could you have the images fill the containers and adjust to screen size accordingly? Obv you know a lot more than I do about what's possible, but could we do something like this i.e. object-fit: cover; in css

This is how it is atm on med screens:

And on mobile:

[muhammad-ali-pk]

@eliman11 Thanks! Done!

[muhammad-ali-pk]

@mattea-turic Thanks Mattea! It's done. Also, for the first and the last image, I have added object-position: top so that the person's face isn't cut off and look weird on medium/smaller screen. The other two's have default and look fine.

[eliman11]

Looks great @muhammad-ali-pk thank you!

[mattea-turic]

Thank you @muhammad-ali-pk , looks really nice!