From 4ac9a4fc15a57545b66e9e73ad40f14a8efe1b67 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Fri, 19 Jun 2020 16:42:53 -0700
Subject: [PATCH] feat: Add paragraph for inspiration

---
 src/components/FeatherIcon.js |  7 +++++++
 src/pages/index.js            | 16 ++++++++++++++++
 src/pages/index.module.scss   | 14 ++++++++++++++
 3 files changed, 37 insertions(+)

diff --git a/src/components/FeatherIcon.js b/src/components/FeatherIcon.js
index 2cedb52b6..dbf50892a 100644
--- a/src/components/FeatherIcon.js
+++ b/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" />
diff --git a/src/pages/index.js b/src/pages/index.js
index d6eb30599..63da6e19b 100644
--- a/src/pages/index.js
+++ b/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>
 );
diff --git a/src/pages/index.module.scss b/src/pages/index.module.scss
index ccbb3c40f..439969fcc 100644
--- a/src/pages/index.module.scss
+++ b/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;
+}