diff --git a/src/@newrelic/gatsby-theme-newrelic/icons/feather.js b/src/@newrelic/gatsby-theme-newrelic/icons/feather.js
index 27341e02..3f25779a 100644
--- a/src/@newrelic/gatsby-theme-newrelic/icons/feather.js
+++ b/src/@newrelic/gatsby-theme-newrelic/icons/feather.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import defaultIcons from '@newrelic/gatsby-theme-newrelic/src/icons/feather';
 
-export default {
+const featherIcons = {
   ...defaultIcons,
   box: (
     <>
@@ -99,3 +99,5 @@ export default {
   ),
   zap: <polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2" />,
 };
+
+export default featherIcons;
diff --git a/src/@newrelic/gatsby-theme-newrelic/icons/newrelic.js b/src/@newrelic/gatsby-theme-newrelic/icons/newrelic.js
index 341bab5b..e76d6f7b 100644
--- a/src/@newrelic/gatsby-theme-newrelic/icons/newrelic.js
+++ b/src/@newrelic/gatsby-theme-newrelic/icons/newrelic.js
@@ -1,37 +1,9 @@
 import defaultIcons from '@newrelic/gatsby-theme-newrelic/src/icons/newrelic';
-import automation from './newrelic/automation';
-import allEntities from './newrelic/all-entities';
-import dashboard from './newrelic/dashboard';
-import document from './newrelic/document';
-import alert from './newrelic/alert';
-import book from './newrelic/book';
-import buildApps from './newrelic/build-apps';
-import builders from './newrelic/builders';
-import nerdBytes from './newrelic/nerd-bytes';
-import developerChampions from './newrelic/developer-champions';
-import event from './newrelic/event';
-import podcasts from './newrelic/podcasts';
-import relicans from './newrelic/relicans';
-import share from './newrelic/share';
-import nerdlog from './newrelic/nerdlog';
 import checkShield from './newrelic/check-shield';
 
-export default {
+const newrelicIcons = {
   ...defaultIcons,
-  automation,
-  alert,
-  'all-entities': allEntities,
-  dashboard,
-  document,
-  book,
-  'build-apps': buildApps,
-  builders,
-  'nerd-bytes': nerdBytes,
-  'developer-champions': developerChampions,
-  event,
-  relicans,
-  podcasts,
-  share,
-  nerdlog,
   'check-shield': checkShield,
 };
+
+export default newrelicIcons;
diff --git a/src/@newrelic/gatsby-theme-newrelic/icons/newrelic/check-shield.js b/src/@newrelic/gatsby-theme-newrelic/icons/newrelic/check-shield.js
index 1d9e16bc..566782b0 100644
--- a/src/@newrelic/gatsby-theme-newrelic/icons/newrelic/check-shield.js
+++ b/src/@newrelic/gatsby-theme-newrelic/icons/newrelic/check-shield.js
@@ -1,10 +1,10 @@
 import React from 'react';
-import SVG from '@newrelic/gatsby-theme-newrelic/src/components/SVG';
+import Svg from '@newrelic/gatsby-theme-newrelic/src/components/SVG';
 import { css } from '@emotion/react';
 import PropTypes from 'prop-types';
 
 const CheckShieldIcon = ({ className }) => (
-  <SVG
+  <Svg
     className={className}
     viewBox="0 0 15 19"
     css={css`
@@ -19,7 +19,7 @@ const CheckShieldIcon = ({ className }) => (
       d="M7.7926 0.0549888C7.60395 -0.0183296 7.39605 -0.0183296 7.2074 0.0549888L0.54073 2.64592C0.215477 2.77232 0 3.09456 0 3.45457V9.50007C0 12.4766 1.90146 14.8549 3.61791 16.4114C4.49365 17.2056 5.36545 17.8263 6.01667 18.2481C6.34314 18.4596 6.6164 18.6225 6.80995 18.7335C6.90677 18.7891 6.98381 18.8317 7.03777 18.8611C7.06475 18.8758 7.08598 18.8871 7.10104 18.8951L7.11895 18.9046L7.12435 18.9074L7.12681 18.9087C7.36141 19.0303 7.63807 19.0305 7.87268 18.909L7.5 18.1365C7.87268 18.909 7.87386 18.9083 7.87386 18.9083L7.87565 18.9074L7.88105 18.9046L7.89896 18.8951C7.91402 18.8871 7.93525 18.8758 7.96223 18.8611C8.01619 18.8317 8.09323 18.7891 8.19005 18.7335C8.3836 18.6225 8.65686 18.4596 8.98333 18.2481C9.63455 17.8263 10.5064 17.2056 11.3821 16.4114C13.0985 14.8549 15 12.4766 15 9.50007V3.45457C15 3.09456 14.7845 2.77232 14.4593 2.64592L7.7926 0.0549888ZM7.5 18.1365L7.12681 18.9087C7.12681 18.9087 7.12732 18.909 7.5 18.1365ZM11.0243 8.30226C11.4122 7.90916 11.408 7.276 11.0149 6.88808C10.6218 6.50015 9.98865 6.50434 9.60072 6.89745L6.5625 9.9762L5.39928 8.79746C5.01135 8.40436 4.3782 8.40016 3.98509 8.78809C3.59199 9.17602 3.5878 9.80917 3.97572 10.2023L5.85072 12.1023C6.03863 12.2927 6.29499 12.3999 6.5625 12.3999C6.83001 12.3999 7.08637 12.2927 7.27428 12.1023L11.0243 8.30226Z"
       fill="#019CAA"
     />
-  </SVG>
+  </Svg>
 );
 
 CheckShieldIcon.propTypes = {
diff --git a/src/components/EmptyTab.js b/src/components/EmptyTab.js
index 18af5723..bc26e2cf 100644
--- a/src/components/EmptyTab.js
+++ b/src/components/EmptyTab.js
@@ -1,8 +1,8 @@
-import React from "react";
-import PropTypes from "prop-types";
-import { css } from "@emotion/react";
-import { Button, Icon, Link } from "@newrelic/gatsby-theme-newrelic";
-import { QUICKSTARTS_REPO } from "../data/constants";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { css } from '@emotion/react';
+import { Button, Icon, Link } from '@newrelic/gatsby-theme-newrelic';
+import { QUICKSTARTS_REPO } from '../data/constants';
 
 const EmptyTab = ({
   quickstartName,
diff --git a/src/components/DevSiteSeo.js b/src/components/IOSeo.js
similarity index 92%
rename from src/components/DevSiteSeo.js
rename to src/components/IOSeo.js
index f741ace1..747c62b2 100644
--- a/src/components/DevSiteSeo.js
+++ b/src/components/IOSeo.js
@@ -1,9 +1,9 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import { SEO } from '@newrelic/gatsby-theme-newrelic';
+import { SEO as Seo } from '@newrelic/gatsby-theme-newrelic';
 import { useStaticQuery, graphql, withPrefix } from 'gatsby';
 
-function DevSiteSeo({ description, meta, title, tags, location, type }) {
+function IOSeo({ description, meta, title, tags, location, type }) {
   const { site } = useStaticQuery(
     graphql`
       query {
@@ -98,22 +98,22 @@ function DevSiteSeo({ description, meta, title, tags, location, type }) {
   ].filter((m) => m.content !== '');
 
   return (
-    <SEO location={location} title={title} type={type}>
+    <Seo location={location} title={title} type={type}>
       {crazyEgg(location)}
       {validMetadata.map((data, index) => (
         <meta key={`${data.name}-${index}`} {...data} />
       ))}
       <script src={withPrefix('tessen.min-1.3.0.js')} type="text/javascript" />
-    </SEO>
+    </Seo>
   );
 }
 
-DevSiteSeo.defaultProps = {
+IOSeo.defaultProps = {
   meta: [],
   description: '',
 };
 
-DevSiteSeo.propTypes = {
+IOSeo.propTypes = {
   location: PropTypes.object.isRequired,
   description: PropTypes.string,
   meta: PropTypes.arrayOf(PropTypes.object),
@@ -123,4 +123,4 @@ DevSiteSeo.propTypes = {
   quickStartName: PropTypes.string,
 };
 
-export default DevSiteSeo;
+export default IOSeo;
diff --git a/src/components/PageLayout/PageLayout.js b/src/components/PageLayout/PageLayout.js
index 510af817..72172223 100644
--- a/src/components/PageLayout/PageLayout.js
+++ b/src/components/PageLayout/PageLayout.js
@@ -1,53 +1,53 @@
-import React from "react";
-import PropTypes from "prop-types";
-import { css } from "@emotion/react";
-import Header from "./Header";
-import Context from "./Context";
-import { Layout, useLayout } from "@newrelic/gatsby-theme-newrelic";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { css } from '@emotion/react';
+import Header from './Header';
+import Context from './Context';
+import { Layout, useLayout } from '@newrelic/gatsby-theme-newrelic';
 
 const TYPES = {
-  SINGLE_COLUMN: "SINGLE_COLUMN",
-  RELATED_CONTENT: "RELATED_CONTENT",
-  RELATED_CONTENT_TABS: "RELATED_CONTENT_TABS",
+  SINGLE_COLUMN: 'SINGLE_COLUMN',
+  RELATED_CONTENT: 'RELATED_CONTENT',
+  RELATED_CONTENT_TABS: 'RELATED_CONTENT_TABS',
 };
 
 const LAYOUTS = {
   [TYPES.RELATED_CONTENT]: css`
     grid-template-areas:
-      "page-header page-header"
-      "content page-tools";
+      'page-header page-header'
+      'content page-tools';
     grid-template-columns: minmax(0, 1fr) 320px;
     grid-gap: 2rem;
 
     @media (max-width: 1240px) {
       grid-template-areas:
-        "page-header"
-        "content"
-        "page-tools";
+        'page-header'
+        'content'
+        'page-tools';
       grid-template-columns: minmax(0, 1fr);
     }
   `,
   [TYPES.RELATED_CONTENT_TABS]: css`
     grid-template-areas:
-      "page-header page-header"
-      "tabs tabs"
-      "content page-tools";
+      'page-header page-header'
+      'tabs tabs'
+      'content page-tools';
     grid-template-columns: minmax(0, 1fr) 320px;
     grid-gap: 2rem;
 
     @media (max-width: 1240px) {
       grid-template-areas:
-        "page-header"
-        "tabs"
-        "content"
-        "page-tools";
+        'page-header'
+        'tabs'
+        'content'
+        'page-tools';
       grid-template-columns: minmax(0, 1fr);
     }
   `,
   [TYPES.SINGLE_COLUMN]: css`
     grid-template-areas:
-      "page-header"
-      "content";
+      'page-header'
+      'content';
     grid-template-columns: minmax(0, 1fr);
   `,
 };
diff --git a/src/components/QuickstartAlerts.js b/src/components/QuickstartAlerts.js
index f484e679..b46fd518 100644
--- a/src/components/QuickstartAlerts.js
+++ b/src/components/QuickstartAlerts.js
@@ -1,9 +1,9 @@
-import React from "react";
-import { css } from "@emotion/react";
-import pluralize from "pluralize";
-import { Surface, Tag } from "@newrelic/gatsby-theme-newrelic";
-import Intro from "./Intro";
-import { quickstart } from "../types";
+import React from 'react';
+import { css } from '@emotion/react';
+import pluralize from 'pluralize';
+import { Surface, Tag } from '@newrelic/gatsby-theme-newrelic';
+import Intro from './Intro';
+import { quickstart } from '../types';
 
 const QuickstartAlerts = ({ quickstart }) => (
   <>
@@ -12,8 +12,8 @@ const QuickstartAlerts = ({ quickstart }) => (
         margin-bottom: 16px;
       `}
     >
-      {quickstart.title} observability quickstart contains{" "}
-      {pluralize("alert", quickstart.alerts?.length ?? 0, true)}. These alerts
+      {quickstart.title} observability quickstart contains{' '}
+      {pluralize('alert', quickstart.alerts?.length ?? 0, true)}. These alerts
       detect changes in key performance metrics. Integrate these alerts with
       your favorite tools (like Slack, PagerDuty, etc.) and New Relic will let
       you know when something needs your attention.
diff --git a/src/components/QuickstartDashboards.js b/src/components/QuickstartDashboards.js
index c93ef25a..0054fe7e 100644
--- a/src/components/QuickstartDashboards.js
+++ b/src/components/QuickstartDashboards.js
@@ -1,9 +1,9 @@
-import React from "react";
-import { css } from "@emotion/react";
-import pluralize from "pluralize";
-import Intro from "./Intro";
-import ImageSlider from "./ImageSlider";
-import { quickstart } from "../types";
+import React from 'react';
+import { css } from '@emotion/react';
+import pluralize from 'pluralize';
+import Intro from './Intro';
+import ImageSlider from './ImageSlider';
+import { quickstart } from '../types';
 
 const QuickstartDashboards = ({ quickstart }) => (
   <>
@@ -12,8 +12,8 @@ const QuickstartDashboards = ({ quickstart }) => (
         margin-bottom: 16px;
       `}
     >
-      {quickstart.title} quickstart contains{" "}
-      {pluralize("dashboard", quickstart.dashboards?.length ?? 0, true)}. These
+      {quickstart.title} quickstart contains{' '}
+      {pluralize('dashboard', quickstart.dashboards?.length ?? 0, true)}. These
       interactive visualizations let you easily explore your data, understand
       context, and resolve problems faster.
     </Intro>
diff --git a/src/components/QuickstartDataSources.js b/src/components/QuickstartDataSources.js
index 45f5ca39..ad097258 100644
--- a/src/components/QuickstartDataSources.js
+++ b/src/components/QuickstartDataSources.js
@@ -1,17 +1,17 @@
-import React from "react";
-import { css } from "@emotion/react";
-import pluralize from "pluralize";
-import { Surface, Link, Tag, useTessen } from "@newrelic/gatsby-theme-newrelic";
-import Intro from "./Intro";
-import { quickstart } from "../types";
+import React from 'react';
+import { css } from '@emotion/react';
+import pluralize from 'pluralize';
+import { Surface, Link, Tag, useTessen } from '@newrelic/gatsby-theme-newrelic';
+import Intro from './Intro';
+import { quickstart } from '../types';
 
 const QuickstartDataSources = ({ quickstart }) => {
   const tessen = useTessen();
 
   const handleDocsTileClick = () => {
     tessen.track({
-      eventName: "instantObservability",
-      category: "DocsTileClick",
+      eventName: 'instantObservability',
+      category: 'DocsTileClick',
       quickstartName: quickstart.name,
       quickstartId: quickstart.id,
     });
@@ -24,9 +24,9 @@ const QuickstartDataSources = ({ quickstart }) => {
           margin-bottom: 16px;
         `}
       >
-        {quickstart.title} observability quickstart contains{" "}
-        {pluralize("data source", quickstart.documentation?.length ?? 0, true)}.
-        This is how you'll get your data into New Relic.{" "}
+        {quickstart.title} observability quickstart contains{' '}
+        {pluralize('data source', quickstart.documentation?.length ?? 0, true)}.
+        This is how you'll get your data into New Relic.{' '}
       </Intro>
 
       <div
diff --git a/src/components/PackImg.js b/src/components/QuickstartImg.js
similarity index 92%
rename from src/components/PackImg.js
rename to src/components/QuickstartImg.js
index c467cdd5..7c9be600 100644
--- a/src/components/PackImg.js
+++ b/src/components/QuickstartImg.js
@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { css } from '@emotion/react';
 import DEFAULT_IMAGE from '../images/default-logo-background.svg';
 
-const PackImg = ({ className, logoUrl, packName }) => {
+const QuickstartImg = ({ className, logoUrl, packName }) => {
   const [packAcronym, setPackAcronym] = useState('');
 
   const getPackNameAcronym = () => {
@@ -58,10 +58,10 @@ const PackImg = ({ className, logoUrl, packName }) => {
   );
 };
 
-PackImg.propTypes = {
+QuickstartImg.propTypes = {
   packName: PropTypes.string.isRequired,
   logoUrl: PropTypes.string,
   className: PropTypes.string,
 };
 
-export default PackImg;
+export default QuickstartImg;
diff --git a/src/components/QuickstartOverview.js b/src/components/QuickstartOverview.js
index 7d9e5452..ea950579 100644
--- a/src/components/QuickstartOverview.js
+++ b/src/components/QuickstartOverview.js
@@ -1,23 +1,23 @@
-import React from "react";
-import { css } from "@emotion/react";
-import { quickstart } from "../types";
-import OverviewTile from "./OverviewTile";
-import Markdown from "./Markdown";
+import React from 'react';
+import { css } from '@emotion/react';
+import { quickstart } from '../types';
+import OverviewTile from './OverviewTile';
+import Markdown from './Markdown';
 
 const allowedElements = [
-  "h1",
-  "h2",
-  "h3",
-  "ol",
-  "ul",
-  "li",
-  "p",
-  "blockquote",
-  "code",
-  "a",
-  "strong",
-  "em",
-  "hr",
+  'h1',
+  'h2',
+  'h3',
+  'ol',
+  'ul',
+  'li',
+  'p',
+  'blockquote',
+  'code',
+  'a',
+  'strong',
+  'em',
+  'hr',
 ];
 
 const QuickstartOverview = ({ quickstart }) => {
diff --git a/src/components/PackTile.js b/src/components/QuickstartTile.js
similarity index 97%
rename from src/components/PackTile.js
rename to src/components/QuickstartTile.js
index a1f8ac8b..5cd615d9 100644
--- a/src/components/PackTile.js
+++ b/src/components/QuickstartTile.js
@@ -13,14 +13,14 @@ import {
   RESERVED_QUICKSTART_IDS,
   LISTVIEW_BREAKPOINT,
 } from '../data/constants';
-import PackImg from './PackImg';
+import QuickstartImg from './QuickstartImg';
 
 const VIEWS = {
   GRID: 'Grid view',
   LIST: 'List view',
 };
 
-const PackTile = ({
+const QuickstartTile = ({
   id,
   title,
   view,
@@ -144,7 +144,7 @@ const PackTile = ({
             height: var(--tile-image-height);
           `}
         >
-          <PackImg
+          <QuickstartImg
             logoUrl={logoUrl}
             packName={title || name}
             css={css`
@@ -219,7 +219,7 @@ const PackTile = ({
   );
 };
 
-PackTile.propTypes = {
+QuickstartTile.propTypes = {
   id: PropTypes.string.isRequired,
   view: PropTypes.oneOf(Object.values(VIEWS)).isRequired,
   name: PropTypes.string.isRequired,
@@ -235,4 +235,4 @@ PackTile.propTypes = {
   href: PropTypes.string,
 };
 
-export default PackTile;
+export default QuickstartTile;
diff --git a/src/components/SupportSection.js b/src/components/SupportSection.js
index 5deaaeb6..03f449f4 100644
--- a/src/components/SupportSection.js
+++ b/src/components/SupportSection.js
@@ -1,12 +1,12 @@
-import React from "react";
-import PropTypes from "prop-types";
-import { css } from "@emotion/react";
-import { Link } from "@newrelic/gatsby-theme-newrelic";
+import React from 'react';
+import PropTypes from 'prop-types';
+import { css } from '@emotion/react';
+import { Link } from '@newrelic/gatsby-theme-newrelic';
 import {
   SUPPORT_LINK,
   COMMUNITY_LINK,
   QUICKSTART_SUPPORT_LEVELS,
-} from "../data/constants";
+} from '../data/constants';
 
 const SupportSection = ({ supportLevel, onClick: onLinkClick }) => {
   const supportLink = (
@@ -14,7 +14,7 @@ const SupportSection = ({ supportLevel, onClick: onLinkClick }) => {
       to={SUPPORT_LINK}
       key={QUICKSTART_SUPPORT_LEVELS.NEWRELIC}
       onClick={() =>
-        onLinkClick && onLinkClick("QuickstartDetailsSupportClick")
+        onLinkClick && onLinkClick('QuickstartDetailsSupportClick')
       }
     >
       Visit our Support Center
@@ -25,7 +25,7 @@ const SupportSection = ({ supportLevel, onClick: onLinkClick }) => {
     <Link
       to={COMMUNITY_LINK}
       key={QUICKSTART_SUPPORT_LEVELS.NEWRELIC}
-      onClick={() => onLinkClick("QuickstartDetailsCommunityClick")}
+      onClick={() => onLinkClick('QuickstartDetailsCommunityClick')}
     >
       the Explorers Hub
     </Link>
@@ -33,26 +33,26 @@ const SupportSection = ({ supportLevel, onClick: onLinkClick }) => {
 
   const QUICKSTART_SUPPORT_CONTENT = {
     [QUICKSTART_SUPPORT_LEVELS.NEWRELIC]: {
-      title: "Built by New Relic",
+      title: 'Built by New Relic',
       content: (
         <p>
-          Need help? {supportLink} or check out our community forum,{" "}
+          Need help? {supportLink} or check out our community forum,{' '}
           {communityLink}.
         </p>
       ),
     },
     [QUICKSTART_SUPPORT_LEVELS.VERIFIED]: {
-      title: "Verified by New Relic",
+      title: 'Verified by New Relic',
       content: (
         <p>
-          Need help? Find the author's support resources under{" "}
-          <strong>What's included</strong>. Or check out our community forum,{" "}
+          Need help? Find the author's support resources under{' '}
+          <strong>What's included</strong>. Or check out our community forum,{' '}
           {communityLink}.
         </p>
       ),
     },
     [QUICKSTART_SUPPORT_LEVELS.COMMUNITY]: {
-      title: "Built by the community",
+      title: 'Built by the community',
       content: (
         <p>
           Need help? Visit our community forum, {communityLink} to find an
diff --git a/src/data/constants.js b/src/data/constants.js
index d6adb014..63ba5ccb 100644
--- a/src/data/constants.js
+++ b/src/data/constants.js
@@ -1,42 +1,42 @@
 export const NR1_PACK_DETAILS_NERDLET =
-  "catalog-pack-details.catalog-pack-contents";
+  'catalog-pack-details.catalog-pack-contents';
 
 export const NR1_GUIDED_INSTALL_NERDLET =
-  "nr1-install-newrelic.nr1-install-newrelic";
+  'nr1-install-newrelic.nr1-install-newrelic';
 
-export const NR1_CODESTREAM_INSTALL_NERDLET = "codestream-install.home";
-export const CODESTREAM_QUICKSTART_ID = "29bd9a4a-1c19-4219-9694-0942f6411ce7";
+export const NR1_CODESTREAM_INSTALL_NERDLET = 'codestream-install.home';
+export const CODESTREAM_QUICKSTART_ID = '29bd9a4a-1c19-4219-9694-0942f6411ce7';
 
-export const NR1_EXPLORER_NERDLET = "nr1-core.listing";
+export const NR1_EXPLORER_NERDLET = 'nr1-core.listing';
 
 export const QUICKSTART_SUPPORT_LEVELS = {
-  NEWRELIC: "NEWRELIC",
-  VERIFIED: "VERIFIED",
-  COMMUNITY: "COMMUNITY",
+  NEWRELIC: 'NEWRELIC',
+  VERIFIED: 'VERIFIED',
+  COMMUNITY: 'COMMUNITY',
 };
 
-export const SUPPORT_LINK = "https://support.newrelic.com";
-export const COMMUNITY_LINK = "https://discuss.newrelic.com";
+export const SUPPORT_LINK = 'https://support.newrelic.com';
+export const COMMUNITY_LINK = 'https://discuss.newrelic.com';
 
 export const QUICKSTART_ALERT_TYPES = {
-  BASELINE: "BASELINE",
-  STATIC: "STATIC",
+  BASELINE: 'BASELINE',
+  STATIC: 'STATIC',
 };
 
-export const SHIELD_LEVELS = ["NEWRELIC", "VERIFIED"];
+export const SHIELD_LEVELS = ['NEWRELIC', 'VERIFIED'];
 
 export const QUICKSTARTS_REPO =
-  "https://github.com/newrelic/newrelic-quickstarts";
+  'https://github.com/newrelic/newrelic-quickstarts';
 
-export const SIGNUP_LINK = "https://newrelic.com/signup";
-export const LOGIN_LINK = "https://login.newrelic.com/login";
+export const SIGNUP_LINK = 'https://newrelic.com/signup';
+export const LOGIN_LINK = 'https://login.newrelic.com/login';
 
-export const UTM_PARAMETERS = { utm_medium: "cpc" };
+export const UTM_PARAMETERS = { utm_medium: 'cpc' };
 
 export const RESERVED_QUICKSTART_IDS = {
-  GUIDED_INSTALL: "GUIDED_INSTALL",
-  BUILD_YOUR_OWN_QUICKSTART: "BUILD_YOUR_OWN_QUICKSTART",
+  GUIDED_INSTALL: 'GUIDED_INSTALL',
+  BUILD_YOUR_OWN_QUICKSTART: 'BUILD_YOUR_OWN_QUICKSTART',
 };
 
-export const QUICKSTARTS_COLLAPSE_BREAKPOINT = "760px";
-export const LISTVIEW_BREAKPOINT = "1080px";
+export const QUICKSTARTS_COLLAPSE_BREAKPOINT = '760px';
+export const LISTVIEW_BREAKPOINT = '1080px';
diff --git a/src/data/related-pages.json b/src/data/related-pages.json
index 9e26dfee..0967ef42 100644
--- a/src/data/related-pages.json
+++ b/src/data/related-pages.json
@@ -1 +1 @@
-{}
\ No newline at end of file
+{}
diff --git a/src/layouts/index.js b/src/layouts/index.js
index 5e17e37e..18517fc8 100644
--- a/src/layouts/index.js
+++ b/src/layouts/index.js
@@ -1,6 +1,6 @@
-import React from "react";
-import QuickStartLayout from "./QuickStartLayout";
-import PropTypes from "prop-types";
+import React from 'react';
+import QuickStartLayout from './QuickStartLayout';
+import PropTypes from 'prop-types';
 
 const Layout = ({ children, pageContext }) => {
   if (pageContext.fileRelativePath.match(/404/)) {
diff --git a/src/pages/instant-observability.js b/src/pages/instant-observability.js
index 0bb6abee..6483ea08 100644
--- a/src/pages/instant-observability.js
+++ b/src/pages/instant-observability.js
@@ -1,7 +1,7 @@
 import PropTypes from 'prop-types';
 import { graphql } from 'gatsby';
 import React, { useState, useEffect } from 'react';
-import DevSiteSeo from '../components/DevSiteSeo';
+import IOSeo from '../components/IOSeo';
 import { css } from '@emotion/react';
 import SegmentedControl from '../components/SegmentedControl';
 import Overlay from '../components/Overlay';
@@ -188,7 +188,7 @@ const QuickstartsPage = ({ data, location }) => {
 
   return (
     <>
-      <DevSiteSeo
+      <IOSeo
         title="Instant Observability"
         location={location}
         type="quickstarts"
diff --git a/src/templates/QuickstartDetails.js b/src/templates/QuickstartDetails.js
index adb3ada8..bf0c4baa 100644
--- a/src/templates/QuickstartDetails.js
+++ b/src/templates/QuickstartDetails.js
@@ -1,14 +1,14 @@
-import React from "react";
-import { graphql } from "gatsby";
-import { css } from "@emotion/react";
-import DevSiteSeo from "../components/DevSiteSeo";
-import PropTypes from "prop-types";
-import PageLayout from "../components/PageLayout";
-import Tabs from "../components/Tabs";
-import EmptyTab from "../components/EmptyTab";
-import SupportSection from "../components/SupportSection";
-import QuickstartAlerts from "../components/QuickstartAlerts";
-import QuickstartDashboards from "../components/QuickstartDashboards";
+import React from 'react';
+import { graphql } from 'gatsby';
+import { css } from '@emotion/react';
+import IOSeo from '../components/IOSeo';
+import PropTypes from 'prop-types';
+import PageLayout from '../components/PageLayout';
+import Tabs from '../components/Tabs';
+import EmptyTab from '../components/EmptyTab';
+import SupportSection from '../components/SupportSection';
+import QuickstartAlerts from '../components/QuickstartAlerts';
+import QuickstartDashboards from '../components/QuickstartDashboards';
 import {
   Layout,
   PageTools,
@@ -17,18 +17,18 @@ import {
   Icon,
   Link,
   RelatedResources,
-} from "@newrelic/gatsby-theme-newrelic";
-import InstallButton from "../components/InstallButton";
-import QuickstartDataSources from "../components/QuickstartDataSources";
-import Breadcrumbs from "../components/Breadcrumbs";
-import { quickstart } from "../types";
+} from '@newrelic/gatsby-theme-newrelic';
+import InstallButton from '../components/InstallButton';
+import QuickstartDataSources from '../components/QuickstartDataSources';
+import Breadcrumbs from '../components/Breadcrumbs';
+import { quickstart } from '../types';
 import {
   QUICKSTARTS_REPO,
   SIGNUP_LINK,
   LOGIN_LINK,
   SHIELD_LEVELS,
-} from "../data/constants";
-import QuickstartOverview from "../components/QuickstartOverview";
+} from '../data/constants';
+import QuickstartOverview from '../components/QuickstartOverview';
 
 const QuickstartDetails = ({ data, location }) => {
   const quickstart = data.quickstarts;
@@ -36,8 +36,8 @@ const QuickstartDetails = ({ data, location }) => {
   const tessen = useTessen();
   const breadcrumbs = [
     {
-      name: "Instant Observability (I/O)",
-      url: "/instant-observability/",
+      name: 'Instant Observability (I/O)',
+      url: '/instant-observability/',
     },
     {
       name: quickstart.title,
@@ -45,16 +45,16 @@ const QuickstartDetails = ({ data, location }) => {
   ];
   const quickStartMeta = [
     {
-      name: "quick_start_name",
-      class: "swiftype",
-      "data-type": "string",
+      name: 'quick_start_name',
+      class: 'swiftype',
+      'data-type': 'string',
       content: quickstart.title,
     },
   ];
 
   const trackQuickstart = (action, quickstart) => () =>
     tessen.track({
-      eventName: "instantObservability",
+      eventName: 'instantObservability',
       category: action,
       quickstartName: quickstart.name,
       quickstartId: quickstart.id,
@@ -63,7 +63,7 @@ const QuickstartDetails = ({ data, location }) => {
 
   const tessenTabTrack = (action, quickstart) => (id, count) => {
     tessen.track({
-      eventName: "instantObservability",
+      eventName: 'instantObservability',
       category: action,
       QuickstartTabState: id,
       QuickstartTabCount: count,
@@ -73,7 +73,7 @@ const QuickstartDetails = ({ data, location }) => {
   };
   const tessenSupportTrack = (quickstart) => (action) => {
     tessen.track({
-      eventName: "instantObservability",
+      eventName: 'instantObservability',
       category: action,
       quickstartName: quickstart.name,
       quickstartId: quickstart.id,
@@ -82,7 +82,7 @@ const QuickstartDetails = ({ data, location }) => {
 
   return (
     <>
-      <DevSiteSeo
+      <IOSeo
         title={quickstart.title}
         type="quickstarts"
         location={location}
@@ -119,9 +119,9 @@ const QuickstartDetails = ({ data, location }) => {
               grid-column-gap: 1rem;
               grid-row-gap: 1rem;
               grid-template-areas:
-                "title logo"
-                "summ logo"
-                "cta logo";
+                'title logo'
+                'summ logo'
+                'cta logo';
               justify-content: normal;
               justify-self: center;
               row-gap: 1rem;
@@ -138,8 +138,8 @@ const QuickstartDetails = ({ data, location }) => {
                 border-bottom: 1px solid var(--border-color);
                 border-radius: 0.25rem;
                 grid-template-areas:
-                  "logo title cta"
-                  "logo summ cta";
+                  'logo title cta'
+                  'logo summ cta';
                 padding: 16px 0 24px;
                 position: sticky;
                 top: var(--global-header-height);
@@ -209,7 +209,7 @@ const QuickstartDetails = ({ data, location }) => {
                     margin: 1rem 0 0 0;
                   }
                 `}
-                onClick={trackQuickstart("QuickstartViewRepoClick", quickstart)}
+                onClick={trackQuickstart('QuickstartViewRepoClick', quickstart)}
               >
                 <Icon
                   name="fe-github"
@@ -337,22 +337,22 @@ const QuickstartDetails = ({ data, location }) => {
                   <Link
                     to={SIGNUP_LINK}
                     onClick={trackQuickstart(
-                      "QuickstartDetailsSignUpClick",
+                      'QuickstartDetailsSignUpClick',
                       quickstart
                     )}
                   >
                     Sign Up
-                  </Link>{" "}
-                  for a free New Relic account or{" "}
+                  </Link>{' '}
+                  for a free New Relic account or{' '}
                   <Link
                     to={LOGIN_LINK}
                     onClick={trackQuickstart(
-                      "QuickstartDetailsLoginClick",
+                      'QuickstartDetailsLoginClick',
                       quickstart
                     )}
                   >
                     Log In
-                  </Link>{" "}
+                  </Link>{' '}
                   to your existing account.
                 </li>
                 <li>Click the green install button above.</li>
@@ -371,7 +371,7 @@ const QuickstartDetails = ({ data, location }) => {
             />
             <PageTools.Section>
               <PageTools.Title>Authors</PageTools.Title>
-              <p>{quickstart.authors.join(", ")}</p>
+              <p>{quickstart.authors.join(', ')}</p>
             </PageTools.Section>
             <aside
               data-swiftype-index={false}
diff --git a/src/utils/get-pack-nr1-url.js b/src/utils/get-pack-nr1-url.js
index 7059ad0a..b81d48dd 100644
--- a/src/utils/get-pack-nr1-url.js
+++ b/src/utils/get-pack-nr1-url.js
@@ -1,7 +1,7 @@
-const NR1_BASE_URL = "https://one.newrelic.com";
-const NR1_BASE_URL_LOCAL = "https://dev-one.newrelic.com";
+const NR1_BASE_URL = 'https://one.newrelic.com';
+const NR1_BASE_URL_LOCAL = 'https://dev-one.newrelic.com';
 const NERDLET_PATH = `launcher/catalog-pack-details.launcher/`;
-const NR1_EXPLORER_NERDLET = "nr1-core.listing";
+const NR1_EXPLORER_NERDLET = 'nr1-core.listing';
 
 /**
  * @param {string} quickstartId The ID for an observability pack.
@@ -17,11 +17,11 @@ const getPackNr1Url = (quickstartId, nerdletId, debug = false) => {
   // Note: this works differently depending on whether or not we have access
   // to the window object (and the btoa function).
   const hash =
-    typeof window !== "undefined" && window.btoa
+    typeof window !== 'undefined' && window.btoa
       ? btoa(pane)
-      : Buffer.from(pane, "utf-8").toString("base64");
+      : Buffer.from(pane, 'utf-8').toString('base64');
 
-  const local = debug ? "packages=local&" : "";
+  const local = debug ? 'packages=local&' : '';
   const NR1_URL = debug ? NR1_BASE_URL_LOCAL : NR1_BASE_URL;
 
   const url = new URL(`${NERDLET_PATH}?${local}pane=${hash}`, NR1_URL);
@@ -36,16 +36,16 @@ const getGuidedInstallStackedNr1Url = (nerdletId, debug = false) => {
   });
 
   const hash =
-    typeof window !== "undefined" && window.btoa
+    typeof window !== 'undefined' && window.btoa
       ? btoa(pane)
-      : Buffer.from(pane, "utf-8").toString("base64");
+      : Buffer.from(pane, 'utf-8').toString('base64');
 
   const cardHash =
-    typeof window !== "undefined" && window.btoa
+    typeof window !== 'undefined' && window.btoa
       ? btoa(card)
-      : Buffer.from(card, "utf-8").toString("base64");
+      : Buffer.from(card, 'utf-8').toString('base64');
 
-  const local = debug ? "packages=local&" : "";
+  const local = debug ? 'packages=local&' : '';
   const NR1_URL = debug ? NR1_BASE_URL_LOCAL : NR1_BASE_URL;
 
   const url = new URL(