feat: Add a form at the bottom of help pages.

src/components/Argument/index.js

@@ -4,7 +4,7 @@ import { css } from '@emotion/core';
 
 const Argument = (props) => {
   const theme = useTheme();
-  const { children, end, title, top } = props;
+  const { children, end, title, top, noWrapper } = props;
 
   return (
     <div
@@ -89,11 +89,19 @@ const Argument = (props) => {
               color: ${theme.colors.neutral.white};
             }
           }
+
+          label {
+            color: ${theme.colors.neutral.grey400};
+          }
         `}
       >
-        <Paragraph noMargin inverse>
-          {children}
-        </Paragraph>
+        {noWrapper && children}
+
+        {!noWrapper && (
+          <Paragraph inverse noMargin>
+            {children}
+          </Paragraph>
+        )}
       </div>
     </div>
   );

src/components/HelpFooter/index.js

@@ -1,5 +1,5 @@
 import { css } from '@emotion/core';
-import { Button, Link, useTheme } from '@octopusthink/nautilus';
+import { Button, Link, Paragraph, TextField, useTheme } from '@octopusthink/nautilus';
 import React from 'react';
 
 import Argument from 'components/Argument';
@@ -14,14 +14,28 @@ const HelpFooter = () => {
         margin: 0 auto;
         max-width: ${theme.site.maxContentWidth};
         text-align: center;
+
+        input {
+          margin-bottom: 1.6rem;
+        }
       `}
     >
-      <Argument title="This doesn't answer my question!">
-        Send a message to{' '}
-        <Link as="a" href="mailto:[email protected]">
-          [email protected]
-        </Link>{' '}
-        and we&rsquo;ll get back to you as soon as we can.
+      <Argument title="This doesn't answer my question!" noWrapper>
+        <Paragraph inverse>
+          Send a message to{' '}
+          <Link as="a" href="mailto:[email protected]">
+            [email protected]
+          </Link>{' '}
+          or fill in the form and we&rsquo;ll get back to you as soon as we can.
+        </Paragraph>
+
+        <TextField label="Name" />
+        <TextField label="Email" />
+        <TextField
+          label="What's going on?"
+          hint="Be as detailed as possible! If you can include which version of Mic Drop you're using..."
+          multiline
+        />
       </Argument>
 
       <Button