feat/srt-82-keep-ui-feedback-landing-page: header/contact/homepage feedback issues fixed

Author: astanovferuz

src/components/Contact.js

@@ -46,7 +46,7 @@ const Contact = ({
       <h1>{title}</h1>
       <EmailForm
         label="Email"
-        placeholder="[email protected]"
+        placeholder="Enter email address"
         onSubmit={signupMailingList}
         requestStates={ajaxRequestStates}
         request={actionTypes.SIGNUP_MAILING_LIST}

src/components/Header.js

@@ -169,7 +169,7 @@ export const HeaderTemplate = ({ navItems = [] }) => {
               </li>
               <li className="nav-item">
                 <a
-                  href="#"
+                  href="https://dashboard.keep.network/"
                   className="btn btn-primary btn-small nav-item"
                   rel="noopener noreferrer"
                 >

src/css/forms.scss

@@ -19,7 +19,10 @@
       font-size: 1rem;
       font-weight: 400;
       line-height: 1.25rem;
-      @include placeholder(#b4b4b4);
+      color: $black;
+      &::placeholder {
+        color: $grey-30;
+      }
     }
   }
 
@@ -54,7 +57,7 @@
         border-color: $error-color;
 
         &:focus {
-          border-color: transparent;
+          border-color: $black;
         }
       }
     }

src/css/home.scss

@@ -72,12 +72,22 @@
       margin-top: 64px;
       margin-bottom: 72px;
 
+      ul {
+        margin-bottom: 11rem;
+      }
+
       .cta-links {
         li {
           list-style: none;
           margin: 0 0 1em;
         }
       }
+
+      @media (max-width: #{$bp-medium}) {
+        ul {
+          margin-bottom: 5rem;
+        }
+      }
     }
 
     .ticker {
@@ -529,8 +539,7 @@
 
         &__left {
           height: calc((var(--circle-width) * 1.1));
-          background: url("../images/w-image.jpg") no-repeat center;
-          background-size: cover;
+          background: url("../images/w-image.svg") no-repeat left;
           transform: translate3d(-100px, -50%, 0);
 
           &.aos-animate {