Sash/update home page

src/components/elements/payment-methods.js

@@ -0,0 +1,29 @@
+import React from 'react'
+import styled from 'styled-components'
+import Visa from 'images/svg/visa.svg'
+import Master from 'images/svg/mastercard.svg'
+import Neteller from 'images/svg/neteller.svg'
+import Skrill from 'images/svg/skrill.svg'
+
+const Grid = styled.article`
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    grid-gap: 2rem;
+    width: 100%;
+
+    * {
+        max-width: 100%;
+        justify-self: center;
+        align-self: center;
+    }
+`
+const PaymentMethods = () => (
+    <Grid>
+        <Visa />
+        <Master />
+        <Neteller />
+        <Skrill />
+    </Grid>
+)
+
+export default PaymentMethods

src/components/form/button.js

@@ -6,6 +6,7 @@ const StyledButton = styled.button`
     border-radius: 6px;
     padding: 1rem;
     font-size: var(--text-size-s);
+    font-weight: bold;
 
     &:hover {
         cursor: pointer;

src/components/form/signup.js

@@ -22,6 +22,7 @@ const Title = styled(Header)`
 `
 const Form = styled.form`
     width: 80%;
+    margin: 0 auto;
 `
 const ResponseWrapper = styled(Container)`
     justify-content: center;
@@ -237,7 +238,7 @@ class Signup extends Component {
                         >
                             {localize('Create a free account')}
                         </EmailButton>
-                        <Text color="grey">{localize('Or sign up with')}</Text>
+                        <Text color="grey" className='social-signup'>{localize('Or sign up with')}</Text>
                         <SocialWrapper>
                             <SocialButton
                                 onClick={this.handleSocialSignup}
@@ -262,7 +263,7 @@ class Signup extends Component {
                                 </span>
                             </SocialButton>
                         </SocialWrapper>
-                        <LoginText>
+                        <LoginText className='already'>
                             {localize('Already have an account?')}
                             <LoginLink onClick={this.handleLogin}>
                                 {' '}

src/components/layout/footer.js

@@ -207,7 +207,7 @@ const Footer = () => (
                 <LegalRow>
                     <div>
                         <p>{localize('The financial products offered by this website is offered by Binary (SVG) Ltd, Hinds Building, Kingstown, St. Vincent and the Grenadines.')}</p>
-                        <p>{localize('This website\'s services are accessible worldwide except in certain countries such as the USA, Canada, Hong Kong, Japan, or to persons under age 18.')}</p>
+                        <p>{localize('This website\'s services are not made available in certain countries such as the USA, Canada, Hong Kong, Japan, or to persons under age 18.')}</p>
                     </div>
                     <div>
                         <span>