Update disconnected landing page in Jetpack dashboard view

[joanrho]

The disconnected landing page (aka our dismissible full-screen banner) in the Jetpack dashboard view needs to be updated to align with our Jetpack.com site content and styles.

Though this landing page appears on both the Plugin directory view and the Jetpack dashboard view, the Jetpack dashboard view will not have a dismissible x in the upper right corner and "not now" text link below the first CTA button—this view will be full-screen. I've created a separate Issue for the Plugin directory view here.

ref: p6TEKc-1P8-p2

UPDATE (Dec 07, 2018)
We have updated designs for this page that use the same layout, add one additional section, and update the copy to align with recent Jetpack.com homepage updates. See related issue: #10563 for links to assets and all updated copy.

cc @richardmuscat @jeffgolenski @rickybanister

[stale]

This issue has been marked as stale. This happened because:

• It has been inactive in the past 6 months.
• It hasn’t been labeled `[Pri] Blocker`, `[Pri] High`.

No further action is needed. But it's worth checking if this ticket has clear reproduction steps and it is still reproducible. Feel free to close this issue if you think it's not valid anymore — if you do, please add a brief explanation.

[joanrho]

Edit: this is actually not complete. The Plugin directory view is complete but the Jetpack Dashboard is still incomplete.

[joanrho]

Hey @dereksmart!

Looping back to this since it addresses what we discussed back in #9138, where we shipped this design for the disconnected Plugin Directory page.

What are your recommendations for next steps on getting this built out for the disconnected Jetpack Dashboard page?

[joanrho]

Just updated the mockup in this post to reflect our updated designs and links to related Issues for assets/copy. Thanks!