From 3f706f1f30e56fa55f919df4f0c166cc5af6ba92 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Wed, 29 Jul 2020 19:17:38 -0700
Subject: [PATCH] feat: use PageLayout for podcasts page

---
 src/pages/podcasts.js | 104 ++++++++++++++++++++++--------------------
 1 file changed, 54 insertions(+), 50 deletions(-)

diff --git a/src/pages/podcasts.js b/src/pages/podcasts.js
index d8cd4d967..1e1755740 100644
--- a/src/pages/podcasts.js
+++ b/src/pages/podcasts.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import cx from 'classnames';
 import SEO from '../components/Seo';
-import PageTitle from '../components/PageTitle';
+import PageLayout from '../components/PageLayout';
 import podcastsHeader from '../images/podcasts/podcasts.jpg';
 import styles from './podcasts.module.scss';
 
@@ -9,57 +9,61 @@ const PodcastsPage = () => {
   return (
     <>
       <SEO />
-      <PageTitle>New Relic Podcasts</PageTitle>
-      <section className={cx(styles.section, styles.twoColumn)}>
-        <div>
-          <p>
-            Sometimes we talk on the internet about some things. You probably
-            listen to some things on the internet sometimes. We're perfect for
-            each other.
-          </p>
-          <p>
-            We're in the process of spinning up a few podcasts to bring you all
-            the news, code and pontification that's fit for publication, and
-            rather a lot that isn't as well.
-          </p>
-          <p>
-            For the time being we have one podcast, so we're including it here
-            for your listening enjoyment.
-          </p>
-          <p>
-            While it may seem silly to start an entire page for podcasts when we
-            only have the one (we should really have called it 'podcast' page),
-            we had to start somewhere.
-          </p>
-          <p>
-            <blockquote>
+      <PageLayout type={PageLayout.TYPE.SINGLE_COLUMN}>
+        <PageLayout.Header title="New Relic Podcasts" />
+        <PageLayout.Content>
+          <section className={cx(styles.section, styles.twoColumn)}>
+            <div>
               <p>
-                "Omnium rerum principia parva sunt" (All things have small
-                beginnings)
+                Sometimes we talk on the internet about some things. You
+                probably listen to some things on the internet sometimes. We're
+                perfect for each other.
               </p>
-              <footer>- Marcus Tullius Cicero (106 BC - 43 BC)</footer>
-            </blockquote>
-          </p>
-          <p>
-            We hope you enjoy it. If you don't please feel free to{' '}
-            <a href="mailto:devrel@newrelic.com">send us mean emails.</a> It's
-            internet tradition.
-          </p>
-        </div>
-        <img
-          className={styles.img}
-          src={podcastsHeader}
-          alt="podcasts header"
-        />
-      </section>
-      <section className={cx(styles.section, styles.player)}>
-        <div id="buzzsprout-player">
-          <iframe
-            title="buzzsprout"
-            src="https://www.buzzsprout.com/1225223?client_source=large_player&iframe=true&referrer=https://www.buzzsprout.com/1225223.js?container_id=buzzsprout-large-player-1225223&player=large"
-          />
-        </div>
-      </section>
+              <p>
+                We're in the process of spinning up a few podcasts to bring you
+                all the news, code and pontification that's fit for publication,
+                and rather a lot that isn't as well.
+              </p>
+              <p>
+                For the time being we have one podcast, so we're including it
+                here for your listening enjoyment.
+              </p>
+              <p>
+                While it may seem silly to start an entire page for podcasts
+                when we only have the one (we should really have called it
+                'podcast' page), we had to start somewhere.
+              </p>
+              <p>
+                <blockquote>
+                  <p>
+                    "Omnium rerum principia parva sunt" (All things have small
+                    beginnings)
+                  </p>
+                  <footer>- Marcus Tullius Cicero (106 BC - 43 BC)</footer>
+                </blockquote>
+              </p>
+              <p>
+                We hope you enjoy it. If you don't please feel free to{' '}
+                <a href="mailto:devrel@newrelic.com">send us mean emails.</a>{' '}
+                It's internet tradition.
+              </p>
+            </div>
+            <img
+              className={styles.img}
+              src={podcastsHeader}
+              alt="podcasts header"
+            />
+          </section>
+          <section className={cx(styles.section, styles.player)}>
+            <div id="buzzsprout-player">
+              <iframe
+                title="buzzsprout"
+                src="https://www.buzzsprout.com/1225223?client_source=large_player&iframe=true&referrer=https://www.buzzsprout.com/1225223.js?container_id=buzzsprout-large-player-1225223&player=large"
+              />
+            </div>
+          </section>
+        </PageLayout.Content>
+      </PageLayout>
     </>
   );
 };