From c7fae9ef342d96864f457f8407cbbd61616b7c3c Mon Sep 17 00:00:00 2001
From: John P Vajda <jvajda@newrelic.com>
Date: Tue, 12 Oct 2021 14:03:32 -0600
Subject: [PATCH 1/2] chore: added video link

---
 src/components/IOBanner.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/IOBanner.js b/src/components/IOBanner.js
index 0af59920b..362b35b0d 100644
--- a/src/components/IOBanner.js
+++ b/src/components/IOBanner.js
@@ -75,7 +75,7 @@ const IOBanner = ({ isMobile }) => {
               font-size: 0.65rem;
             }
           `}
-          to="https://docs.newrelic.com/docs/full-stack-observability/observe-everything/get-started/new-relic-quickstarts-overview/"
+          to="https://www.youtube.com/watch?v=sFt1Tx5qPRU"
           instrumentation={{ component: 'IOBanner' }}
           onClick={handleBannerButtonClick}
         >

From dd91c60c95a72f2480409b435974645afe7c9bf4 Mon Sep 17 00:00:00 2001
From: John P Vajda <jvajda@newrelic.com>
Date: Tue, 12 Oct 2021 17:37:47 -0600
Subject: [PATCH 2/2] chore: updating video again

---
 src/components/IOBanner.js |  2 +-
 src/pages/index.js         | 10 ++--------
 2 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/components/IOBanner.js b/src/components/IOBanner.js
index 362b35b0d..0af59920b 100644
--- a/src/components/IOBanner.js
+++ b/src/components/IOBanner.js
@@ -75,7 +75,7 @@ const IOBanner = ({ isMobile }) => {
               font-size: 0.65rem;
             }
           `}
-          to="https://www.youtube.com/watch?v=sFt1Tx5qPRU"
+          to="https://docs.newrelic.com/docs/full-stack-observability/observe-everything/get-started/new-relic-quickstarts-overview/"
           instrumentation={{ component: 'IOBanner' }}
           onClick={handleBannerButtonClick}
         >
diff --git a/src/pages/index.js b/src/pages/index.js
index 6d9e2a485..8102ad1c5 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -14,7 +14,7 @@ import FeaturedGuideTile from '../components/FeaturedGuideTile';
 import { PageContext } from '../components/PageContext';
 import { pageContext } from '../types';
 import * as styles from './index.module.scss';
-import ioBeta from '../images/io-beta.png';
+import Video from '../components/Video';
 import devChampionBadge from '../images/developer-champion/dev-champion-badge.png';
 import podcastBadge from '../images/podcasts/podcasts-badge.png';
 
@@ -99,13 +99,7 @@ const IndexPage = ({ data, pageContext, location }) => {
                 width: 100%;
               `}
             >
-              <img
-                src={ioBeta}
-                alt="IO Beta"
-                css={css`
-                  width: 100%;
-                `}
-              />
+              <Video id="33kreqnm3p" type="wistia" />
             </div>
           </section>