diff --git a/site/components/Home/Hero.js b/site/components/Home/Hero.js
index bef2ebb..300b4d2 100644
--- a/site/components/Home/Hero.js
+++ b/site/components/Home/Hero.js
@@ -2,72 +2,81 @@ import siteConfig from 'config/siteConfig'
 
 export function Hero() {
   return (
-    <div className="pt-10 sm:pt-16 lg:pt-8 lg:pb-14 lg:overflow-hidden">
-      <div className="mx-auto max-w-7xl lg:px-8">
-        <div className="lg:grid lg:grid-cols-2 lg:gap-8">
-          <div className="mx-auto max-w-md px-4 sm:max-w-2xl sm:px-6 sm:text-center lg:px-0 lg:text-left lg:flex lg:items-center">
-            <div className="lg:py-24">
-              <h1 className="mt-4 text-4xl tracking-tight font-extrabold text-white sm:mt-5 sm:text-6xl lg:mt-6 xl:text-6xl">
-                <span className="block">Making Sense of</span>
-                <span className="block text-yellow-500">Crypto &amp; Web3</span>
-              </h1>
-              <p className="mt-3 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl">
-                Crypto & Web3 are a huge phenomenon but can be hard to make sense of. We help with introductions to key concepts and in-depth evaluations of the claims for its social and economic impact.
-              </p>
-              <div className="mt-10 sm:mt-12">
-                <form className="sm:max-w-xl sm:mx-auto lg:mx-0" method="POST" name="get-updates" data-netlify="true" action="/subscribed">
-                  <div className="sm:flex">
-                    <div className="min-w-0 flex-1">
-                      <label htmlFor="email" className="sr-only">
-                        Email address
-                      </label>
-                      <input
-                        name="email"
-                        type="email"
-                        required="required"
-                        placeholder="Enter your email"
-                        className="block w-full px-4 py-3 rounded-md border-0 text-base dark:text-white dark:placeholder-gray-200 text-gray-900 placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-300 focus:ring-offset-gray-900"
-                      />
-                      <input type="hidden" name="form-name" value="get-updates" />
-                    </div>
-                    <div className="mt-3 sm:mt-0 sm:ml-3">
-                      <button
-                        type="submit"
-                        className="block w-full py-3 px-4 rounded-md shadow bg-yellow-500 text-sm text-slate-50 font-medium hover:bg-yellow-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-300 focus:ring-offset-gray-900"
-                      >
-                        Get Updates
-                      </button>
-                    </div>
-                  </div>
-                </form>
+    <>
+      <div className="pt-10 sm:pt-16 lg:pt-8 lg:pb-14 lg:overflow-hidden">
+        <div className="mx-auto max-w-7xl lg:px-8">
+          <div className="lg:grid lg:grid-cols-2 lg:gap-8">
+            <div className="mx-auto max-w-md px-4 sm:max-w-2xl sm:px-6 sm:text-center lg:px-0 lg:text-left lg:flex lg:items-center">
+              <div className="lg:py-24">
+                <h1 className="mt-4 text-4xl tracking-tight font-extrabold text-white sm:mt-5 sm:text-6xl lg:mt-6 xl:text-6xl">
+                  <span className="block">Making Sense of</span>
+                  <span className="block text-yellow-500">Crypto &amp; Web3</span>
+                </h1>
+                <p className="mt-3 sm:mt-5 sm:text-xl lg:text-lg xl:text-xl">
+                  Crypto & Web3 are a huge phenomenon but can be hard to make sense of. We help with introductions to key concepts and in-depth evaluations of the claims for its social and economic impact.
+                </p>
+                <div className="mt-10">
+                  <a
+                    href="/guide"
+                    className="block w-fit md:mx-auto lg:mx-0 py-2.5 px-6 rounded-md shadow bg-yellow-500 text-md font-bold text-slate-900 hover:bg-yellow-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-300 focus:ring-offset-gray-900"
+                  >
+                    Read our guide
+                  </a>
+                </div>
+                <p className="mt-8 text-sm text-white uppercase tracking-wide font-semibold sm:mt-10">A project of
+                  <a href={siteConfig.authorUrl} target="_blank">
+                    <img src={siteConfig.authorLogo} alt={siteConfig.author} className="mx-1 h-6 inline" />
+                    Life Itself Labs
+                  </a>
+                  {' '} &amp; collaborators
+                </p>
               </div>
-              <p className="mt-3 text-sm text-gray-300 sm:mt-4">
-                Get short updates as we release new material or review important developments.
-              </p>
-              <p className="mt-8 text-sm text-white uppercase tracking-wide font-semibold sm:mt-10">A project of
-                <a
-                  href={siteConfig.authorUrl}
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  <img src={siteConfig.authorLogo} alt={siteConfig.author} className="mx-1 h-6 inline" />
-                  Life Itself Labs
-                </a>
-                {' '} &amp; collaborators
-              </p>
             </div>
-          </div>
-          <div className="mt-12 lg:m-0 lg:relative">
-            <div className="mx-auto max-w-md px-4 sm:max-w-2xl sm:px-6 lg:max-w-none lg:px-0">
-              <img
-                className="w-full lg:absolute lg:inset-y-0 lg:left-0 lg:h-full lg:w-auto lg:max-w-3xl"
-                src="/img/undraw_digital_currency_qpak.svg"
-                alt=""
-              />
+            <div className="mt-12 lg:m-0 lg:relative">
+              <div className="mx-auto max-w-md px-4 sm:max-w-2xl sm:px-6 lg:max-w-none lg:px-0">
+                <img
+                  className="w-full lg:absolute lg:inset-y-0 lg:left-0 lg:h-full lg:w-auto lg:max-w-3xl"
+                  src="/img/undraw_digital_currency_qpak.svg"
+                  alt=""
+                />
+              </div>
             </div>
           </div>
         </div>
       </div>
-    </div>
+      {/* Form section */}
+      <div className="relative bg-slate-800/60 pt-16 pb-20 px-4 sm:px-6 lg:pt-24 lg:pb-28 lg:px-8">
+        <div className="mx-auto max-w-7xl lg:px-8">
+          <p className="mb-3 text-center text-xl mb-8">
+            Get short updates as we release new material or review important developments.
+          </p>
+          <form className="sm:max-w-xl sm:mx-auto" method="POST" name="get-updates" data-netlify="true" action="/subscribed">
+            <div className="sm:flex sm:items-center">
+              <div className="min-w-0 flex-1">
+                <label htmlFor="email" className="sr-only">
+                  Email address
+                </label>
+                <input
+                  name="email"
+                  type="email"
+                  required="required"
+                  placeholder="Enter your email"
+                  className="block w-full px-4 py-3 rounded-md border-0 shadow text-md dark:text-white dark:placeholder-gray-200 text-gray-900 placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-300 focus:ring-offset-gray-900"
+                />
+                <input type="hidden" name="form-name" value="get-updates" />
+              </div>
+              <div className="mt-3 sm:mt-0 sm:ml-3">
+                <button
+                  type="submit"
+                  className="block w-full py-2.5 px-6 sm:mb-0.5 rounded-md shadow bg-yellow-500 text-md font-bold text-slate-900 font-bold hover:bg-yellow-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-300 focus:ring-offset-gray-900"
+                >
+                  Get Updates
+                </button>
+              </div>
+            </div>
+          </form>
+        </div>
+      </div>
+    </>
   )
 }