From 9aea5bc13648af4f4c50a80448c66be11f67f6ef Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Wed, 13 Nov 2019 20:23:50 +0400
Subject: [PATCH] Add signup form

---
 components/signup-form/index.js | 9 +++++++--
 components/signup-form/style.js | 4 +++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/components/signup-form/index.js b/components/signup-form/index.js
index 785cc230d..e2de70883 100644
--- a/components/signup-form/index.js
+++ b/components/signup-form/index.js
@@ -4,8 +4,13 @@ const SignUpForm = () => (
   <SignUpWrap>
     <Title>Subscribe</Title>
     <Subtitle>You have caught us before we are ready, enter your email below and we will keep you posted</Subtitle>
-    <Textbox type="text" placeholder="Your email" />
-    <Button>Subscribe</Button>
+    <form action="https://kamranahmed.us9.list-manage.com/subscribe/post?u=6f57b741a6a939744f1f203a0&amp;id=f9ca4d6aee" target="_blank" method="post">
+      <Textbox type="email" name="EMAIL" required placeholder="Your email" />
+      <div style={{position: 'absolute', left: '-5000px'}}>
+        <input type="text" name="b_6f57b741a6a939744f1f203a0_f9ca4d6aee" tabIndex="-1" value="" />
+      </div>
+      <Button type="submit">Subscribe</Button>
+    </form>
   </SignUpWrap>
 );
 
diff --git a/components/signup-form/style.js b/components/signup-form/style.js
index c6cd5c59c..99ae65463 100644
--- a/components/signup-form/style.js
+++ b/components/signup-form/style.js
@@ -49,7 +49,9 @@ export const Button = styled.button`
   color: white;
   border-radius: 5px;
   
-  &:hover {
+  &:hover, &:active, &:focus {
     background: #000000;
+    box-shadow: none;
+    outline: none;
   }
 `;