diff --git a/website/assets/images/fleet-cloud-600x200@2x.png b/website/assets/images/fleet-cloud-600x200@2x.png
new file mode 100644
index 0000000000..78746e6bec
Binary files /dev/null and b/website/assets/images/fleet-cloud-600x200@2x.png differ
diff --git a/website/assets/styles/pages/homepage.less b/website/assets/styles/pages/homepage.less
index e7d7d135f2..54c83c2fc8 100644
--- a/website/assets/styles/pages/homepage.less
+++ b/website/assets/styles/pages/homepage.less
@@ -116,6 +116,48 @@
     padding: 16px 46px 18px;
     text-decoration: none;
   }
+
+  [purpose='banner-container'] {
+    background: linear-gradient(#F4F6FA 50%, #FFF 50%);
+    padding-right: 40px;
+    padding-left: 40px;
+  }
+  [purpose='fleet-cloud-banner'] {
+    border-radius: 16px;
+    overflow: hidden;
+    max-width: 1200px;
+    height: 200px;
+    [purpose='banner-hero-image'] {
+      width: 50%;
+      background-image: url('/images/fleet-cloud-600x200@2x.png');
+      background-position: center;
+      background-size: cover;
+      background-repeat: no-repeat;
+    }
+    [purpose='banner-text'] {
+      background: linear-gradient(270deg, #201E43 0%, #272A5E 100%);
+      width: 50%;
+      h1 {
+        font-size: 36px;
+        line-height: 43px;
+        color: #FFF;
+        margin-bottom: 16px;
+      }
+      [purpose='fleet-cloud-banner-btn'] {
+        line-height: 24px;
+        font-size: 16px;
+        font-weight: 700;
+        color: #FFF;
+        padding: 4px 16px;
+        border-radius: 4px;
+        background-color: @core-vibrant-red;
+        width: 128px;
+        height: 32px;
+        text-decoration: none;
+      }
+    }
+  }
+
   [purpose='homepage-section'] {
     padding-top: 120px;
     padding-bottom: 120px;
@@ -403,6 +445,19 @@
         margin-left: 20px;
       }
     }
+    [purpose='fleet-cloud-banner'] {
+      max-width: 600px;
+      height: 400px;
+      [purpose='banner-hero-image'] {
+        height: 200px;
+        width: 100%;
+      }
+      [purpose='banner-text'] {
+        width: 100%;
+        height: 200px;
+      }
+    }
+
     [purpose='homepage-section'] {
       padding-left: 120px;
       padding-right: 120px;
@@ -599,6 +654,19 @@
         text-indent: -24px;
       }
     }
+    [purpose='fleet-cloud-banner'] {
+      [purpose='banner-text'] {
+        h1 {
+          text-align: center;
+          font-size: 32px;
+          line-height: 43px;
+        }
+        [purpose='fleet-cloud-banner-btn'] {
+          width: 100%;
+          height: 32px;
+        }
+      }
+    }
     [purpose='tweets'] {
       padding-left: 0;
       padding-right: 0;
@@ -612,6 +680,26 @@
 
   }
 
+  @media (max-width: 500px) {
+    [purpose='fleet-cloud-banner'] {
+      height: 280px;
+      [purpose='banner-hero-image'] {
+        height: 135px;
+      }
+      [purpose='banner-text'] {
+        height: 145px;
+        padding: 16px;
+        h1 {
+          font-size: 16px;
+          line-height: 24px;
+        }
+        [purpose='fleet-cloud-banner-btn'] {
+          width: 100%;
+        }
+      }
+    }
+  }
+
   @media (max-width: 436px) {
     [purpose='log-destination'] {
       flex-basis: 140px;
diff --git a/website/views/pages/homepage.ejs b/website/views/pages/homepage.ejs
index 0bedfcf523..693826fa48 100644
--- a/website/views/pages/homepage.ejs
+++ b/website/views/pages/homepage.ejs
@@ -38,7 +38,7 @@
 
 
   <%// Homepage content %>
-  <div purpose="homepage-section" style="background: #F4F6FA;" class="container-fluid justify-content center">
+  <div purpose="homepage-section" style="background: #F4F6FA;" class="container-fluid justify-content-center">
     <div class="text-left mx-auto">
       <div style="max-width: 1200px;" class="d-flex flex-lg-row flex-column align-items-center justify-content-between mx-auto">
         <div purpose="homepage-top-text-block">
@@ -49,13 +49,25 @@
           </a>
         </div>
         <img purpose="top-image" src="/images/feature-fleet-ui-600x394@2x.png" alt="Fleet for osquery">
+      </div>
     </div>
+  </div>
+  <%// Fleet Cloud Banner %>
+  <div purpose="banner-container" class="container-fluid justify-content-center align-items-center">
+    <div purpose="fleet-cloud-banner" class="d-flex flex-lg-row flex-column p-0 mx-auto">
+      <div purpose="banner-hero-image" class="p-0">
+      </div>
+      <div class="d-flex flex-column justify-content-center align-items-center p-4" purpose="banner-text">
+        <div>
+          <h1>Instant deployment with<br>Fleet Managed Cloud.</h1>
+          <a purpose="fleet-cloud-banner-btn" class="d-flex justify-content-center pb-2 align-self-start" href="https://kqphpqst851.typeform.com/to/yoo5smT9" target="_blank">Join the beta</a>
+        </div>
+      </div>
     </div>
   </div>
   <%// Product images and checklists %>
-  <div purpose="homepage-section" class="container-fluid justify-content center">
+  <div purpose="homepage-section" class="container-fluid justify-content-center">
     <div style="max-width: 1200px;" class="container-fluid px-0 justify-content-center">
-
       <%// First image and feature checklist %>
       <div purpose="features" class="container-lg d-flex flex-wrap flex-lg-nowrap justify-content-center justify-content-lg-between align-items-center mt-0">
         <div purpose="feature-image" class="d-flex flex-shrink-1">