Tweaks to plugin marketplace (#2209)

* Tweaks to plugin marketplace

* Add plugin details to roadmap

* Update README.md

* Link to plugins from home

* Update circleci.yaml

microsite/pages/en/index.js

@@ -455,12 +455,8 @@ class Index extends React.Component {
                 Share with the community
               </Block.SmallTitle>
               <Block.Paragraph>
-                Building{' '}
-                <a href="https://github.com/spotify/backstage/blob/master/docs/FAQ.md#how-do-i-find-out-if-a-plugin-already-exists">
-                  open source plugins
-                </a>{' '}
-                contributes to the entire Backstage ecosystem, which benefits
-                everyone
+                Building <a href="/plugins">open source plugins</a> contributes
+                to the entire Backstage ecosystem, which benefits everyone
               </Block.Paragraph>
             </Block.TextBox>
 
@@ -472,7 +468,7 @@ class Index extends React.Component {
 
         <ActionBlock className="stripe-top bg-teal">
           <ActionBlock.Title>Build a plugin</ActionBlock.Title>
-          <ActionBlock.Link href="https://github.com/spotify/backstage/blob/master/docs/plugins/create-a-plugin.md">
+          <ActionBlock.Link href="/docs/plugins/create-a-plugin">
             Contribute
           </ActionBlock.Link>
         </ActionBlock>

microsite/pages/en/plugins.js

@@ -29,13 +29,14 @@ const Plugins = () => (
   <main className="MainContent">
     <div className="PluginPageLayout">
       <div className="PluginPageHeader">
-        <h2>Plugins</h2>
+        <h2>Plugin marketplace</h2>
+        <p>Open source plugins that you can add to your Backstage deployment</p>
         <span>
           <a
             className="PluginAddNewButton ButtonFilled"
             href={addPluginDocsLink}
           >
-            <b>Add Plugin</b>
+            <b>Add to marketplace</b>
           </a>
         </span>
       </div>
@@ -69,13 +70,44 @@ const Plugins = () => (
                     className="PluginCardLink ButtonFilled"
                     href={documentation}
                   >
-                    docs
+                    Explore
                   </a>
                 </span>
               </Container>
             </div>
           ),
         )}
+        <div className="PluginCard" id="add-plugin-card">
+          <div className="PluginCardBody">
+            <p>
+              Do you have an existing plugin that you want to add to the
+              Marketplace?
+            </p>
+            <p
+              style={{
+                marginTop: '20px',
+                textAlign: 'center',
+              }}
+            >
+              <a className="ButtonFilled" href={addPluginDocsLink}>
+                <b>Add to marketplace</b>
+              </a>
+            </p>
+          </div>
+          <Container className="PluginCardFooter">
+            <p>
+              See what plugins are already{' '}
+              <a href="https://github.com/spotify/backstage/issues?q=is%3Aissue+is%3Aopen+label%3Aplugin+sort%3Areactions-%2B1-desc">
+                in progress
+              </a>{' '}
+              and 👍. Missing a plugin for your favorite tool? Please{' '}
+              <a href="https://github.com/spotify/backstage/issues/new?labels=plugin&template=plugin_template.md&title=%5BPlugin%5D+THE+PLUGIN+NAME">
+                suggest
+              </a>{' '}
+              a new one.
+            </p>
+          </Container>
+        </div>
       </Container>
     </div>
   </main>