Add dev tools quiz (#126)

src/components/Layout/index.tsx

@@ -24,6 +24,7 @@ interface LayoutProps {
 
     className?: string
     hideFooter?: boolean
+    hideHeader?: boolean
     hideGetStartedButton?: boolean
 }
 
@@ -69,18 +70,20 @@ export const Layout: FunctionComponent<LayoutProps> = props => {
                 {meta.canonical ? <link rel="canonical" href={meta.canonical} /> : ''}
             </Head>
 
-            <div className={props.heroAndHeaderClassName}>
-                <Header
-                    isHome={isHome}
-                    isBlog={isBlog}
-                    isProductPage={isProductPage}
-                    minimal={props.minimal}
-                    className={props.className}
-                    hideGetStartedButton={props.hideGetStartedButton}
-                />
-
-                {props.hero}
-            </div>
+            {!props.hideHeader && (
+                <div className={props.heroAndHeaderClassName}>
+                    <Header
+                        isHome={isHome}
+                        isBlog={isBlog}
+                        isProductPage={isProductPage}
+                        minimal={props.minimal}
+                        className={props.className}
+                        hideGetStartedButton={props.hideGetStartedButton}
+                    />
+
+                    {props.hero}
+                </div>
+            )}
 
             <section className="flex-1">{props.children}</section>
 

src/pages/dev-tools-quiz.tsx

@@ -0,0 +1,29 @@
+// eslint-disable-next-line unicorn/prevent-abbreviations
+import { FunctionComponent } from 'react'
+
+import Script from 'next/script'
+
+import { Layout } from '@components'
+
+const DevelopmentToolsQuizPage: FunctionComponent = () => (
+    <Layout
+        meta={{
+            title: 'New Year, New Dev Tools - Take the Quiz - Sourcegraph',
+            description:
+                'Dev tools have made huge strides recently. This is a chance to think about your go-to tools for searching, reading, and understanding code and discover some new ones along the way.',
+            image: 'https://about.sourcegraph.com/sourcegraph-og.png',
+        }}
+        hideHeader={true}
+        hideFooter={true}
+    >
+        <div
+            className="vh-100"
+            data-tf-widget="bSiNOCmx"
+            data-tf-iframe-props="title=Dev Tools Quiz"
+            data-tf-hidden="utm_source=xxxxx,utm_medium=xxxxx,utm_campaign=xxxxx,utm_term=xxxxx,utm_content=xxxxx"
+        />
+        <Script src="//embed.typeform.com/next/embed.js" />
+    </Layout>
+)
+
+export default DevelopmentToolsQuizPage

src/styles/globals.scss

@@ -239,7 +239,6 @@ table {
 @import 'pages/sales';
 @import 'pages/universal-code-search';
 @import 'templates/PostTemplate';
-@import 'pages/dev-tools-quiz';
 @import 'pages/code-insights';
 @import 'gradients';
 @import 'spacing';