feat: Add paragraph for inspiration

src/components/FeatherIcon.js

@@ -60,6 +60,13 @@ const ICONS = {
       <path d="M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z" />
     </>
   ),
+  'external-link': (
+    <>
+      <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6" />
+      <polyline points="15 3 21 3 21 9" />
+      <line x1="10" y1="14" x2="21" y2="3" />
+    </>
+  ),
   copy: (
     <>
       <rect x="9" y="9" width="13" height="13" rx="2" ry="2" />

src/pages/index.js

@@ -8,6 +8,7 @@ import GuideTile from '../components/GuideTile';
 import PageTitle from '../components/PageTitle';
 import Section from '../components/Section';
 import Video from '../components/Video';
+import FeatherIcon from '../components/FeatherIcon';
 import ExternalLink from '../components/ExternalLink';
 import { PageContext } from '../components/PageContext';
 import { pageContext } from '../types';
@@ -119,6 +120,21 @@ const IndexPage = ({ pageContext }) => (
           ))}
         </GuideListing.List>
       </GuideListing>
+
+      <p className={styles.inspiration}>
+        Looking for inspiration? Check out the{' '}
+        <ExternalLink
+          className={styles.externalLink}
+          href="https://opensource.newrelic.com"
+        >
+          open source projects
+          <FeatherIcon
+            className={styles.externalLinkIcon}
+            name="external-link"
+          />
+        </ExternalLink>{' '}
+        built by the New Relic community.
+      </p>
     </Layout>
   </PageContext.Provider>
 );

src/pages/index.module.scss

@@ -55,3 +55,17 @@
     display: none;
   }
 }
+
+.inspiration {
+  text-align: center;
+  margin-top: 2rem;
+}
+
+.externalLink {
+  display: inline-flex;
+  align-items: center;
+}
+
+.externalLinkIcon {
+  margin-left: 0.25rem;
+}