diff --git a/landing/hero-content.css b/landing/hero-content.css
--- a/landing/hero-content.css
+++ b/landing/hero-content.css
@@ -13,6 +13,7 @@
 }
 
 .sub_heading {
+  color: var(--sub-heading-color);
   --smallest-font-size: 16px;
   --largest-font-size: 50px;
   --font-scale: calc(0.75rem + 1.25vw);
@@ -22,6 +23,16 @@
     var(--font-scale),
     var(--largest-font-size)
   );
+  margin-bottom: 60px;
+}
+
+form {
+  width: 92%;
+}
+@media (max-width: 1099px) {
+  form {
+    width: 100%;
+  }
 }
 
 .cycling_content,
@@ -36,10 +47,6 @@
   background: var(--sub-heading-color);
 }
 
-.sub_heading {
-  color: var(--sub-heading-color);
-}
-
 .contentWrapper {
   flex-basis: 300px;
 }
diff --git a/landing/hero-content.react.js b/landing/hero-content.react.js
--- a/landing/hero-content.react.js
+++ b/landing/hero-content.react.js
@@ -5,6 +5,7 @@
 
 import { assetMetaData } from './asset-meta-data';
 import css from './hero-content.css';
+import SubscriptionForm from './subscription-form.react';
 
 type HeroContentProps = {
   +onRequestAccess: (e: Event) => Promise<void>,
@@ -31,6 +32,7 @@
           </TextLoop>
         </h1>
         <p className={css.sub_heading}>(think &quot;Web3 Discord&quot;)</p>
+        <SubscriptionForm />
       </div>
       <button className={css.request_access} onClick={onRequestAccess}>
         Request Access