Add typeform survey banner (#11549)

Signed-off-by: Joon Park <joonp@spotify.com>

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" />
+    </>
+  );
+}

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>