diff --git a/content/css/docs.css b/content/css/docs.css
index 88148654c..a1a8fd8b3 100644
--- a/content/css/docs.css
+++ b/content/css/docs.css
@@ -1,5 +1,5 @@
 body {
-  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, sans-serif;
+  font-family: "Open Sans", "Helvetica Neue", Helvetica, sans-serif;
 }
 
 .navbar {
@@ -41,7 +41,7 @@ body {
 .main-nav {
   margin-top: 3px;
   letter-spacing: 1px;
-  font-family: 'Lato', sans-serif;
+  font-family: "Lato", sans-serif;
   font-size: 15px;
 }
 
@@ -60,14 +60,20 @@ body {
   background: #e6522c20;
 }
 
-.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl0
-.algolia-docsearch-suggestion--highlight,
-.algolia-autocomplete .algolia-docsearch-suggestion--category-header .algolia-docsearch-suggestion--category-header-lvl1
-.algolia-docsearch-suggestion--highlight {
+.algolia-autocomplete
+  .algolia-docsearch-suggestion--category-header
+  .algolia-docsearch-suggestion--category-header-lvl0
+  .algolia-docsearch-suggestion--highlight,
+.algolia-autocomplete
+  .algolia-docsearch-suggestion--category-header
+  .algolia-docsearch-suggestion--category-header-lvl1
+  .algolia-docsearch-suggestion--highlight {
   box-shadow: inset 0 -2px 0 0 #e6522cc0;
 }
 
-.algolia-autocomplete .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight {
+.algolia-autocomplete
+  .algolia-docsearch-suggestion--text
+  .algolia-docsearch-suggestion--highlight {
   box-shadow: inset 0 -2px 0 0 #e6522cc0;
 }
 
@@ -98,13 +104,13 @@ body {
 .jumbotron .subtitle {
   font-weight: 300;
   font-size: 32px;
-  color: rgba(255,255,255,0.8);
+  color: rgba(255, 255, 255, 0.8);
   margin-bottom: 20px;
 }
 
 .jumbotron a.btn {
   border: none;
-  background-color: rgba(0,0,0,0.15);
+  background-color: rgba(0, 0, 0, 0.15);
   color: #fff;
   padding: 20px 25px 20px 25px;
   margin: 15px 10px 0 10px;
@@ -112,7 +118,7 @@ body {
 }
 
 .jumbotron a.btn:hover {
-  background-color: rgba(0,0,0,0.25);
+  background-color: rgba(0, 0, 0, 0.25);
   color: #fff;
 }
 
@@ -131,7 +137,7 @@ body {
 }
 
 .feature-item {
-  font-family: 'Lato', sans-serif;
+  font-family: "Lato", sans-serif;
   font-weight: 300;
   cursor: pointer;
 }
@@ -175,7 +181,7 @@ body {
 
 .quote {
   margin: 25px 0 25px 0;
-  font-family: 'Lato', sans-serif;
+  font-family: "Lato", sans-serif;
   font-weight: 300;
   text-align: center;
 }
@@ -196,7 +202,7 @@ body {
 
 .open-source {
   margin: 25px 0 20px 0;
-  font-family: 'Lato', sans-serif;
+  font-family: "Lato", sans-serif;
   font-weight: 300;
   text-align: center;
 }
@@ -225,7 +231,7 @@ body {
 }
 
 .trusted-by {
-  font-family: 'Lato', sans-serif;
+  font-family: "Lato", sans-serif;
   font-size: 20px;
   font-weight: 300;
   padding-bottom: 10px;
@@ -245,7 +251,6 @@ body {
   max-height: 101px;
 }
 
-
 footer {
   font-size: 12px;
   color: #333;
@@ -268,7 +273,8 @@ footer {
   padding-right: 1em;
 }
 
-.downloads td, .downloads th {
+.downloads td,
+.downloads th {
   white-space: nowrap;
 }
 
@@ -278,7 +284,7 @@ footer {
 
 .downloads .checksum {
   font-family: monospace;
-  font-size: .6em;
+  font-size: 0.6em;
   vertical-align: inherit;
 }
 
@@ -319,7 +325,8 @@ footer {
   font-size: 16px;
 }
 
-.side-nav .nav-header a, .side-nav .nav-header {
+.side-nav .nav-header a,
+.side-nav .nav-header {
   color: #e6522c;
   text-transform: uppercase;
   text-decoration: none;
@@ -345,7 +352,8 @@ footer {
   font-size: 16px;
 }
 
-.doc-content p, .doc-content.ul {
+.doc-content p,
+.doc-content.ul {
   margin: 15px 0 15px 0;
   line-height: 1.5;
 }
@@ -354,7 +362,8 @@ footer {
   margin: 15px 0 15px 0;
   line-height: 1.5;
   /* This is to prevent NOTE/admonition alert boxes from overlapping the table of contents at the top of a docs page. */
-  display: inline-block; width: 100%;
+  display: inline-block;
+  width: 100%;
 }
 
 .doc-content > h1 {
@@ -400,7 +409,7 @@ footer {
 }
 
 .doc-content a.header-anchor {
-  font-size: .8em;
+  font-size: 0.8em;
   padding-left: 8px;
   text-decoration: none;
 }
@@ -562,9 +571,48 @@ article {
   margin-bottom: 40px;
 }
 
-
 .training-cta .btn {
   text-transform: uppercase;
   border: 0px;
   padding: 25px;
 }
+
+.custom-banner {
+  background: #f2aa48;
+  color: #000;
+  padding: 20px 40px;
+  text-align: center;
+  font-family: Lato, sans-serif;
+  font-size: 18px;
+  position: relative;
+  width: 100%;
+}
+
+.banner-content {
+  display: inline-block;
+  width: 100%;
+}
+
+.banner-content p {
+  margin: 0;
+}
+
+.custom-banner {
+  font-size: 18px;
+  color: #000;
+  font-family: Lato, sans-serif;
+}
+
+.ti-close:hover {
+  color: #333;
+}
+
+.ti-close {
+  position: absolute;
+  right: 10px;
+  top: 50%;
+  transform: translateY(-50%);
+  font-family: Lato, sans-serif;
+  font-size: 18px;
+  cursor: pointer;
+}
diff --git a/content/index.html b/content/index.html
index b168877dc..3b9468d64 100644
--- a/content/index.html
+++ b/content/index.html
@@ -1,13 +1,45 @@
 ---
 layout: jumbotron
 ---
+
+<div class="custom-banner">
+  <div class="banner-content">
+    <p>
+      We're doing a
+      <a href="/docs/prometheus/latest/getting_started/" role="button">survey</a
+      >, please take 5 minutes to fill it out!
+    </p>
+  </div>
+  <span class="ti ti-close" role="button" aria-label="Close">X</span>
+  <script>
+    document.addEventListener("DOMContentLoaded", function () {
+      const closeBtn = document.querySelector(".custom-banner .ti-close");
+      const banner = document.querySelector(".custom-banner");
+
+      closeBtn?.addEventListener("click", function () {
+        banner.style.display = "none";
+      });
+    });
+  </script>
+</div>
+
 <div class="jumbotron">
   <div class="container">
     <h1>From metrics to insight</h1>
-    <p class="subtitle">Power your metrics and alerting with the leading<br>open-source monitoring solution.</p>
+    <p class="subtitle">
+      Power your metrics and alerting with the leading<br />open-source
+      monitoring solution.
+    </p>
     <p>
-      <a class="btn btn-default btn-lg" href="/docs/prometheus/latest/getting_started/" role="button">Get Started</a>
-      <a class="btn btn-default btn-lg" href="/download" role="button">Download</a>
+      <a
+        class="btn btn-default btn-lg"
+        href="/docs/prometheus/latest/getting_started/"
+        role="button"
+        >Get Started</a
+      >
+      <a class="btn btn-default btn-lg" href="/download" role="button"
+        >Download</a
+      >
     </p>
   </div>
 </div>
@@ -17,25 +49,39 @@ <h1>From metrics to insight</h1>
     <div class="col-md-3 col-sm-6 col-xs-12 feature-item">
       <a href="/docs/concepts/data_model/">
         <h2><i class="ti ti-flask"></i> Dimensional data</h2>
-        <p>Prometheus implements a highly dimensional data model. Time series are identified by a metric name and a set of key-value pairs.</p>
+        <p>
+          Prometheus implements a highly dimensional data model. Time series are
+          identified by a metric name and a set of key-value pairs.
+        </p>
       </a>
     </div>
     <div class="col-md-3 col-sm-6 col-xs-12 feature-item">
       <a href="/docs/prometheus/latest/querying/basics/">
         <h2><i class="ti ti-search"></i> Powerful queries</h2>
-        <p>PromQL allows slicing and dicing of collected time series data in order to generate ad-hoc graphs, tables, and alerts.</p>
+        <p>
+          PromQL allows slicing and dicing of collected time series data in
+          order to generate ad-hoc graphs, tables, and alerts.
+        </p>
       </a>
     </div>
     <div class="col-md-3 col-sm-6 col-xs-12 feature-item">
       <a href="/docs/visualization/grafana/">
         <h2><i class="ti ti-chart-line"></i> Great visualization</h2>
-        <p>Prometheus has multiple modes for visualizing data: a built-in expression browser, Grafana integration, and a console template language.</p>
+        <p>
+          Prometheus has multiple modes for visualizing data: a built-in
+          expression browser, Grafana integration, and a console template
+          language.
+        </p>
       </a>
     </div>
     <div class="col-md-3 col-sm-6 col-xs-12 feature-item">
       <a href="/docs/prometheus/latest/storage/">
         <h2><i class="ti ti-database"></i> Efficient storage</h2>
-        <p>Prometheus stores time series in memory and on local disk in an efficient custom format. Scaling is achieved by functional sharding and federation.</p>
+        <p>
+          Prometheus stores time series in memory and on local disk in an
+          efficient custom format. Scaling is achieved by functional sharding
+          and federation.
+        </p>
       </a>
     </div>
   </div>
@@ -44,67 +90,107 @@ <h2><i class="ti ti-database"></i> Efficient storage</h2>
     <div class="col-md-3 col-sm-6 col-xs-12 feature-item">
       <a href="/docs/prometheus/latest/configuration/configuration/">
         <h2><i class="ti ti-settings"></i> Simple operation</h2>
-        <p>Each server is independent for reliability, relying only on local storage. Written in Go, all binaries are statically linked and easy to deploy.</p>
+        <p>
+          Each server is independent for reliability, relying only on local
+          storage. Written in Go, all binaries are statically linked and easy to
+          deploy.
+        </p>
       </a>
     </div>
     <div class="col-md-3 col-sm-6 col-xs-12 feature-item">
       <a href="/docs/prometheus/latest/configuration/alerting_rules/">
         <h2><i class="ti ti-bell"></i> Precise alerting</h2>
-        <p>Alerts are defined based on Prometheus's flexible PromQL and maintain dimensional information. An alertmanager handles notifications and silencing.</p>
+        <p>
+          Alerts are defined based on Prometheus's flexible PromQL and maintain
+          dimensional information. An alertmanager handles notifications and
+          silencing.
+        </p>
       </a>
     </div>
     <div class="col-md-3 col-sm-6 col-xs-12 feature-item">
       <a href="/docs/instrumenting/clientlibs/">
         <h2><i class="ti ti-code"></i> Many client libraries</h2>
-        <p>Client libraries allow easy instrumentation of services. Over ten languages are supported already and custom libraries are easy to implement.</p>
+        <p>
+          Client libraries allow easy instrumentation of services. Over ten
+          languages are supported already and custom libraries are easy to
+          implement.
+        </p>
       </a>
     </div>
     <div class="col-md-3 col-sm-6 col-xs-12 feature-item">
       <a href="/docs/instrumenting/exporters/">
         <h2><i class="ti ti-cloud-upload"></i> Many integrations</h2>
-        <p>Existing exporters allow bridging of third-party data into Prometheus. Examples: system statistics, as well as Docker, HAProxy, StatsD, and JMX metrics. </p>
+        <p>
+          Existing exporters allow bridging of third-party data into Prometheus.
+          Examples: system statistics, as well as Docker, HAProxy, StatsD, and
+          JMX metrics.
+        </p>
       </a>
     </div>
   </div>
 
   <div class="row top-hr">
     <div class="col-md-12">
-      <hr>
+      <hr />
     </div>
   </div>
 
   <div class="row quote">
     <div class="col-md-12">
       <p class="quote-text">
-        «Even though Borgmon remains internal to Google, the idea of treating time-series data as a data source for generating alerts is now accessible to everyone through those open source tools like Prometheus [...]»
+        «Even though Borgmon remains internal to Google, the idea of treating
+        time-series data as a data source for generating alerts is now
+        accessible to everyone through those open source tools like Prometheus
+        [...]»
       </p>
       <p class="quote-source">
-      — <a href="http://shop.oreilly.com/product/0636920041528.do"><b>Site Reliability Engineering:</b> How Google Runs Production Systems</a> (O'Reilly Media)
+        —
+        <a href="http://shop.oreilly.com/product/0636920041528.do"
+          ><b>Site Reliability Engineering:</b> How Google Runs Production
+          Systems</a
+        >
+        (O'Reilly Media)
       </p>
     </div>
   </div>
 
   <div class="row">
     <div class="col-md-12">
-      <hr>
+      <hr />
     </div>
   </div>
 
   <div class="row open-source">
     <div class="col-md-12">
       <h1><i class="ti ti-brand-github"></i> Open Source</h1>
-      <p>Prometheus is 100% open source and community-driven. All components are available under the <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache 2 License</a> on <a href="https://github.com/prometheus">GitHub</a>.</p>
-      <iframe src="https://ghbtns.com/github-btn.html?user=prometheus&repo=prometheus&type=star&count=true&size=large" frameborder="0" scrolling="0" class="github-stars"></iframe>
-      <br><br>
-      <p>Prometheus is a <a href="https://cncf.io/">Cloud Native Computing Foundation</a> graduated project.</p>
-      <br>
-      <a href="https://cncf.io/"><img src="assets/cncf_logo.png"></a>
+      <p>
+        Prometheus is 100% open source and community-driven. All components are
+        available under the
+        <a href="http://www.apache.org/licenses/LICENSE-2.0"
+          >Apache 2 License</a
+        >
+        on <a href="https://github.com/prometheus">GitHub</a>.
+      </p>
+      <iframe
+        src="https://ghbtns.com/github-btn.html?user=prometheus&repo=prometheus&type=star&count=true&size=large"
+        frameborder="0"
+        scrolling="0"
+        class="github-stars"
+      ></iframe>
+      <br /><br />
+      <p>
+        Prometheus is a
+        <a href="https://cncf.io/">Cloud Native Computing Foundation</a>
+        graduated project.
+      </p>
+      <br />
+      <a href="https://cncf.io/"><img src="assets/cncf_logo.png" /></a>
     </div>
   </div>
 
   <div class="row">
     <div class="col-md-12">
-      <hr>
+      <hr />
     </div>
   </div>
 
@@ -115,45 +201,117 @@ <h1><i class="ti ti-brand-github"></i> Open Source</h1>
   </div>
 
   <div class="container">
-      <div class="row logos">
-          <a href="https://www.alauda.io/"><img src="assets/company-logos/Alauda.png"/></a>
-          <a href="https://amadeus.com/"><img src="assets/company-logos/Amadeus.png"/></a>
-          <a href="https://argus-sec.com/"><img src="assets/company-logos/Argus.png"/></a>
-          <a href="https://www.ayedo.de/"><img src="assets/company-logos/ayedo.png"></a>
-          <a href="https://www.boxever.com/"><img src="assets/company-logos/Boxever.png"/></a>
-          <a href="https://www.cesanta.com/"><img src="assets/company-logos/cesanta.png"/></a>
-          <a href="https://www.coreos.com/"><img src="assets/company-logos/CoreOS.png"/></a>
-          <a href="https://www.crononauta.com/"><img src="assets/company-logos/crononauta.png"/></a>
-          <a href="https://www.digitalocean.com/"><img src="assets/company-logos/digitalocean.png"/></a>
-          <a href="https://www.docker.com/"><img src="assets/company-logos/Docker.png"/></a>
-          <a href="https://www.ericsson.com/"><img src="assets/company-logos/Ericsson.png"/></a>
-          <a href="https://www.eurotech.com/"><img src="assets/company-logos/Eurotech.png"/></a>
-          <a href="https://www.fosdem.org/"><img src="assets/company-logos/Fosdem.png"/></a>
-          <a href="https://giantswarm.io/"><img src="assets/company-logos/giantswarm.png"/></a>
-          <a href="https://grafana.com/"><img src="assets/company-logos/grafana.png"/></a>
-          <a href="https://improbable.io/"><img src="assets/company-logos/Improbable.png"/></a>
-          <a href="https://www.jodel.com/"><img src="assets/company-logos/Jodel.png"/></a>
-          <a href="https://www.justwatch.com/"><img src="assets/company-logos/JustWatch.png"/></a>
-          <a href="https://www.kubermatic.com/"><img src="assets/company-logos/Kubermatic.png"/></a>
-          <a href="https://www.kumina.nl/"><img src="assets/company-logos/Kumina.png"/></a>
-          <a href="https://www.mavensecurities.com/"><img src="assets/company-logos/MavenSecurities.png"/></a>
-          <a href="https://mixpanel.com/"><img src="assets/company-logos/mixpanel.png" alt="Mixpanel"/></a>
-          <a href="https://www.moia.io/"><img src="assets/company-logos/MOIA.png"/></a>
-          <a href="https://www.outbrain.com/"><img src="assets/company-logos/Outbrain.png"/></a>
-          <a href="https://www.pingcap.com/"><img src="assets/company-logos/pingcap.png"/></a>
-          <a href="https://www.qaware.de/"><img src="assets/company-logos/Qaware.png"/></a>
-          <a href="https://www.quobyte.com/"><img src="assets/company-logos/quobyte.png"/></a>
-          <a href="https://www.robustperception.io/"><img src="assets/company-logos/RobustPerception.png"/></a>
-          <a href="https://www.showmax.com/"><img src="assets/company-logos/Showmax.png"/></a>
-          <a href="https://www.shuttlecloud.com/"><img src="assets/company-logos/shuttlecloud.png"/></a>
-          <a href="https://www.soundcloud.com/"><img src="assets/company-logos/soundcloud.png"/></a>
-          <a href="https://www.space.net/"><img src="assets/company-logos/Spacenet.png"/></a>
-          <a href="https://www.sysdig.com/"><img src="assets/company-logos/Sysdig.png"/></a>
-          <a href="https://transloadit.com/"><img src="assets/company-logos/transloadit.png"/></a>
-          <a href="https://www.unosoft.hu/"><img src="assets/company-logos/unosoft.png"/></a>
-          <a href="https://www.weave.works/"><img src="assets/company-logos/weave.png"/></a>
-      </div>
+    <div class="row logos">
+      <a href="https://www.alauda.io/"
+        ><img src="assets/company-logos/Alauda.png"
+      /></a>
+      <a href="https://amadeus.com/"
+        ><img src="assets/company-logos/Amadeus.png"
+      /></a>
+      <a href="https://argus-sec.com/"
+        ><img src="assets/company-logos/Argus.png"
+      /></a>
+      <a href="https://www.ayedo.de/"
+        ><img src="assets/company-logos/ayedo.png"
+      /></a>
+      <a href="https://www.boxever.com/"
+        ><img src="assets/company-logos/Boxever.png"
+      /></a>
+      <a href="https://www.cesanta.com/"
+        ><img src="assets/company-logos/cesanta.png"
+      /></a>
+      <a href="https://www.coreos.com/"
+        ><img src="assets/company-logos/CoreOS.png"
+      /></a>
+      <a href="https://www.crononauta.com/"
+        ><img src="assets/company-logos/crononauta.png"
+      /></a>
+      <a href="https://www.digitalocean.com/"
+        ><img src="assets/company-logos/digitalocean.png"
+      /></a>
+      <a href="https://www.docker.com/"
+        ><img src="assets/company-logos/Docker.png"
+      /></a>
+      <a href="https://www.ericsson.com/"
+        ><img src="assets/company-logos/Ericsson.png"
+      /></a>
+      <a href="https://www.eurotech.com/"
+        ><img src="assets/company-logos/Eurotech.png"
+      /></a>
+      <a href="https://www.fosdem.org/"
+        ><img src="assets/company-logos/Fosdem.png"
+      /></a>
+      <a href="https://giantswarm.io/"
+        ><img src="assets/company-logos/giantswarm.png"
+      /></a>
+      <a href="https://grafana.com/"
+        ><img src="assets/company-logos/grafana.png"
+      /></a>
+      <a href="https://improbable.io/"
+        ><img src="assets/company-logos/Improbable.png"
+      /></a>
+      <a href="https://www.jodel.com/"
+        ><img src="assets/company-logos/Jodel.png"
+      /></a>
+      <a href="https://www.justwatch.com/"
+        ><img src="assets/company-logos/JustWatch.png"
+      /></a>
+      <a href="https://www.kubermatic.com/"
+        ><img src="assets/company-logos/Kubermatic.png"
+      /></a>
+      <a href="https://www.kumina.nl/"
+        ><img src="assets/company-logos/Kumina.png"
+      /></a>
+      <a href="https://www.mavensecurities.com/"
+        ><img src="assets/company-logos/MavenSecurities.png"
+      /></a>
+      <a href="https://mixpanel.com/"
+        ><img src="assets/company-logos/mixpanel.png" alt="Mixpanel"
+      /></a>
+      <a href="https://www.moia.io/"
+        ><img src="assets/company-logos/MOIA.png"
+      /></a>
+      <a href="https://www.outbrain.com/"
+        ><img src="assets/company-logos/Outbrain.png"
+      /></a>
+      <a href="https://www.pingcap.com/"
+        ><img src="assets/company-logos/pingcap.png"
+      /></a>
+      <a href="https://www.qaware.de/"
+        ><img src="assets/company-logos/Qaware.png"
+      /></a>
+      <a href="https://www.quobyte.com/"
+        ><img src="assets/company-logos/quobyte.png"
+      /></a>
+      <a href="https://www.robustperception.io/"
+        ><img src="assets/company-logos/RobustPerception.png"
+      /></a>
+      <a href="https://www.showmax.com/"
+        ><img src="assets/company-logos/Showmax.png"
+      /></a>
+      <a href="https://www.shuttlecloud.com/"
+        ><img src="assets/company-logos/shuttlecloud.png"
+      /></a>
+      <a href="https://www.soundcloud.com/"
+        ><img src="assets/company-logos/soundcloud.png"
+      /></a>
+      <a href="https://www.space.net/"
+        ><img src="assets/company-logos/Spacenet.png"
+      /></a>
+      <a href="https://www.sysdig.com/"
+        ><img src="assets/company-logos/Sysdig.png"
+      /></a>
+      <a href="https://transloadit.com/"
+        ><img src="assets/company-logos/transloadit.png"
+      /></a>
+      <a href="https://www.unosoft.hu/"
+        ><img src="assets/company-logos/unosoft.png"
+      /></a>
+      <a href="https://www.weave.works/"
+        ><img src="assets/company-logos/weave.png"
+      /></a>
     </div>
+  </div>
 
   <%= render 'container_footer' %>
 </div>