Merge pull request #426 from keep-network/feat/srt-82-keep-ui-feedback-landing-page

Feat(UI)/SRT-82: Keep UI feedback landing-page

Author: micahjlucas

src/components/Contact.js

@@ -46,7 +46,7 @@ const Contact = ({
       <h1>{title}</h1>
       <EmailForm
         label="Email"
-        placeholder="captain@marvel.io"
+        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

@@ -30,7 +30,7 @@
     background-repeat: no-repeat;
 
     padding: 72px 0 0;
-    min-height: 100vh;
+    min-height: 900px;
     margin-top: 0;
 
     &-video-bg {
@@ -105,7 +105,7 @@
 
     @media (min-width: #{$bp-medium}) {
       padding: 150px 0 0;
-
+      min-height: 1000px;
       &-video-bg {
         top: -150px;
       }
@@ -529,8 +529,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 {