Rebrand /landscape

[immortalcodes]

Done

• Rebranded /landscape landing page

QA

• Check out this feature branch
• Run the site using the command ./run serve or dotrun
• View the site locally in your web browser at: http://0.0.0.0:8001/
  • Be sure to test on mobile, tablet and desktop screen sizes
• Demo
• Design
• Copydoc

Issue / Card

Fixes # WD-16834

Help

QA steps - Commit guidelines

[webteam-app]

Demo

Jenkins

demos.haus

[mattea-turic]

ty @immortalcodes , only a couple things from me!

For this section:

• <br> after "control" pls

For this section (smaller screens):

• hr isn't needed above the person's name, and the shallow from the quote itself can be removed

For this section:

• <br> after "Landscape" – or if that doesn't fit, then after "an"
• could you also wrap the image in a shallow and
• add a hr above the first list item

For this section:

• CTA is misaligned

[eliman11]

Thanks @immortalcodes! One question on the 'Get Landscape' CTAs throughout the page - it links to the /pricing page, which will be changed to /compare instead. Is this something we'd need to change on the index page now?

Also:

• Remove chevron > in the CTA

• "Ubuntu pro customers include" heading should be h2 -> is this something to also request from Vanilla?

• Remove h2 tag from CTA link

[immortalcodes]

Thanks @immortalcodes! One question on the 'Get Landscape' CTAs throughout the page - it links to the /pricing page, which will be changed to /compare instead. Is this something we'd need to change on the index page now?

Also:

• Remove chevron > in the CTA

* [ ] "Ubuntu pro customers include" heading should be h2 -> is this something to also request from Vanilla? * [ ] Remove h2 tag from CTA link

• For the links, yes they need to be changed if we are moving the pricing page, this is not going to live so we can add broken links and qa them later when pages are up, or we can add a redirect if both the pages are staying.

• For the last section, are they not H2s if not H2s are they paragraphs with H2 styles?

[mattea-turic]

thanks @immortalcodes ! literally just two v small change to be made, if possible, so I'll +1:

this section is missing a regular bottom padding:

could the break after "scale" on smaller screens be removed pls, as it ends up with the sentence occupying 3 lines:

[eliman11]

• For the links, yes they need to be changed if we are moving the pricing page, this is not going to live so we can add broken links and qa them later when pages are up, or we can add a redirect if both the pages are staying.
• For the last section, are they not H2s if not H2s are they paragraphs with H2 styles?

Noted on the links, will keep an eye out when the page goes into development. You're right - the CTA block should remain as H2s so please leave as is.

One more comment - would you mind adding 'Explore IoT device management' as a primary CTA under 'Discover Landscape
for IoT device management' and remove 'the' from the link CTA 'Access the whitepaper on patching IoT devices ›'? I've edited the copydoc and will tag you in that section on Figma to clarify. Thank you!

[eliman11]

Thanks for the changes @immortalcodes! Adding +1