diff --git a/site/components/nats-slice/images/background.png b/site/components/nats-slice/images/background.png
deleted file mode 100644
index 9aacfe0d..00000000
Binary files a/site/components/nats-slice/images/background.png and /dev/null differ
diff --git a/site/components/nats-slice/images/nats-logo.png b/site/components/nats-slice/images/nats-logo.png
deleted file mode 100644
index 73fbecdb..00000000
Binary files a/site/components/nats-slice/images/nats-logo.png and /dev/null differ
diff --git a/site/components/nats-slice/index.js b/site/components/nats-slice/index.js
deleted file mode 100644
index 0f8668c6..00000000
--- a/site/components/nats-slice/index.js
+++ /dev/null
@@ -1,61 +0,0 @@
-// @flow
-import * as React from 'react';
-
-import styles from './style.css';
-import backgroundImg from './images/background.png';
-import titleImg from './images/title.png';
-import natsLogo from './images/nats-logo.png';
-
-const NatsSlice = () => {
-  return (
-    <div className={`${styles.NatsSliceWrapper}`} id="genz">
-      <div className={styles.NatsSliceContent}>
-        <div className={styles.NatsSlice}>
-          <div className={styles.NatsSliceText}>
-            <img
-              className={styles.NatsSliceTitleImage}
-              src={titleImg}
-              alt="text reading: We Love Tech"
-            />
-            <div className={styles.NatsSliceTextContent}>
-              <div className={styles.NatsSliceBodyheader}>
-                <h4>We love</h4>
-                <img src={natsLogo} alt="N.A.T.S logo" />
-              </div>
-              <div className={styles.NatsSliceCTA}>
-                <div>
-                  <p>
-                    Wednesday 20th April - 18:30
-                    <br />
-                    Red Badger HQ &amp; Virtual
-                  </p>
-                </div>
-              </div>
-              <p>
-                Join Red Badger, Synadia, FLEETCOR and Form3 to explore why NATS is the next
-                generation of cloud connectivity for financial blue chips. More than a message
-                broker, NATS is THE connective substrate for a global organisation–or even the whole
-                planet.
-              </p>
-              <a
-                href="https://content.red-badger.com/events/we-love-tech/we-love-nats"
-                className={styles.NatsSliceLink}
-              >
-                Register
-              </a>
-            </div>
-          </div>
-          <div className={styles.NatsSliceImageWrapper}>
-            <img
-              className={styles.NatsSliceImage}
-              src={backgroundImg}
-              alt="An illustration of the letters n.a.t.s floating above a cloud"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-};
-
-export default NatsSlice;
diff --git a/site/components/nats-slice/style.css b/site/components/nats-slice/style.css
deleted file mode 100644
index f51048fe..00000000
--- a/site/components/nats-slice/style.css
+++ /dev/null
@@ -1,197 +0,0 @@
-@value badgerBlack, badgerWhite, scorpian, badgerRed, midBlue from '../../css/_colors.css';
-@value mediumScreen, largeScreen from "../../css/_sizes.css";
-
-.NatsSliceWrapper {
-  composes: dividerMidBlue from '../../css/_divider.css';
-  width: 100%;
-  background: midBlue;
-  color: badgerBlack;
-}
-
-.NatsSliceBodyheader {
-  composes: boldSansSerif from '../../css/typography/_fonts.css';
-  display: flex;
-}
-
-.NatsSliceBodyheader h4 {
-  font-size: 35px;
-  margin-right: 14px;
-}
-
-.NatsSliceBodyheader img {
-  width: 162px;
-  height: 42px;
-  margin-top: -7px;
-}
-
-.NatsSliceStrong {
-  composes: boldSansSerif from '../../css/typography/_fonts.css';
-}
-
-.NatsSlice {
-  composes: sansSerif from '../../css/typography/_fonts.css';
-  position: relative;
-  max-width: 1440px;
-  width: 100%;
-  margin: 0 auto;
-  padding: 60px 24px;
-  line-height: 1.5em;
-}
-
-.NatsSliceHeading {
-  composes: serif from '../../css/typography/_fonts.css';
-  font-size: 28px;
-  line-height: 1.25em;
-}
-
-.NatsSliceTextContent {
-  padding-top: 16px;
-}
-
-.NatsSlice p {
-  font-size: 18px;
-  line-height: 1.25em;
-  margin-bottom: 20px;
-}
-
-.NatsSlice h4 {
-  margin-bottom: 16px;
-}
-
-.NatsSliceTitleImage {
-  display: block;
-  width: 100%;
-  max-width: 610px;
-}
-
-.NatsSliceLink {
-  composes: boldSansSerif from '../../css/typography/_fonts.css';
-  cursor: pointer;
-  font-size: 18px;
-  background: badgerBlack;
-  color: badgerWhite;
-  display: block;
-  height: 72px;
-  width: 179px;
-  line-height: 72px;
-  text-align: center;
-}
-
-.NatsSliceLink:hover {
-  background: scorpian;
-}
-
-.NatsSliceCloseButton {
-  position: absolute;
-  display: block;
-  height: 16px;
-  width: 16px;
-  background: none;
-  top: 14px;
-  right: 14px;
-  border: none;
-  outline: none;
-  cursor: pointer;
-}
-
-.NatsSliceCloseButton:after,
-.NatsSliceCloseButton:before {
-  content: '';
-  display: block;
-  background: badgerWhite;
-  height: 2px;
-  width: 20px;
-  position: absolute;
-  left: -2px;
-  top: 7px;
-}
-
-.NatsSliceCloseButton:after {
-  transform: rotate(45deg);
-}
-
-.NatsSliceCloseButton:before {
-  transform: rotate(-45deg);
-}
-
-.NatsSliceImageWrapper {
-  display: none;
-  max-width: 472px;
-}
-
-.NatsSliceImageWrapper img {
-  display: none;
-}
-
-.NatsSliceCTA {
-  composes: boldSansSerif from '../../css/typography/_fonts.css';
-  display: block;
-}
-
-.NatsSliceCTA p {
-  display: flex;
-}
-
-@media mediumScreen {
-  .NatsSlice {
-    display: flex;
-    flex-direction: row;
-    padding: 40px 60px;
-  }
-
-  .NatsSliceTextContent {
-    padding-top: 40px;
-  }
-
-  .NatsSliceImage {
-    margin-top: 14px;
-  }
-
-  .NatsSliceHeading {
-    font-size: 60px;
-  }
-
-  .NatsSlice h4 {
-    margin-bottom: 40px;
-  }
-
-  .NatsSlice p {
-    font-size: 22px;
-    margin-bottom: 40px;
-  }
-
-  .NatsSliceLink {
-    font-size: 24px;
-    line-height: 72px;
-  }
-
-  .NatsSliceText {
-    width: 100%;
-    min-width: 420px;
-  }
-}
-
-@media largeScreen {
-  .NatsSliceImageWrapper {
-    display: block;
-    position: relative;
-    width: 100%;
-  }
-
-  .NatsSliceImageWrapper img {
-    display: block;
-    width: 200%;
-    position: absolute;
-    right: -422px;
-    top: 50%;
-    transform: translateY(-50%);
-  }
-
-  .NatsSliceText {
-    width: 52%;
-  }
-
-  .NatsSliceTextContent {
-    margin-right: 50px;
-  }
-}
diff --git a/site/components/wasm-whitepaper-slice/images/background.png b/site/components/wasm-whitepaper-slice/images/background.png
new file mode 100644
index 00000000..cb75ff9c
Binary files /dev/null and b/site/components/wasm-whitepaper-slice/images/background.png differ
diff --git a/site/components/nats-slice/images/title.png b/site/components/wasm-whitepaper-slice/images/title.png
similarity index 100%
rename from site/components/nats-slice/images/title.png
rename to site/components/wasm-whitepaper-slice/images/title.png
diff --git a/site/components/wasm-whitepaper-slice/images/whitepaper.png b/site/components/wasm-whitepaper-slice/images/whitepaper.png
new file mode 100644
index 00000000..f33b305f
Binary files /dev/null and b/site/components/wasm-whitepaper-slice/images/whitepaper.png differ
diff --git a/site/components/wasm-whitepaper-slice/index.js b/site/components/wasm-whitepaper-slice/index.js
new file mode 100644
index 00000000..4ef9a7b8
--- /dev/null
+++ b/site/components/wasm-whitepaper-slice/index.js
@@ -0,0 +1,57 @@
+// @flow
+import * as React from 'react';
+
+import styles from './style.css';
+import titleImg from './images/title.png';
+import whitepaperImg from './images/whitepaper.png';
+
+const WasmWhitepaperSlice = () => {
+  return (
+    <div className={`${styles.WasmWhitepaperSliceWrapper}`}>
+      <div className={styles.WasmWhitepaperSliceContent}>
+        <div className={styles.WasmWhitepaperSlice}>
+          <div className={styles.WasmWhitepaperSliceText}>
+            <img
+              className={styles.WasmWhitepaperSliceTitleImage}
+              src={titleImg}
+              alt="text reading: We Love Tech"
+            />
+            <div className={styles.WasmWhitepaperSliceTextContent}>
+              <div className={styles.WasmWhitepaperSliceBodyheader}>
+                <h3>
+                  Multi-cloud platforms are here: How WebAssembly, NATS and wasmCloud can move us
+                  beyond the cloud
+                </h3>
+              </div>
+              <div className={styles.WasmWhitepaperSliceBodySubHeader}>
+                <h4>
+                  With contributions from Liam Randall, Cosmonic’s CEO and Derek Collison, CEO of
+                  Synadia and creator of{' '}
+                  <a href="http://nats.io/" className={styles.WasmWhitepaperSliceBodyLink}>
+                    NATS.io
+                  </a>
+                  , our latest white paper written by our Chief Scientist, Stuart Harris, maps out
+                  the journey to a truly resilient multi-cloud platform.
+                </h4>
+              </div>
+              <div>
+                <a href="https://bit.ly/393vkLn" className={styles.WasmWhitepaperSliceLink}>
+                  Download White Paper
+                </a>
+              </div>
+            </div>
+          </div>
+          <div className={styles.WasmWhitepaperSliceImageWrapper}>
+            <img
+              className={styles.WasmWhitepaperSliceImage}
+              src={whitepaperImg}
+              alt="An illustration of the WASM whitepaper"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default WasmWhitepaperSlice;
diff --git a/site/components/wasm-whitepaper-slice/style.css b/site/components/wasm-whitepaper-slice/style.css
new file mode 100644
index 00000000..cc99c818
--- /dev/null
+++ b/site/components/wasm-whitepaper-slice/style.css
@@ -0,0 +1,117 @@
+@value badgerBlack, badgerWhite, scorpian, badgerRed, midBlue, brightBlue from '../../css/_colors.css';
+@value mediumScreen, largeScreen from "../../css/_sizes.css";
+
+.WasmWhitepaperSliceWrapper {
+  composes: dividerMidBlue from '../../css/_divider.css';
+  width: 100%;
+  background-color: brightBlue;
+  background-image: url(./images/background.png);
+  background-repeat: no-repeat;
+  background-size: cover;
+  color: badgerBlack;
+}
+
+.WasmWhitepaperSliceBodyheader {
+  composes: boldSansSerif from '../../css/typography/_fonts.css';
+  display: flex;
+  margin-bottom: 20px;
+}
+
+.WasmWhitepaperSliceBodyheader h3 {
+  font-size: 32px;
+  line-height: 46px;
+  margin-right: 14px;
+}
+
+.WasmWhitepaperSlice {
+  composes: sansSerif from '../../css/typography/_fonts.css';
+  position: relative;
+  max-width: 1440px;
+  width: 100%;
+  margin: 0 auto;
+  padding: 24px 24px 60px;
+  line-height: 1.5em;
+}
+
+.WasmWhitepaperSlice p {
+  font-size: 18px;
+  line-height: 1.25em;
+  margin-bottom: 20px;
+}
+
+.WasmWhitepaperSliceBodySubHeader {
+  margin-bottom: 32px;
+}
+
+.WasmWhitepaperSliceTitleImage {
+  display: block;
+  width: 100%;
+  max-width: 250px;
+  margin-bottom: 16px;
+}
+
+.WasmWhitepaperSliceLink {
+  composes: boldSansSerif from '../../css/typography/_fonts.css';
+  cursor: pointer;
+  font-size: 18px;
+  background: badgerBlack;
+  color: badgerWhite;
+  display: inline-block;
+  text-align: center;
+  padding: 16px;
+}
+
+.WasmWhitepaperSliceLink:hover {
+  background: scorpian;
+}
+
+.WasmWhitepaperSliceImageWrapper {
+  display: none;
+  max-width: 472px;
+}
+
+.WasmWhitepaperSliceBodyLink {
+  composes: bodyUnderlineLink from '../../css/_links.css';
+}
+
+@media mediumScreen {
+  .WasmWhitepaperSlice {
+    display: flex;
+    flex-direction: row;
+    padding: 40px 60px;
+  }
+
+  .WasmWhitepaperSlice p {
+    font-size: 22px;
+    margin-bottom: 40px;
+  }
+
+  .WasmWhitepaperSliceLink {
+    font-size: 24px;
+  }
+
+  .WasmWhitepaperSliceText {
+    width: 100%;
+    min-width: 420px;
+  }
+}
+
+@media largeScreen {
+  .WasmWhitepaperSliceTitleImage {
+    margin-top: 14px;
+    margin-bottom: 32px;
+    display: block;
+    width: 320px;
+  }
+
+  .WasmWhitepaperSliceImageWrapper {
+    display: flex;
+    flex-grow: 1;
+    max-width: 100%;
+    justify-content: center;
+  }
+
+  .WasmWhitepaperSliceText {
+    width: 52%;
+  }
+}
diff --git a/site/css/_colors.css b/site/css/_colors.css
index 4ec6c00c..a234406a 100644
--- a/site/css/_colors.css
+++ b/site/css/_colors.css
@@ -29,6 +29,7 @@
 
 /* People are just adding random colors now */
 @value midBlue: #0091EB;
+@value brightBlue: #01D7EE;
 
 /* Lines and shades */
 @value linesOnBlack: #565656;
diff --git a/site/pages/home/__snapshots__/test.js.snap b/site/pages/home/__snapshots__/test.js.snap
index 416a943f..33ed9805 100644
--- a/site/pages/home/__snapshots__/test.js.snap
+++ b/site/pages/home/__snapshots__/test.js.snap
@@ -118,66 +118,63 @@ Array [
     />
   </div>,
   <div
-    class="NatsSliceWrapper"
-    id="genz"
+    class="WasmWhitepaperSliceWrapper"
   >
     <div
-      class="NatsSliceContent"
+      class="WasmWhitepaperSliceContent"
     >
       <div
-        class="NatsSlice"
+        class="WasmWhitepaperSlice"
       >
         <div
-          class="NatsSliceText"
+          class="WasmWhitepaperSliceText"
         >
           <img
             alt="text reading: We Love Tech"
-            class="NatsSliceTitleImage"
+            class="WasmWhitepaperSliceTitleImage"
             src="title.png"
           />
           <div
-            class="NatsSliceTextContent"
+            class="WasmWhitepaperSliceTextContent"
           >
             <div
-              class="NatsSliceBodyheader"
+              class="WasmWhitepaperSliceBodyheader"
             >
-              <h4>
-                We love
-              </h4>
-              <img
-                alt="N.A.T.S logo"
-                src="nats-logo.png"
-              />
+              <h3>
+                Multi-cloud platforms are here: How WebAssembly, NATS and wasmCloud can move us beyond the cloud
+              </h3>
             </div>
             <div
-              class="NatsSliceCTA"
+              class="WasmWhitepaperSliceBodySubHeader"
             >
-              <div>
-                <p>
-                  Wednesday 20th April - 18:30
-                  <br />
-                  Red Badger HQ & Virtual
-                </p>
-              </div>
+              <h4>
+                With contributions from Liam Randall, Cosmonic’s CEO and Derek Collison, CEO of Synadia and creator of 
+                <a
+                  class="WasmWhitepaperSliceBodyLink"
+                  href="http://nats.io/"
+                >
+                  NATS.io
+                </a>
+                , our latest white paper written by our Chief Scientist, Stuart Harris, maps out the journey to a truly resilient multi-cloud platform.
+              </h4>
+            </div>
+            <div>
+              <a
+                class="WasmWhitepaperSliceLink"
+                href="https://bit.ly/393vkLn"
+              >
+                Download White Paper
+              </a>
             </div>
-            <p>
-              Join Red Badger, Synadia, FLEETCOR and Form3 to explore why NATS is the next generation of cloud connectivity for financial blue chips. More than a message broker, NATS is THE connective substrate for a global organisation–or even the whole planet.
-            </p>
-            <a
-              class="NatsSliceLink"
-              href="https://content.red-badger.com/events/we-love-tech/we-love-nats"
-            >
-              Register
-            </a>
           </div>
         </div>
         <div
-          class="NatsSliceImageWrapper"
+          class="WasmWhitepaperSliceImageWrapper"
         >
           <img
-            alt="An illustration of the letters n.a.t.s floating above a cloud"
-            class="NatsSliceImage"
-            src="background.png"
+            alt="An illustration of the WASM whitepaper"
+            class="WasmWhitepaperSliceImage"
+            src="whitepaper.png"
           />
         </div>
       </div>
diff --git a/site/pages/home/index.js b/site/pages/home/index.js
index 174fb004..bd06b14a 100644
--- a/site/pages/home/index.js
+++ b/site/pages/home/index.js
@@ -10,7 +10,7 @@ import HubspotSignup from './hubspot-signup';
 import TechSlice from '../../slices/tech-slice';
 import GoldCoinSlice from '../../slices/gc-slice';
 import MBPSlice from './mbp-slice';
-import NatsSlice from '../../components/nats-slice';
+import WasmWhitepaperSlice from '../../components/wasm-whitepaper-slice';
 
 import metaImage from './meta-image.jpg';
 import TestimonialsSlice from './client-testimonials-slice';
@@ -32,7 +32,7 @@ export default function HomePage() {
         <Social {...social} />
         <TopSlice />
         <GoldCoinSlice />
-        <NatsSlice />
+        <WasmWhitepaperSlice />
         <CaseStudyOverview />
         <MBPSlice />
         <TestimonialsSlice />