diff --git a/docs/overview/roadmap.md b/docs/overview/roadmap.md
index 2763f95a5a..2ac211bf97 100644
--- a/docs/overview/roadmap.md
+++ b/docs/overview/roadmap.md
@@ -111,5 +111,4 @@ guidelines to get started.
 
 If you have specific questions about the roadmap, please create an
 [issue](https://github.com/backstage/backstage/issues/new/choose), ping us on
-[Discord](https://discord.gg/qxsEfa8Vq8), or [book
-time](http://calendly.com/spotify-backstage) with the Spotify team.
+[Discord](https://discord.gg/qxsEfa8Vq8), or [book time](https://info.backstage.spotify.com/office-hours) with the Spotify team.
diff --git a/microsite/blog/2020-06-22-backstage-service-catalog-alpha.md b/microsite/blog/2020-06-22-backstage-service-catalog-alpha.md
index 4519f16d96..7f8fe01e11 100644
--- a/microsite/blog/2020-06-22-backstage-service-catalog-alpha.md
+++ b/microsite/blog/2020-06-22-backstage-service-catalog-alpha.md
@@ -51,4 +51,4 @@ As with most alpha releases, you should expect things to change quite a lot unti
 
 If you have feedback or questions, please open a [GitHub issue](https://github.com/backstage/backstage/issues), ping us on [Discord chat](https://discord.gg/EBHEGzX) or send us an email at [backstage-interest@spotify.com](mailto:backstage-interest@spotify.com) 🙏
 
-To get regular product updates and news about the Backstage community, sign up for the [Backstage newsletter](https://mailchi.mp/spotify/backstage-community).
+To get regular product updates and news about the Backstage community, sign up for the [Backstage newsletter](https://info.backstage.spotify.com/newsletter_subscribe).
diff --git a/microsite/blog/2020-08-05-announcing-backstage-software-templates.md b/microsite/blog/2020-08-05-announcing-backstage-software-templates.md
index 0bf8d7e581..18bfa64c19 100644
--- a/microsite/blog/2020-08-05-announcing-backstage-software-templates.md
+++ b/microsite/blog/2020-08-05-announcing-backstage-software-templates.md
@@ -75,4 +75,4 @@ We have learned that one of the keys to getting these standards adopted is to ke
 
 If you have feedback or questions, please open a [GitHub issue](https://github.com/backstage/backstage/issues), ping us on [Discord chat](https://discord.gg/EBHEGzX) or send us an email at [backstage-interest@spotify.com](mailto:backstage-interest@spotify.com) 🙏
 
-To get regular product updates and news about the Backstage community, sign up for the [Backstage newsletter](https://mailchi.mp/spotify/backstage-community).
+To get regular product updates and news about the Backstage community, sign up for the [Backstage newsletter](https://info.backstage.spotify.com/newsletter_subscribe).
diff --git a/microsite/blog/2020-09-23-backstage-cncf-sandbox.md b/microsite/blog/2020-09-23-backstage-cncf-sandbox.md
index 48a67e878c..70ef06f242 100644
--- a/microsite/blog/2020-09-23-backstage-cncf-sandbox.md
+++ b/microsite/blog/2020-09-23-backstage-cncf-sandbox.md
@@ -18,4 +18,4 @@ The Backstage community is healthy and growing quickly. Over [130 people](https:
 
 We’re excited to embark on this journey with the CNCF community. There’s so much great tech being built here, and it’s about time we share it to build even greater products, together. Entering into the CNCF Sandbox is just the first step. We are committed to working with the community to bring Backstage through the Incubation step, and finally all the way to becoming a Graduated, top-level project.
 
-Thanks to everyone for your support so far. We hope you [join us](https://mailchi.mp/spotify/backstage-community) in this next chapter of Backstage's journey. If you have questions or feedback, feel free to [email](mailto:backstage-interest@spotify.com) me directly.
+Thanks to everyone for your support so far. We hope you [join us](https://info.backstage.spotify.com/newsletter_subscribe) in this next chapter of Backstage's journey. If you have questions or feedback, feel free to [email](mailto:backstage-interest@spotify.com) me directly.
diff --git a/microsite/blog/2021-06-22-spotify-backstage-is-growing.md b/microsite/blog/2021-06-22-spotify-backstage-is-growing.md
index 2507192a4a..a12ddf7443 100644
--- a/microsite/blog/2021-06-22-spotify-backstage-is-growing.md
+++ b/microsite/blog/2021-06-22-spotify-backstage-is-growing.md
@@ -49,7 +49,7 @@ We’ve launched a new website at: [backstage.spotify.com](https://backstage.spo
 
 You’ll find a high-level introduction to the platform, tips and tricks tested by Spotify to accelerate developer effectiveness, and access to a group of partners that have scaled Backstage for numerous adopters. You can also use the site to book product overviews, demos, and technical deep dives with members of the Spotify team.
 
-We will continue to post important product announcements, technical documentation, feature demos, and community news here on Backstage.io. ([Subscribe to the newsletter](https://mailchi.mp/spotify/backstage-community) to stay up to date.) And both contributors and adopting companies can continue to find around-the-clock/around-the-world technical support on [GitHub](https://github.com/backstage/backstage) and [Discord](https://discord.gg/MUpMjP2).
+We will continue to post important product announcements, technical documentation, feature demos, and community news here on Backstage.io. ([Subscribe to the newsletter](https://info.backstage.spotify.com/newsletter_subscribe) to stay up to date.) And both contributors and adopting companies can continue to find around-the-clock/around-the-world technical support on [GitHub](https://github.com/backstage/backstage) and [Discord](https://discord.gg/MUpMjP2).
 
 ## Separate community sessions for adopters and contributors
 
diff --git a/microsite/blog/2021-09-30-50-public-adopters.md b/microsite/blog/2021-09-30-50-public-adopters.md
index 3e96cade69..6a4652b99f 100644
--- a/microsite/blog/2021-09-30-50-public-adopters.md
+++ b/microsite/blog/2021-09-30-50-public-adopters.md
@@ -41,5 +41,5 @@ If you are a Backstage enthusiast, please [join me][news] and the entire Backsta
 [da]: https://medium.com/dazn-tech/developer-experience-dx-at-dazn-e6de9a0208d2
 [ex]: https://backstage.spotify.com/blog/community-session/firehydrant-expedia-loblaw/
 [plugins]: https://backstage.io/plugins
-[news]: https://mailchi.mp/spotify/backstage-community
+[news]: https://info.backstage.spotify.com/newsletter_subscribe
 [gh]: https://github.com/backstage/backstage/blob/master/ADOPTERS.md
diff --git a/microsite/core/Footer.js b/microsite/core/Footer.js
index f0917d3255..327e42f38a 100644
--- a/microsite/core/Footer.js
+++ b/microsite/core/Footer.js
@@ -48,7 +48,7 @@ class Footer extends React.Component {
             <a href="https://github.com/backstage/community">
               Community Sessions
             </a>
-            <a href="https://mailchi.mp/spotify/backstage-community">
+            <a href="https://info.backstage.spotify.com/newsletter_subscribe">
               Subscribe to our newsletter
             </a>
             <a href="https://www.cncf.io/projects/">CNCF Incubation</a>
diff --git a/microsite/core/HubSpotForm.js b/microsite/core/HubSpotForm.js
new file mode 100644
index 0000000000..2905909ffe
--- /dev/null
+++ b/microsite/core/HubSpotForm.js
@@ -0,0 +1,40 @@
+import React from 'react';
+
+export class HubSpotForm extends React.Component {
+  render() {
+    return (
+      <>
+        <script src="https://js.hsforms.net/forms/v2.js" />
+        <div
+          className="Sidebar__Container"
+          dangerouslySetInnerHTML={{
+            __html: `
+          <button class="Sidebar__Button" onclick="toggleFormVisibility()">New Adopters</button>
+          <div id="Sidebar__HubSpotContainer"></div>
+        `,
+          }}
+        />
+        <script
+          type="text/javascript"
+          dangerouslySetInnerHTML={{
+            __html: `
+          if (typeof window !== undefined) {
+            window.hbspt.forms.create({
+              portalId: '21894833',
+              formId: '9a5aa2af-87f3-4a44-819f-88ee243bb61e',
+              target: '#Sidebar__HubSpotContainer',
+              pageId: '79735607665',
+            })
+          }
+
+          function toggleFormVisibility() {
+            var form = document.querySelector('.Sidebar__Container');
+            form.classList.toggle('Sidebar__Container--open');
+          }
+          `,
+          }}
+        ></script>
+      </>
+    );
+  }
+}
diff --git a/microsite/core/Typeform.js b/microsite/core/Typeform.js
deleted file mode 100644
index c737d907f0..0000000000
--- a/microsite/core/Typeform.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from 'react';
-
-export function Typeform() {
-  return (
-    <>
-      <div
-        data-tf-sidetab="zcOaKikB"
-        data-tf-width="320"
-        data-tf-height="400"
-        data-tf-custom-icon="https://images.typeform.com/images/769rUZbqPrvq"
-        data-tf-button-color="#5CD6C8"
-        data-tf-button-text="New Adopters"
-        data-tf-iframe-props="title=Public Adopter: Hand Raiser Form"
-        data-tf-medium="snippet"
-        data-tf-hidden="utm_source=.iobanner"
-        style={{ all: 'unset' }}
-      />
-      <script src="//embed.typeform.com/next/embed.js" />
-    </>
-  );
-}
diff --git a/microsite/pages/en/community.js b/microsite/pages/en/community.js
index 3d79c82f93..2e7801d581 100644
--- a/microsite/pages/en/community.js
+++ b/microsite/pages/en/community.js
@@ -76,7 +76,7 @@ const Background = props => {
                 <li>
                   <Block.Paragraph style={{ marginBottom: '0' }}>
                     Subscribe to the{' '}
-                    <a href="https://mailchi.mp/spotify/backstage-community">
+                    <a href="https://info.backstage.spotify.com/newsletter_subscribe">
                       Community newsletter
                     </a>
                   </Block.Paragraph>
@@ -122,7 +122,7 @@ const Background = props => {
                 The official monthly Backstage newsletter. Don't miss the latest
                 news from your favorite project!
               </Block.Paragraph>
-              <Block.LinkButton href="https://mailchi.mp/spotify/backstage-community">
+              <Block.LinkButton href="https://info.backstage.spotify.com/newsletter_subscribe">
                 Subscribe
               </Block.LinkButton>
             </Block.TextBox>
diff --git a/microsite/pages/en/index.js b/microsite/pages/en/index.js
index 2581fdbf2f..3d42ef6280 100644
--- a/microsite/pages/en/index.js
+++ b/microsite/pages/en/index.js
@@ -6,541 +6,559 @@
  */
 
 const React = require('react');
+const { HubSpotForm } = require(`${process.cwd()}/core/HubSpotForm.js`);
 const Components = require(`${process.cwd()}/core/Components.js`);
 const Block = Components.Block;
 const ActionBlock = Components.ActionBlock;
 const Breakpoint = Components.Breakpoint;
 const BulletLine = Components.BulletLine;
 const Banner = Components.Banner;
-const { Typeform } = require(`${process.cwd()}/core/Typeform.js`);
 
 class Index extends React.Component {
   render() {
     const { config: siteConfig } = this.props;
     const { baseUrl } = siteConfig;
-
     return (
-      <main className="MainContent MainContent--gradient">
-        <Typeform />
-        <Banner.Container>
-          <Banner.Dismissable storageKey="2022-03-16-newsletter-cta">
-            <div>
-              🗞️ Want to stay up to date with Backstage? Sign up for our{' '}
-              <a href="https://mailchi.mp/spotify/backstage-community">
-                Newsletter
-              </a>
-              !
-            </div>
-          </Banner.Dismissable>
-        </Banner.Container>
+      <React.Fragment>
+        <main className="MainContent MainContent--gradient">
+          <Banner.Container>
+            <Banner.Dismissable storageKey="2022-03-16-newsletter-cta">
+              <div>
+                🗞️ Want to stay up to date with Backstage? Sign up for our{' '}
+                <a href="https://info.backstage.spotify.com/newsletter_subscribe">
+                  Newsletter
+                </a>
+                !
+              </div>
+            </Banner.Dismissable>
+          </Banner.Container>
 
-        <Block small className="bg-black-grey stripe-bottom">
-          <Block.Container>
-            <Block.TextBox>
-              <Block.Title main>
-                An open platform for building developer portals
-              </Block.Title>
-              <Block.Paragraph>
-                Powered by a centralized software catalog, Backstage restores
-                order to your infrastructure and enables your product teams to
-                ship high-quality code quickly — without compromising autonomy.
-              </Block.Paragraph>
-              <Block.LinkButton
-                href={'https://github.com/backstage/backstage#getting-started'}
-              >
-                GitHub
-              </Block.LinkButton>
-            </Block.TextBox>
-            <Block.Graphics>
-              <Block.Graphic
-                x={-12.5}
-                y={16}
-                width={120}
-                src={`${baseUrl}img/laptop.svg`}
-              />
-              <Block.Graphic
-                x={5.8}
-                y={20}
-                width={88}
-                src={`${baseUrl}animations/backstage-logos-hero-8.gif`}
-              />
-            </Block.Graphics>
-          </Block.Container>
-        </Block>
+          <Block small className="bg-black-grey stripe-bottom">
+            <Block.Container>
+              <Block.TextBox>
+                <Block.Title main>
+                  An open platform for building developer portals
+                </Block.Title>
+                <Block.Paragraph>
+                  Powered by a centralized software catalog, Backstage restores
+                  order to your infrastructure and enables your product teams to
+                  ship high-quality code quickly — without compromising
+                  autonomy.
+                </Block.Paragraph>
+                <Block.LinkButton
+                  href={
+                    'https://github.com/backstage/backstage#getting-started'
+                  }
+                >
+                  GitHub
+                </Block.LinkButton>
+              </Block.TextBox>
+              <Block.Graphics>
+                <Block.Graphic
+                  x={-12.5}
+                  y={16}
+                  width={120}
+                  src={`${baseUrl}img/laptop.svg`}
+                />
+                <Block.Graphic
+                  x={5.8}
+                  y={20}
+                  width={88}
+                  src={`${baseUrl}animations/backstage-logos-hero-8.gif`}
+                />
+              </Block.Graphics>
+            </Block.Container>
+          </Block>
 
-        <Block small className="stripe-top bg-black">
-          <Block.Container wrapped>
-            <Block.TextBox>
-              <img
-                className="Block__GIF"
-                src={`${baseUrl}animations/backstage-speed-paradox-7.gif`}
-              />
-              <Block.SmallTitle small>The Speed Paradox</Block.SmallTitle>
-              <Block.Paragraph>
-                At Spotify, we’ve always believed in the speed and ingenuity
-                that comes from having autonomous development teams. But as we
-                learned firsthand, the faster you grow, the more fragmented and
-                complex your software ecosystem becomes. And then everything
-                slows down again.
-              </Block.Paragraph>
-            </Block.TextBox>
-            <Block.TextBox>
-              <img
-                className="Block__GIF"
-                src={`${baseUrl}animations/backstage-standards-paradox-4.gif`}
-              />
-              <Block.SmallTitle small>The Standards Paradox</Block.SmallTitle>
-              <Block.Paragraph>
-                By centralizing services and standardizing your tooling,
-                Backstage streamlines your development environment from end to
-                end. Instead of restricting autonomy, standardization frees your
-                engineers from infrastructure complexity. So you can return to
-                building and scaling, quickly and safely.
-              </Block.Paragraph>
-            </Block.TextBox>
-          </Block.Container>
-        </Block>
+          <Block small className="stripe-top bg-black">
+            <Block.Container wrapped>
+              <Block.TextBox>
+                <img
+                  className="Block__GIF"
+                  src={`${baseUrl}animations/backstage-speed-paradox-7.gif`}
+                />
+                <Block.SmallTitle small>The Speed Paradox</Block.SmallTitle>
+                <Block.Paragraph>
+                  At Spotify, we’ve always believed in the speed and ingenuity
+                  that comes from having autonomous development teams. But as we
+                  learned firsthand, the faster you grow, the more fragmented
+                  and complex your software ecosystem becomes. And then
+                  everything slows down again.
+                </Block.Paragraph>
+              </Block.TextBox>
+              <Block.TextBox>
+                <img
+                  className="Block__GIF"
+                  src={`${baseUrl}animations/backstage-standards-paradox-4.gif`}
+                />
+                <Block.SmallTitle small>The Standards Paradox</Block.SmallTitle>
+                <Block.Paragraph>
+                  By centralizing services and standardizing your tooling,
+                  Backstage streamlines your development environment from end to
+                  end. Instead of restricting autonomy, standardization frees
+                  your engineers from infrastructure complexity. So you can
+                  return to building and scaling, quickly and safely.
+                </Block.Paragraph>
+              </Block.TextBox>
+            </Block.Container>
+          </Block>
 
-        <Block className="stripe-top bg-teal-top-right" wrapped>
-          <Block.Container wrapped>
-            <Block.TextBox wide>
-              {' '}
-              <img
-                className="Block__GIF"
-                src={`${baseUrl}animations/backstage-software-catalog-icon-1.gif`}
-              />
-              <Block.Subtitle>Backstage Software Catalog</Block.Subtitle>
-              <Block.Title half>
-                Build an ecosystem, not a wilderness
-              </Block.Title>
-            </Block.TextBox>
-            <Breakpoint
-              narrow={
-                <Block.Graphics padding={5}>
-                  <Block.Graphic
-                    y={-8}
-                    width={100}
-                    src={`${baseUrl}img/components-with-filter-small.png`}
-                  />
-                </Block.Graphics>
-              }
-            />
-            <Block.TextBox small>
-              <BulletLine />
-              <Block.SmallTitle small>
-                Manage all your software, all in one place{' '}
-              </Block.SmallTitle>
-              <Block.Paragraph>
-                Backstage makes it easy for one team to manage 10 services — and
-                makes it possible for your company to manage thousands of them
-              </Block.Paragraph>
-            </Block.TextBox>
-            <Block.TextBox small>
-              <BulletLine />
-              <Block.SmallTitle small>A uniform overview</Block.SmallTitle>
-              <Block.Paragraph>
-                Every team can see all the services they own and related
-                resources (deployments, data pipelines, pull request status,
-                etc.)
-              </Block.Paragraph>
-            </Block.TextBox>
-            <Block.Image
-              wide
-              style={{
-                background: `url(${baseUrl}img/components-with-filter.png)`,
-                backgroundSize: '594px 435.5px',
-                width: '594px',
-                height: '435.5px',
-                margin: '-380px 105px 0 10px',
-              }}
-            />
-            <Block.TextBox small>
-              <BulletLine />
-              <Block.SmallTitle small>Metadata on tap</Block.SmallTitle>
-              <Block.Paragraph>
-                All that information can be shared with plugins inside Backstage
-                to enable other management features, like resource monitoring
-                and testing
-              </Block.Paragraph>
-            </Block.TextBox>
-
-            <Block.TextBox small>
-              <BulletLine />
-              <Block.SmallTitle small>Not just services</Block.SmallTitle>
-              <Block.Paragraph>
-                Libraries, websites, ML models — you name it, Backstage knows
-                all about it, including who owns it, dependencies, and more
-              </Block.Paragraph>
-            </Block.TextBox>
-
-            <Block.TextBox small>
-              <BulletLine />
-              <Block.SmallTitle small>
-                Discoverability & accountability
-              </Block.SmallTitle>
-              <Block.Paragraph>
-                No more orphan software hiding in the dark corners of your tech
-                stack
-              </Block.Paragraph>
-            </Block.TextBox>
-            <Block.TextBox small></Block.TextBox>
-          </Block.Container>
-        </Block>
-
-        <ActionBlock className="stripe bg-teal">
-          <ActionBlock.Title>
-            Learn more about the software catalog
-          </ActionBlock.Title>
-          <ActionBlock.Link
-            href={`https://backstage.io/docs/features/software-catalog/software-catalog-overview`}
-          >
-            Read
-          </ActionBlock.Link>
-        </ActionBlock>
-
-        <Block className="stripe-top bg-teal-bottom" wrapped>
-          <Block.Container wrapped>
-            <Block.TextBox wide>
-              <img
-                className="Block__GIF"
-                src={`${baseUrl}animations/backstage-software-templates-icon-5.gif`}
-              />
-              <Block.Subtitle>Backstage Software Templates</Block.Subtitle>
-              <Block.Title small>Standards can set you free</Block.Title>
-            </Block.TextBox>
-            <Breakpoint
-              narrow={
-                <Block.Graphics padding={20}>
-                  <Block.Graphic
-                    y={-38}
-                    width={100}
-                    src={`${baseUrl}img/service-cards.png`}
-                  />
-                </Block.Graphics>
-              }
-            />
-            <Block.TextBox small>
-              <BulletLine />
-              <Block.SmallTitle small>
-                Like automated getting started guides
-              </Block.SmallTitle>
-              <Block.Paragraph>
-                Using templates, engineers can spin up a new microservice with
-                your organization’s best practices built-in, right from the
-                start
-              </Block.Paragraph>
-            </Block.TextBox>
-
-            <Block.TextBox small>
-              <BulletLine />
-              <Block.SmallTitle small>Push-button deployment</Block.SmallTitle>
-              <Block.Paragraph>
-                Click a button to create a Spring Boot project with your repo
-                automatically configured on GitHub and your CI already running
-                the first build
-              </Block.Paragraph>
-            </Block.TextBox>
-
-            <Block.TextBox small>
-              <BulletLine />
-              <Block.SmallTitle small>Built to your standards</Block.SmallTitle>
-              <Block.Paragraph>
-                Go instead of Java? CircleCI instead of Jenkins? Serverless
-                instead of Kubernetes? GCP instead of AWS? Customize your
-                recipes with your best practices baked-in
-              </Block.Paragraph>
-            </Block.TextBox>
-
-            <Block.TextBox small>
-              <BulletLine />
-              <Block.SmallTitle small>
-                Golden Paths pave the way
-              </Block.SmallTitle>
-              <Block.Paragraph>
-                When the right way is also the easiest way, engineers get up and
-                running faster — and more safely
-              </Block.Paragraph>
-            </Block.TextBox>
-            <Breakpoint
-              wide={
-                <Block.Graphics>
-                  <Block.Graphic
-                    x={-50}
-                    y={-2}
-                    width={200}
-                    src={`${baseUrl}img/cards.png`}
-                  />
-                </Block.Graphics>
-              }
-            />
-          </Block.Container>
-        </Block>
-
-        <ActionBlock className="stripe bg-teal">
-          <ActionBlock.Title>
-            Build your own software templates
-          </ActionBlock.Title>
-          <ActionBlock.Link
-            href={`https://backstage.io/docs/features/software-templates`}
-          >
-            Contribute
-          </ActionBlock.Link>
-        </ActionBlock>
-
-        <Block className="stripe-top bg-teal-bottom" wrapped>
-          <Block.Container wrapped>
-            <Block.TextBox wide>
-              <img
-                className="Block__GIF"
-                src={`${baseUrl}animations/backstage-techdocs-icon-1.gif`}
-              />
-
-              <Block.Subtitle>Backstage TechDocs</Block.Subtitle>
-              <Block.Title small>Docs like code</Block.Title>
-            </Block.TextBox>
-            <Breakpoint
-              narrow={
-                <React.Fragment>
-                  <Block.Graphics padding={26}>
+          <Block className="stripe-top bg-teal-top-right" wrapped>
+            <Block.Container wrapped>
+              <Block.TextBox wide>
+                {' '}
+                <img
+                  className="Block__GIF"
+                  src={`${baseUrl}animations/backstage-software-catalog-icon-1.gif`}
+                />
+                <Block.Subtitle>Backstage Software Catalog</Block.Subtitle>
+                <Block.Title half>
+                  Build an ecosystem, not a wilderness
+                </Block.Title>
+              </Block.TextBox>
+              <Breakpoint
+                narrow={
+                  <Block.Graphics padding={5}>
                     <Block.Graphic
-                      x={-1.4}
-                      y={-45}
-                      width={107}
-                      src={`${baseUrl}img/techdocs-static-mobile.png`}
+                      y={-8}
+                      width={100}
+                      src={`${baseUrl}img/components-with-filter-small.png`}
                     />
                   </Block.Graphics>
-                </React.Fragment>
-              }
-            />
-            <Block.TextBox small>
-              <BulletLine />
-              <Block.SmallTitle small>Free documentation</Block.SmallTitle>
-              <Block.Paragraph>
-                Whenever you use a Backstage Software Template, your project
-                automatically gets a TechDocs site, for free
-              </Block.Paragraph>
-            </Block.TextBox>
-
-            <Block.TextBox small>
-              <BulletLine />
-              <Block.SmallTitle small>Easy to write</Block.SmallTitle>
-              <Block.Paragraph>
-                With our docs-like-code approach, engineers write their
-                documentation in Markdown files right alongside their code
-              </Block.Paragraph>
-            </Block.TextBox>
-
-            <Block.TextBox small>
-              <BulletLine />
-              <Block.SmallTitle small>Easy to maintain</Block.SmallTitle>
-              <Block.Paragraph>
-                Updating code? Update your documentation while you’re there —
-                with docs and code in the same place, it becomes a natural part
-                of your workstream
-              </Block.Paragraph>
-            </Block.TextBox>
-
-            <Block.TextBox small>
-              <BulletLine />
-              <Block.SmallTitle small>Easy to find and use</Block.SmallTitle>
-              <Block.Paragraph>
-                Since all your documentation is in Backstage, finding any
-                TechDoc is just a search query away
-              </Block.Paragraph>
-            </Block.TextBox>
-            <Breakpoint
-              wide={
-                <Block.Graphics padding={0}>
-                  <Block.Graphic
-                    x={-55}
-                    y={-5}
-                    width={210}
-                    src={`${baseUrl}img/techdocs-web.png`}
-                  />
-                  <Block.Graphic
-                    x={-55}
-                    y={-5}
-                    width={210}
-                    src={`${baseUrl}img/techdocs2.gif`}
-                  />
-                </Block.Graphics>
-              }
-            />
-          </Block.Container>
-        </Block>
-
-        <ActionBlock className="stripe bg-teal">
-          <ActionBlock.Title>Learn more about TechDocs</ActionBlock.Title>
-          <ActionBlock.Link
-            href={`https://backstage.io/docs/features/techdocs/techdocs-overview`}
-          >
-            Docs
-          </ActionBlock.Link>
-        </ActionBlock>
-
-        <Block className="stripe-top bg-teal-bottom" wrapped>
-          <Block.Container wrapped>
-            <Block.TextBox wide>
-              <img
-                className="Block__GIF"
-                src={`${baseUrl}animations/backstage-kubernetes-icon-1.gif`}
+                }
               />
-
-              <Block.Subtitle>Backstage Kubernetes</Block.Subtitle>
-              <Block.Title small>
-                Manage your services, not clusters
-              </Block.Title>
-            </Block.TextBox>
-
-            <Block.TextBox small>
-              <BulletLine />
-              <Block.SmallTitle small>
-                Kubernetes made just for service owners
-              </Block.SmallTitle>
-              <Block.Paragraph>
-                Backstage features the first Kubernetes monitoring tool designed
-                around the needs of service owners, not cluster admins
-              </Block.Paragraph>
-            </Block.TextBox>
-
-            <Block.TextBox small>
-              <BulletLine />
-              <Block.SmallTitle small>
-                Your service at a glance
-              </Block.SmallTitle>
-              <Block.Paragraph>
-                Get all your service's deployments in one, aggregated view — no
-                more digging through cluster logs in a CLI, no more combing
-                through lists of services you don't own
-              </Block.Paragraph>
-            </Block.TextBox>
-
-            <Block.TextBox small>
-              <BulletLine />
-              <Block.SmallTitle small>Pick a cloud, any cloud</Block.SmallTitle>
-              <Block.Paragraph>
-                Since Backstage uses the Kubernetes API, it's cloud agnostic —
-                so it works no matter which cloud provider or managed Kubernetes
-                service you use, and even works in multi-cloud orgs
-              </Block.Paragraph>
-            </Block.TextBox>
-
-            <Block.TextBox small>
-              <BulletLine />
-              <Block.SmallTitle small>Any K8s, one UI</Block.SmallTitle>
-              <Block.Paragraph>
-                Now you don't have to switch dashboards when you move from local
-                testing to production, or from one cloud provider to another
-              </Block.Paragraph>
-            </Block.TextBox>
-          </Block.Container>
-        </Block>
-        <ActionBlock className="stripe bg-teal">
-          <ActionBlock.Title>Learn more about the K8s plugin</ActionBlock.Title>
-          <ActionBlock.Link
-            href={`https://backstage.io/blog/2021/01/12/new-backstage-feature-kubernetes-for-service-owners`}
-          >
-            Read
-          </ActionBlock.Link>
-        </ActionBlock>
-
-        <Block className="stripe-top bg-teal-bottom" wrapped>
-          <Block.Container wrapped>
-            <Block.TextBox wide>
-              <img
-                className="Block__GIF"
-                src={`${baseUrl}animations/backstage-plugin-icon-2.gif`}
+              <Block.TextBox small>
+                <BulletLine />
+                <Block.SmallTitle small>
+                  Manage all your software, all in one place{' '}
+                </Block.SmallTitle>
+                <Block.Paragraph>
+                  Backstage makes it easy for one team to manage 10 services —
+                  and makes it possible for your company to manage thousands of
+                  them
+                </Block.Paragraph>
+              </Block.TextBox>
+              <Block.TextBox small>
+                <BulletLine />
+                <Block.SmallTitle small>A uniform overview</Block.SmallTitle>
+                <Block.Paragraph>
+                  Every team can see all the services they own and related
+                  resources (deployments, data pipelines, pull request status,
+                  etc.)
+                </Block.Paragraph>
+              </Block.TextBox>
+              <Block.Image
+                wide
+                style={{
+                  background: `url(${baseUrl}img/components-with-filter.png)`,
+                  backgroundSize: '594px 435.5px',
+                  width: '594px',
+                  height: '435.5px',
+                  margin: '-380px 105px 0 10px',
+                }}
               />
+              <Block.TextBox small>
+                <BulletLine />
+                <Block.SmallTitle small>Metadata on tap</Block.SmallTitle>
+                <Block.Paragraph>
+                  All that information can be shared with plugins inside
+                  Backstage to enable other management features, like resource
+                  monitoring and testing
+                </Block.Paragraph>
+              </Block.TextBox>
 
-              <Block.Subtitle>Customize Backstage with plugins</Block.Subtitle>
-              <Block.Title small>
-                An app store for your infrastructure
-              </Block.Title>
-            </Block.TextBox>
-            <Breakpoint
-              narrow={
-                <Block.Graphics padding={10}>
-                  <Block.Graphic
-                    y={-20}
-                    width={100}
-                    src={`${baseUrl}img/plugins.png`}
-                  />
-                </Block.Graphics>
-              }
-            />
-            <Block.TextBox small>
-              <BulletLine />
-              <Block.SmallTitle small>Add functionality</Block.SmallTitle>
-              <Block.Paragraph>
-                Want scalable website testing? Add the{' '}
-                <a href="https://backstage.io/blog/2020/04/06/lighthouse-plugin">
-                  Lighthouse
-                </a>{' '}
-                plugin. Wondering about recommended frameworks? Add the{' '}
-                <a href="https://backstage.io/blog/2020/05/14/tech-radar-plugin">
-                  Tech Radar
-                </a>{' '}
-                plugin.{' '}
-              </Block.Paragraph>
-            </Block.TextBox>
+              <Block.TextBox small>
+                <BulletLine />
+                <Block.SmallTitle small>Not just services</Block.SmallTitle>
+                <Block.Paragraph>
+                  Libraries, websites, ML models — you name it, Backstage knows
+                  all about it, including who owns it, dependencies, and more
+                </Block.Paragraph>
+              </Block.TextBox>
 
-            <Block.TextBox small>
-              <BulletLine />
-              <Block.SmallTitle small>BYO Plugins</Block.SmallTitle>
-              <Block.Paragraph>
-                If you don’t see the plugin you need, it’s simple to build your
-                own
-              </Block.Paragraph>
-            </Block.TextBox>
+              <Block.TextBox small>
+                <BulletLine />
+                <Block.SmallTitle small>
+                  Discoverability & accountability
+                </Block.SmallTitle>
+                <Block.Paragraph>
+                  No more orphan software hiding in the dark corners of your
+                  tech stack
+                </Block.Paragraph>
+              </Block.TextBox>
+              <Block.TextBox small></Block.TextBox>
+            </Block.Container>
+          </Block>
 
-            <Block.TextBox small>
-              <BulletLine />
+          <ActionBlock className="stripe bg-teal">
+            <ActionBlock.Title>
+              Learn more about the software catalog
+            </ActionBlock.Title>
+            <ActionBlock.Link
+              href={`https://backstage.io/docs/features/software-catalog/software-catalog-overview`}
+            >
+              Read
+            </ActionBlock.Link>
+          </ActionBlock>
+
+          <Block className="stripe-top bg-teal-bottom" wrapped>
+            <Block.Container wrapped>
+              <Block.TextBox wide>
+                <img
+                  className="Block__GIF"
+                  src={`${baseUrl}animations/backstage-software-templates-icon-5.gif`}
+                />
+                <Block.Subtitle>Backstage Software Templates</Block.Subtitle>
+                <Block.Title small>Standards can set you free</Block.Title>
+              </Block.TextBox>
+              <Breakpoint
+                narrow={
+                  <Block.Graphics padding={20}>
+                    <Block.Graphic
+                      y={-38}
+                      width={100}
+                      src={`${baseUrl}img/service-cards.png`}
+                    />
+                  </Block.Graphics>
+                }
+              />
+              <Block.TextBox small>
+                <BulletLine />
+                <Block.SmallTitle small>
+                  Like automated getting started guides
+                </Block.SmallTitle>
+                <Block.Paragraph>
+                  Using templates, engineers can spin up a new microservice with
+                  your organization’s best practices built-in, right from the
+                  start
+                </Block.Paragraph>
+              </Block.TextBox>
+
+              <Block.TextBox small>
+                <BulletLine />
+                <Block.SmallTitle small>
+                  Push-button deployment
+                </Block.SmallTitle>
+                <Block.Paragraph>
+                  Click a button to create a Spring Boot project with your repo
+                  automatically configured on GitHub and your CI already running
+                  the first build
+                </Block.Paragraph>
+              </Block.TextBox>
+
+              <Block.TextBox small>
+                <BulletLine />
+                <Block.SmallTitle small>
+                  Built to your standards
+                </Block.SmallTitle>
+                <Block.Paragraph>
+                  Go instead of Java? CircleCI instead of Jenkins? Serverless
+                  instead of Kubernetes? GCP instead of AWS? Customize your
+                  recipes with your best practices baked-in
+                </Block.Paragraph>
+              </Block.TextBox>
+
+              <Block.TextBox small>
+                <BulletLine />
+                <Block.SmallTitle small>
+                  Golden Paths pave the way
+                </Block.SmallTitle>
+                <Block.Paragraph>
+                  When the right way is also the easiest way, engineers get up
+                  and running faster — and more safely
+                </Block.Paragraph>
+              </Block.TextBox>
+              <Breakpoint
+                wide={
+                  <Block.Graphics>
+                    <Block.Graphic
+                      x={-50}
+                      y={-2}
+                      width={200}
+                      src={`${baseUrl}img/cards.png`}
+                    />
+                  </Block.Graphics>
+                }
+              />
+            </Block.Container>
+          </Block>
+
+          <ActionBlock className="stripe bg-teal">
+            <ActionBlock.Title>
+              Build your own software templates
+            </ActionBlock.Title>
+            <ActionBlock.Link
+              href={`https://backstage.io/docs/features/software-templates`}
+            >
+              Contribute
+            </ActionBlock.Link>
+          </ActionBlock>
+
+          <Block className="stripe-top bg-teal-bottom" wrapped>
+            <Block.Container wrapped>
+              <Block.TextBox wide>
+                <img
+                  className="Block__GIF"
+                  src={`${baseUrl}animations/backstage-techdocs-icon-1.gif`}
+                />
+
+                <Block.Subtitle>Backstage TechDocs</Block.Subtitle>
+                <Block.Title small>Docs like code</Block.Title>
+              </Block.TextBox>
+              <Breakpoint
+                narrow={
+                  <React.Fragment>
+                    <Block.Graphics padding={26}>
+                      <Block.Graphic
+                        x={-1.4}
+                        y={-45}
+                        width={107}
+                        src={`${baseUrl}img/techdocs-static-mobile.png`}
+                      />
+                    </Block.Graphics>
+                  </React.Fragment>
+                }
+              />
+              <Block.TextBox small>
+                <BulletLine />
+                <Block.SmallTitle small>Free documentation</Block.SmallTitle>
+                <Block.Paragraph>
+                  Whenever you use a Backstage Software Template, your project
+                  automatically gets a TechDocs site, for free
+                </Block.Paragraph>
+              </Block.TextBox>
+
+              <Block.TextBox small>
+                <BulletLine />
+                <Block.SmallTitle small>Easy to write</Block.SmallTitle>
+                <Block.Paragraph>
+                  With our docs-like-code approach, engineers write their
+                  documentation in Markdown files right alongside their code
+                </Block.Paragraph>
+              </Block.TextBox>
+
+              <Block.TextBox small>
+                <BulletLine />
+                <Block.SmallTitle small>Easy to maintain</Block.SmallTitle>
+                <Block.Paragraph>
+                  Updating code? Update your documentation while you’re there —
+                  with docs and code in the same place, it becomes a natural
+                  part of your workstream
+                </Block.Paragraph>
+              </Block.TextBox>
+
+              <Block.TextBox small>
+                <BulletLine />
+                <Block.SmallTitle small>Easy to find and use</Block.SmallTitle>
+                <Block.Paragraph>
+                  Since all your documentation is in Backstage, finding any
+                  TechDoc is just a search query away
+                </Block.Paragraph>
+              </Block.TextBox>
+              <Breakpoint
+                wide={
+                  <Block.Graphics padding={0}>
+                    <Block.Graphic
+                      x={-55}
+                      y={-5}
+                      width={210}
+                      src={`${baseUrl}img/techdocs-web.png`}
+                    />
+                    <Block.Graphic
+                      x={-55}
+                      y={-5}
+                      width={210}
+                      src={`${baseUrl}img/techdocs2.gif`}
+                    />
+                  </Block.Graphics>
+                }
+              />
+            </Block.Container>
+          </Block>
+
+          <ActionBlock className="stripe bg-teal">
+            <ActionBlock.Title>Learn more about TechDocs</ActionBlock.Title>
+            <ActionBlock.Link
+              href={`https://backstage.io/docs/features/techdocs/techdocs-overview`}
+            >
+              Docs
+            </ActionBlock.Link>
+          </ActionBlock>
+
+          <Block className="stripe-top bg-teal-bottom" wrapped>
+            <Block.Container wrapped>
+              <Block.TextBox wide>
+                <img
+                  className="Block__GIF"
+                  src={`${baseUrl}animations/backstage-kubernetes-icon-1.gif`}
+                />
+
+                <Block.Subtitle>Backstage Kubernetes</Block.Subtitle>
+                <Block.Title small>
+                  Manage your services, not clusters
+                </Block.Title>
+              </Block.TextBox>
+
+              <Block.TextBox small>
+                <BulletLine />
+                <Block.SmallTitle small>
+                  Kubernetes made just for service owners
+                </Block.SmallTitle>
+                <Block.Paragraph>
+                  Backstage features the first Kubernetes monitoring tool
+                  designed around the needs of service owners, not cluster
+                  admins
+                </Block.Paragraph>
+              </Block.TextBox>
+
+              <Block.TextBox small>
+                <BulletLine />
+                <Block.SmallTitle small>
+                  Your service at a glance
+                </Block.SmallTitle>
+                <Block.Paragraph>
+                  Get all your service's deployments in one, aggregated view —
+                  no more digging through cluster logs in a CLI, no more combing
+                  through lists of services you don't own
+                </Block.Paragraph>
+              </Block.TextBox>
+
+              <Block.TextBox small>
+                <BulletLine />
+                <Block.SmallTitle small>
+                  Pick a cloud, any cloud
+                </Block.SmallTitle>
+                <Block.Paragraph>
+                  Since Backstage uses the Kubernetes API, it's cloud agnostic —
+                  so it works no matter which cloud provider or managed
+                  Kubernetes service you use, and even works in multi-cloud orgs
+                </Block.Paragraph>
+              </Block.TextBox>
+
+              <Block.TextBox small>
+                <BulletLine />
+                <Block.SmallTitle small>Any K8s, one UI</Block.SmallTitle>
+                <Block.Paragraph>
+                  Now you don't have to switch dashboards when you move from
+                  local testing to production, or from one cloud provider to
+                  another
+                </Block.Paragraph>
+              </Block.TextBox>
+            </Block.Container>
+          </Block>
+          <ActionBlock className="stripe bg-teal">
+            <ActionBlock.Title>
+              Learn more about the K8s plugin
+            </ActionBlock.Title>
+            <ActionBlock.Link
+              href={`https://backstage.io/blog/2021/01/12/new-backstage-feature-kubernetes-for-service-owners`}
+            >
+              Read
+            </ActionBlock.Link>
+          </ActionBlock>
+
+          <Block className="stripe-top bg-teal-bottom" wrapped>
+            <Block.Container wrapped>
+              <Block.TextBox wide>
+                <img
+                  className="Block__GIF"
+                  src={`${baseUrl}animations/backstage-plugin-icon-2.gif`}
+                />
+
+                <Block.Subtitle>
+                  Customize Backstage with plugins
+                </Block.Subtitle>
+                <Block.Title small>
+                  An app store for your infrastructure
+                </Block.Title>
+              </Block.TextBox>
+              <Breakpoint
+                narrow={
+                  <Block.Graphics padding={10}>
+                    <Block.Graphic
+                      y={-20}
+                      width={100}
+                      src={`${baseUrl}img/plugins.png`}
+                    />
+                  </Block.Graphics>
+                }
+              />
+              <Block.TextBox small>
+                <BulletLine />
+                <Block.SmallTitle small>Add functionality</Block.SmallTitle>
+                <Block.Paragraph>
+                  Want scalable website testing? Add the{' '}
+                  <a href="https://backstage.io/blog/2020/04/06/lighthouse-plugin">
+                    Lighthouse
+                  </a>{' '}
+                  plugin. Wondering about recommended frameworks? Add the{' '}
+                  <a href="https://backstage.io/blog/2020/05/14/tech-radar-plugin">
+                    Tech Radar
+                  </a>{' '}
+                  plugin.{' '}
+                </Block.Paragraph>
+              </Block.TextBox>
+
+              <Block.TextBox small>
+                <BulletLine />
+                <Block.SmallTitle small>BYO Plugins</Block.SmallTitle>
+                <Block.Paragraph>
+                  If you don’t see the plugin you need, it’s simple to build
+                  your own
+                </Block.Paragraph>
+              </Block.TextBox>
+
+              <Block.TextBox small>
+                <BulletLine />
+                <Block.SmallTitle small>
+                  Integrate your own custom tooling
+                </Block.SmallTitle>
+                <Block.Paragraph>
+                  Building internal plugins lets you tailor your version of
+                  Backstage to be a perfect fit for your infrastructure
+                </Block.Paragraph>
+              </Block.TextBox>
+
+              <Block.TextBox small>
+                <BulletLine />
+                <Block.SmallTitle small>
+                  Share with the community
+                </Block.SmallTitle>
+                <Block.Paragraph>
+                  Building <a href="/plugins">open source plugins</a>{' '}
+                  contributes to the entire Backstage ecosystem, which benefits
+                  everyone
+                </Block.Paragraph>
+              </Block.TextBox>
+
+              <Breakpoint
+                wide={<img src={`${baseUrl}img/cards-plugins.png`} />}
+              />
+            </Block.Container>
+          </Block>
+
+          <ActionBlock className="stripe-top bg-teal">
+            <ActionBlock.Title>Build a plugin</ActionBlock.Title>
+            <ActionBlock.Link href="/docs/plugins/create-a-plugin">
+              Contribute
+            </ActionBlock.Link>
+          </ActionBlock>
+
+          <Block small className="bg-black-grey cncf-block">
+            <Block.Container center>
               <Block.SmallTitle small>
-                Integrate your own custom tooling
+                Backstage is a{' '}
+                <a href="https://www.cncf.io">
+                  Cloud Native Computing Foundation
+                </a>{' '}
+                incubation project
+                <div className="cncf-logo" />
               </Block.SmallTitle>
-              <Block.Paragraph>
-                Building internal plugins lets you tailor your version of
-                Backstage to be a perfect fit for your infrastructure
-              </Block.Paragraph>
-            </Block.TextBox>
-
-            <Block.TextBox small>
-              <BulletLine />
-              <Block.SmallTitle small>
-                Share with the community
-              </Block.SmallTitle>
-              <Block.Paragraph>
-                Building <a href="/plugins">open source plugins</a> contributes
-                to the entire Backstage ecosystem, which benefits everyone
-              </Block.Paragraph>
-            </Block.TextBox>
-
-            <Breakpoint
-              wide={<img src={`${baseUrl}img/cards-plugins.png`} />}
-            />
-          </Block.Container>
-        </Block>
-
-        <ActionBlock className="stripe-top bg-teal">
-          <ActionBlock.Title>Build a plugin</ActionBlock.Title>
-          <ActionBlock.Link href="/docs/plugins/create-a-plugin">
-            Contribute
-          </ActionBlock.Link>
-        </ActionBlock>
-
-        <Block small className="bg-black-grey cncf-block">
-          <Block.Container center>
-            <Block.SmallTitle small>
-              Backstage is a{' '}
-              <a href="https://www.cncf.io">
-                Cloud Native Computing Foundation
-              </a>{' '}
-              incubation project
-              <div className="cncf-logo" />
-            </Block.SmallTitle>
-          </Block.Container>
-        </Block>
-      </main>
+            </Block.Container>
+          </Block>
+        </main>
+        <HubSpotForm />
+      </React.Fragment>
     );
   }
 }
diff --git a/microsite/pages/en/live.js b/microsite/pages/en/live.js
index ee681a0835..2483b2f8bf 100644
--- a/microsite/pages/en/live.js
+++ b/microsite/pages/en/live.js
@@ -64,7 +64,7 @@ const Background = props => {
                 Good First Issues
               </a>
               <br />- Subscribe to the{' '}
-              <a href="https://mailchi.mp/spotify/backstage-community">
+              <a href="https://info.backstage.spotify.com/newsletter_subscribe">
                 Community newsletter
               </a>
               <br />- Join the{' '}
diff --git a/microsite/static/css/custom.css b/microsite/static/css/custom.css
index 30267a9f42..4b52a72e42 100644
--- a/microsite/static/css/custom.css
+++ b/microsite/static/css/custom.css
@@ -1227,3 +1227,66 @@ code {
 h3.collapsible span.arrow {
   margin-right: 4px;
 }
+
+.Sidebar__Container {
+  top: 50%;
+  right: 0;
+  position: fixed;
+  color: rgb(0, 0, 0);
+  transition: transform 250ms ease-in-out, height 250ms ease-in-out;
+  display: flex;
+  align-items: center;
+  transform: translateY(-50%) translateX(500px);
+}
+
+.Sidebar__Container--open {
+  transform: translateY(-50%);
+}
+
+.Sidebar__Button {
+  transform: rotate(-90deg) translateY(48px);
+  padding: 12px 16px;
+  border-radius: 8px 8px 0 0;
+  background-color: rgb(92, 214, 200);
+  color: rgb(0, 0, 0);
+  outline: 0;
+  border: 0;
+  font-family: Helvetica Neue, sans-serif;
+  max-height: 48px;
+  max-width: 150px;
+  font-size: 16px;
+  cursor: pointer;
+}
+
+.Sidebar__Button:hover {
+  transform: rotate(-90deg) translateY(48px) scale(1.01);
+}
+
+#Sidebar__HubSpotContainer {
+  width: 500px;
+  background-color: white;
+  border-radius: 8px 0 0 8px;
+  padding: 16px;
+  padding-bottom: 0px;
+  z-index: 10001;
+  min-height: 260px;
+}
+
+#Sidebar__HubSpotContainer .hs-button {
+  padding: 12px 16px;
+  border-radius: 8px;
+  background-color: rgb(92, 214, 200);
+  color: rgb(0, 0, 0);
+  border: 0;
+}
+#Sidebar__HubSpotContainer.submitted-message {
+  min-height: 260px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 0 16px;
+}
+
+#Sidebar__HubSpotContainer.submitted-message p {
+  color: rgb(0, 0, 0);
+}