From 69720cec67a6f313a12e0325679cff2286ac567b Mon Sep 17 00:00:00 2001
From: Joon Park <joonp@spotify.com>
Date: Wed, 18 May 2022 17:09:04 +0100
Subject: [PATCH] Add typeform survey banner (#11549)

Signed-off-by: Joon Park <joonp@spotify.com>
---
 microsite/core/Typeform.js  | 21 +++++++++++++++++++++
 microsite/pages/en/index.js |  2 ++
 2 files changed, 23 insertions(+)
 create mode 100644 microsite/core/Typeform.js

diff --git a/microsite/core/Typeform.js b/microsite/core/Typeform.js
new file mode 100644
index 0000000000..c737d907f0
--- /dev/null
+++ b/microsite/core/Typeform.js
@@ -0,0 +1,21 @@
+import React from 'react';
+
+export function Typeform() {
+  return (
+    <>
+      <div
+        data-tf-sidetab="zcOaKikB"
+        data-tf-width="320"
+        data-tf-height="400"
+        data-tf-custom-icon="https://images.typeform.com/images/769rUZbqPrvq"
+        data-tf-button-color="#5CD6C8"
+        data-tf-button-text="New Adopters"
+        data-tf-iframe-props="title=Public Adopter: Hand Raiser Form"
+        data-tf-medium="snippet"
+        data-tf-hidden="utm_source=.iobanner"
+        style={{ all: 'unset' }}
+      />
+      <script src="//embed.typeform.com/next/embed.js" />
+    </>
+  );
+}
diff --git a/microsite/pages/en/index.js b/microsite/pages/en/index.js
index ba84d7d774..2581fdbf2f 100644
--- a/microsite/pages/en/index.js
+++ b/microsite/pages/en/index.js
@@ -12,6 +12,7 @@ const ActionBlock = Components.ActionBlock;
 const Breakpoint = Components.Breakpoint;
 const BulletLine = Components.BulletLine;
 const Banner = Components.Banner;
+const { Typeform } = require(`${process.cwd()}/core/Typeform.js`);
 
 class Index extends React.Component {
   render() {
@@ -20,6 +21,7 @@ class Index extends React.Component {
 
     return (
       <main className="MainContent MainContent--gradient">
+        <Typeform />
         <Banner.Container>
           <Banner.Dismissable storageKey="2022-03-16-newsletter-cta">
             <div>