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> </> ); };