Marketplace: Add education footers

[allilevine]

Details

We need to add some educational content to the /plugins homepage, in two footers.

For examples of components to re-use, see:

wp-calypso/client/my-sites/woocommerce/landing-page.tsx

Line 132 in c7e06d5

<EmptyContent

Acceptance criteria

• On the plugins list screen, I can see a section at the bottom of the plugins home page that links off to relevant support articles (TBD)
• On the plugins list screen, I can see a section at the bottom of the home page that enforces why Dotcom is the right place to purchase plugins (Content TBD)

[allilevine]

@SaxonF Please drop links to relevant resources here 🙌 Also, is there an associated Figma?

[cpapazoglou]

Here are the figma designs f84fqtCG4pCnCh2Hq0But5-fi-590%3A11994.

Here is a thread regarding resources pdh6GB-gN-p2#comment-785

TL;DR;
There aren't any articles ready yet. I think though that we can prepare these sections and launch the "Learn more" once we have at least one article.

[cpapazoglou]

Actually here are 3 articles that we might use pdh6GB-gN-p2#comment-812

[SaxonF]

Thanks for covering @cpapazoglou and sorry I missed this @allilevine ! I'm thinking, could we just start with the top learn more footer?

[allilevine]

Thanks for covering @cpapazoglou and sorry I missed this @allilevine ! I'm thinking, could we just start with the top learn more footer?

@SaxonF Do you mean this part? Should we link to the 3 articles @cpapazoglou shared? cc @Rolilink

[lsl]

I was thinking this looks like we need three new components based on the woo landing page.

Footer section - background (prop), header, content section (child components)
Link component - label, header, link
Feature component - header, description

The top image would look like

<FooterSection title="" style="background color">
    <LinkCard label="" title="" href="" />
    ...
</FooterSection>

<FooterSection title="" style="background color">
    <FeatureCard title="" description="" />
    ...
</FooterSection>

I'm not 100% sure these are the best boundaries so feel free to change how you see fit.

[SaxonF]

@allilevine yep that section using the shared articles

[obenland]

@Rolilink Have you had a chance to get started on this yet? Is there a PR that you could link to?

[Rolilink]

@obenland working on this right now would have something by the end of the day @obenland :) !

[Rolilink]

Working on this one here, still missing some mobile styles, translations and folder organization but mostly done with the education footer, I think we are still waiting for content on the bottom part. #61726

[Rolilink]

We will launch the bottom part first but to complete this one this are the PRs to merge

• Marketplace: Adds Education Footer #61726
• Marketplace: Add Education Footer Bottom Part #61746
  @allilevine is this ok? or should we close this issue as soon as we launch Marketplace: Adds Education Footer #61726

[lsl]

@SaxonF should these footers be hidden on the search result pages? (i.e. like the browse all pages that have had infinite scroll?)

[Rolilink]

There are some changes @cpapazoglou pointed out I need to address on docs will do this one on a follow-up PR when I am back on Monday if no one address them first

• Marketplace: Adds Education Footer #61726 (comment)
• Marketplace: Adds Education Footer #61726 (comment)

[SaxonF]

@SaxonF should these footers be hidden on the search result pages? (i.e. like the browse all pages that have had infinite scroll?)

For now yes