diff --git a/packages/frontend/src/components/common/FormButton.js b/packages/frontend/src/components/common/FormButton.js
index affc3104c1..13904371bf 100644
--- a/packages/frontend/src/components/common/FormButton.js
+++ b/packages/frontend/src/components/common/FormButton.js
@@ -36,7 +36,7 @@ const CustomButton = styled.button`
             height: 36px;
             border-radius: 20px;
             padding: 0px 0px;
-            
+
             font-size: 14px;
         }
 
@@ -60,14 +60,14 @@ const CustomButton = styled.button`
                 background: #e6e6e6;
                 border-color: #e6e6e6;
                 opacity: 1 !important;
-                color: #A2A2A8;
+                color: #a2a2a8;
             }
         }
-        
+
         &.dark-gray-light-blue {
-            background-color: #37383C;
-            border-color: #37383C;
-            color: #8EBAF0;
+            background-color: #37383c;
+            border-color: #37383c;
+            color: #8ebaf0;
 
             :hover {
                 background-color: black;
@@ -77,13 +77,13 @@ const CustomButton = styled.button`
                 background: #e6e6e6;
                 border-color: #e6e6e6;
                 opacity: 1 !important;
-                color: #A2A2A8;
+                color: #a2a2a8;
             }
         }
 
         &.dark-gray-black {
             background-color: #000000;
-            color: #FFFFFF;
+            color: #ffffff;
             padding: 0 20px;
             margin: 0;
             :hover {
@@ -94,14 +94,14 @@ const CustomButton = styled.button`
                 background: #e6e6e6;
                 border-color: #e6e6e6;
                 opacity: 1 !important;
-                color: #A2A2A8;
+                color: #a2a2a8;
             }
         }
 
         &.gray-gray {
-            background-color: #F0F0F1;
-            border-color: #F0F0F1;
-            color: #3F4045;
+            background-color: #f0f0f1;
+            border-color: #f0f0f1;
+            color: #3f4045;
 
             :hover {
                 background-color: #ececec;
@@ -113,9 +113,9 @@ const CustomButton = styled.button`
         }
 
         &.light-blue {
-            background-color: #D6EDFF;
+            background-color: #d6edff;
             border: 0;
-            color: #0072CE;
+            color: #0072ce;
             border-radius: 4px;
 
             &.small {
@@ -127,24 +127,25 @@ const CustomButton = styled.button`
 
             &.rounded {
                 border-radius: 50px;
-                padding: ${({ swapButton }) => (swapButton ? '6px 12px' : '12px 15px')};
+                padding: ${({ swapButton }) =>
+    swapButton ? '6px 12px' : '12px 15px'};
                 width: auto;
             }
 
             :hover {
                 color: white;
-                background-color: #0072CE;
+                background-color: #0072ce;
             }
 
             :disabled {
-                background-color: #F0F0F1;
-                color: #A2A2A8;
+                background-color: #f0f0f1;
+                color: #a2a2a8;
             }
         }
 
         &.red {
-            border-color: #E5484D;
-            background: #E5484D;
+            border-color: #e5484d;
+            background: #e5484d;
 
             :disabled {
                 background: #e6e6e6;
@@ -154,9 +155,9 @@ const CustomButton = styled.button`
             :active,
             :hover,
             :focus {
-                border-color: #E5484D;
+                border-color: #e5484d;
                 background: #fff;
-                color: #E5484D;
+                color: #e5484d;
             }
             &.dots {
                 color: #fff;
@@ -176,7 +177,7 @@ const CustomButton = styled.button`
                 background: #e6e6e6;
                 border-color: #e6e6e6;
                 opacity: 1 !important;
-                color: #A2A2A8;
+                color: #a2a2a8;
             }
         }
         &.seafoam-blue {
@@ -191,7 +192,7 @@ const CustomButton = styled.button`
             :active,
             :hover,
             :focus {
-              opacity: 0.8;
+                opacity: 0.8;
             }
         }
         &.seafoam-blue-white {
@@ -207,7 +208,7 @@ const CustomButton = styled.button`
             :active,
             :hover,
             :focus {
-              opacity: 0.8;
+                opacity: 0.8;
             }
         }
         &.dark-gray-transparent {
@@ -219,20 +220,20 @@ const CustomButton = styled.button`
 
             :hover {
                 background-color: #000000;
-                color: #FFFFFF;
+                color: #ffffff;
             }
 
             :disabled {
                 background: #e6e6e6;
                 border-color: #e6e6e6;
                 opacity: 1 !important;
-                color: #A2A2A8;
+                color: #a2a2a8;
             }
         }
         &.dark-green-transparent {
             background-color: transparent;
-            border-color: #00EC97;
-            color: #FFFFFF;
+            border-color: #00ec97;
+            color: #ffffff;
             margin: 0;
             padding: 10px 24px;
 
@@ -245,12 +246,12 @@ const CustomButton = styled.button`
                 background: #e6e6e6;
                 border-color: #e6e6e6;
                 opacity: 1 !important;
-                color: #A2A2A8;
+                color: #a2a2a8;
             }
         }
         &.light-green-transparent {
-            background-color: #00EC97;
-            border-color: #00EC97;
+            background-color: #00ec97;
+            border-color: #00ec97;
             color: #000000;
             margin: 0;
             padding: 10px 24px;
@@ -263,13 +264,12 @@ const CustomButton = styled.button`
                 background: #e6e6e6;
                 border-color: #e6e6e6;
                 opacity: 1 !important;
-                color: #A2A2A8;
+                color: #a2a2a8;
             }
         }
         &.green {
             border-color: #5ace84;
             background: #5ace84;
-            
 
             :disabled {
                 border-color: #e6e6e6;
@@ -284,8 +284,8 @@ const CustomButton = styled.button`
             }
         }
         &.green-dark {
-            background-color: #00C08B;
-            color: #00261C;
+            background-color: #00c08b;
+            color: #00261c;
             border: 0;
             font-weight: 600 !important;
 
@@ -294,9 +294,9 @@ const CustomButton = styled.button`
             }
 
             &.border {
-                color: #008D6A !important;
-                background-color: #C8F6E0 !important;
-                border: 2px solid #56BC8F !important;
+                color: #008d6a !important;
+                background-color: #c8f6e0 !important;
+                border: 2px solid #56bc8f !important;
             }
         }
         &.green-white-arrow {
@@ -324,8 +324,8 @@ const CustomButton = styled.button`
             }
         }
         &.green-pastel {
-            background-color: #4DD5A6;
-            color: #00261C;
+            background-color: #4dd5a6;
+            color: #00261c;
             border: 0;
 
             :hover {
@@ -351,21 +351,21 @@ const CustomButton = styled.button`
             }
         }
         &.gray-red {
-            color: #FF585D;
+            color: #ff585d;
             border: none;
-            background-color: #F0F0F1;
+            background-color: #f0f0f1;
 
             :hover,
             :active,
             :focus {
                 color: #fff;
-                background-color: #FF585D;
+                background-color: #ff585d;
             }
         }
         &.gray-blue {
             color: #0072ce;
-            border-color: #F0F0F1;
-            background: #F0F0F1;
+            border-color: #f0f0f1;
+            background: #f0f0f1;
 
             :disabled {
                 border-color: #e6e6e6;
@@ -376,18 +376,18 @@ const CustomButton = styled.button`
             :hover,
             :focus {
                 color: #0072ce;
-                border-color: #F0F0F1;
+                border-color: #f0f0f1;
                 background: #fff;
             }
 
             &.dark {
-                border-color: #EFEFEF;
-                background: #EFEFEF;
+                border-color: #efefef;
+                background: #efefef;
             }
 
             &.border {
                 background: none;
-                border-color: #E6E5E3;
+                border-color: #e6e5e3;
                 :hover {
                     border-color: #0072ce;
                 }
@@ -425,20 +425,20 @@ const CustomButton = styled.button`
             }
 
             &.gray {
-                color: #72727A;
+                color: #72727a;
 
                 :hover,
                 :focus {
-                    color: #72727A;
+                    color: #72727a;
                 }
             }
 
             &.light-gray {
-                color: #A2A2A8;
+                color: #a2a2a8;
 
                 :hover,
                 :focus {
-                    color: #A2A2A8;
+                    color: #a2a2a8;
                 }
             }
 
@@ -464,7 +464,6 @@ const CustomButton = styled.button`
                     text-decoration: none;
                 }
             }
-
         }
 
         &.dots {
@@ -481,31 +480,27 @@ const CustomButton = styled.button`
                 border-color: #cccccc;
             }
             :after {
-                content: '.';
+                content: ".";
                 animation: dots 1s steps(5, end) infinite;
-            
+
                 @keyframes dots {
-                    0%, 20% {
-                        color: rgba(0,0,0,0);
-                        text-shadow:
-                            .3em 0 0 rgba(0,0,0,0),
-                            .6em 0 0 rgba(0,0,0,0);
+                    0%,
+                    20% {
+                        color: rgba(0, 0, 0, 0);
+                        text-shadow: 0.3em 0 0 rgba(0, 0, 0, 0),
+                            0.6em 0 0 rgba(0, 0, 0, 0);
                     }
                     40% {
                         color: white;
-                        text-shadow:
-                            .3em 0 0 rgba(0,0,0,0),
-                            .6em 0 0 rgba(0,0,0,0);
+                        text-shadow: 0.3em 0 0 rgba(0, 0, 0, 0),
+                            0.6em 0 0 rgba(0, 0, 0, 0);
                     }
                     60% {
-                        text-shadow:
-                            .3em 0 0 white,
-                            .6em 0 0 rgba(0,0,0,0);
+                        text-shadow: 0.3em 0 0 white, 0.6em 0 0 rgba(0, 0, 0, 0);
                     }
-                    80%, 100% {
-                        text-shadow:
-                            .3em 0 0 white,
-                            .6em 0 0 white;
+                    80%,
+                    100% {
+                        text-shadow: 0.3em 0 0 white, 0.6em 0 0 white;
                     }
                 }
             }
@@ -526,31 +521,28 @@ const CustomButton = styled.button`
                 border: 0;
             }
             :after {
-                content: '.';
+                content: ".";
                 animation: link 1s steps(5, end) infinite;
-            
+
                 @keyframes link {
-                    0%, 20% {
-                        color: rgba(0,0,0,0);
-                        text-shadow:
-                            .3em 0 0 rgba(0,0,0,0),
-                            .6em 0 0 rgba(0,0,0,0);
+                    0%,
+                    20% {
+                        color: rgba(0, 0, 0, 0);
+                        text-shadow: 0.3em 0 0 rgba(0, 0, 0, 0),
+                            0.6em 0 0 rgba(0, 0, 0, 0);
                     }
                     40% {
                         color: #24272a;
-                        text-shadow:
-                            .3em 0 0 rgba(0,0,0,0),
-                            .6em 0 0 rgba(0,0,0,0);
+                        text-shadow: 0.3em 0 0 rgba(0, 0, 0, 0),
+                            0.6em 0 0 rgba(0, 0, 0, 0);
                     }
                     60% {
-                        text-shadow:
-                            .3em 0 0 #24272a,
-                            .6em 0 0 rgba(0,0,0,0);
+                        text-shadow: 0.3em 0 0 #24272a,
+                            0.6em 0 0 rgba(0, 0, 0, 0);
                     }
-                    80%, 100% {
-                        text-shadow:
-                            .3em 0 0 #24272a,
-                            .6em 0 0 #24272a;
+                    80%,
+                    100% {
+                        text-shadow: 0.3em 0 0 #24272a, 0.6em 0 0 #24272a;
                     }
                 }
             }
@@ -564,10 +556,10 @@ const CustomButton = styled.button`
     }
 `;
 
-const FormButton = ({ 
-    children, 
-    type, 
-    color = 'blue', 
+const FormButton = ({
+    children,
+    type,
+    color = 'blue',
     disabled = false,
     onClick,
     sending = false,
@@ -580,27 +572,31 @@ const FormButton = ({
     trackingId,
     swapButton,
     'data-test-id': testId,
-    style
+    style,
 }) => (
     <CustomButton
         swapButton={swapButton}
         type={type}
         id={id}
-        className={classNames([color, size, className, {'dots': sending}])}
+        className={classNames([color, size, className, { dots: sending }])}
         disabled={disabled}
         onClick={(e) => {
             onClick && onClick(e);
-            linkTo && (linkTo.toLowerCase().startsWith('http') ? window.open(linkTo, '_blank') : history.push(linkTo));
+            linkTo &&
+                (linkTo.toLowerCase().startsWith('http')
+                    ? window.open(linkTo, '_blank')
+                    : history.push(linkTo));
             trackingId && Mixpanel.track(trackingId);
         }}
-        tabIndex='3'
+        tabIndex="3"
         data-test-id={testId}
         style={style}
     >
-        {sending
-            ? <Translate id={sendingString ? sendingString : 'sending'} />
-            : children
-        }
+        {sending ? (
+            <Translate id={sendingString ? sendingString : 'sending'} />
+        ) : (
+            children
+        )}
     </CustomButton>
 );
 
@@ -614,7 +610,7 @@ FormButton.propTypes = {
     size: PropTypes.string,
     linkTo: PropTypes.string,
     className: PropTypes.string,
-    trackingId: PropTypes.string
+    trackingId: PropTypes.string,
 };
 
 export default withRouter(FormButton);
diff --git a/packages/frontend/src/components/landing/GuestLanding.js b/packages/frontend/src/components/landing/GuestLanding.js
index a3520c47d6..cf6a283113 100644
--- a/packages/frontend/src/components/landing/GuestLanding.js
+++ b/packages/frontend/src/components/landing/GuestLanding.js
@@ -1,6 +1,9 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useState, useRef } from 'react';
 import { Translate } from 'react-localize-redux';
+import styled from 'styled-components';
 
+import ArrowGrnImage from '../../images/icon-arrow-grn.svg';
+import ArrowWhiteImage from '../../images/icon-arrow-white.svg';
 import HereWalletIcon from '../../images/wallet-icons/here-wallet-icon.png';
 import MeteorWalletIcon from '../../images/wallet-icons/meteor-wallet-icon.png';
 import MintbaseWalletIcon from '../../images/wallet-icons/mintbase-wallet-icon.png';
@@ -34,15 +37,574 @@ import {
     TransferSectionWrapper,
 } from './GuestLanding.styles';
 
+const CustomButton = styled.button`
+    &&& {
+        color: #fff;
+        margin: ${({ swapButton }) => (swapButton ? 0 : '24px 0 0 0')};
+        border: 2px solid;
+        font-weight: 600;
+        height: 56px;
+        border-radius: 30px;
+        transition: 100ms;
+        font-size: 14px;
+        word-break: keep-all;
+
+        :disabled {
+            cursor: not-allowed;
+        }
+
+        svg {
+            width: 16px;
+            height: 16px;
+            margin: 0 0 -4px 8px;
+        }
+
+        &.small {
+            width: 110px;
+            height: 36px;
+            border-radius: 20px;
+            padding: 0px 0px;
+
+            font-size: 14px;
+        }
+
+        &.black {
+            background-color: black;
+
+            :hover {
+                background-color: #1f1f1f;
+            }
+        }
+
+        &.dark-gray {
+            background-color: #272729;
+            border-color: #272729;
+
+            :hover {
+                background-color: black;
+            }
+
+            :disabled {
+                background: #e6e6e6;
+                border-color: #e6e6e6;
+                opacity: 1 !important;
+                color: #a2a2a8;
+            }
+        }
+
+        &.dark-gray-light-blue {
+            background-color: #37383c;
+            border-color: #37383c;
+            color: #8ebaf0;
+
+            :hover {
+                background-color: black;
+            }
+
+            :disabled {
+                background: #e6e6e6;
+                border-color: #e6e6e6;
+                opacity: 1 !important;
+                color: #a2a2a8;
+            }
+        }
+
+        &.dark-gray-black {
+            background-color: #000000;
+            color: #ffffff;
+            padding: 0 20px;
+            margin: 0;
+            :hover {
+                background-color: #706f6c;
+            }
+
+            :disabled {
+                background: #e6e6e6;
+                border-color: #e6e6e6;
+                opacity: 1 !important;
+                color: #a2a2a8;
+            }
+        }
+
+        &.gray-gray {
+            background-color: #f0f0f1;
+            border-color: #f0f0f1;
+            color: #3f4045;
+
+            :hover {
+                background-color: #ececec;
+            }
+
+            :disabled {
+                opacity: 0.8;
+            }
+        }
+
+        &.light-blue {
+            background-color: #d6edff;
+            border: 0;
+            color: #0072ce;
+            border-radius: 4px;
+
+            &.small {
+                padding: 6px 12px;
+                height: auto;
+                font-weight: 400 !important;
+                font-size: 12px;
+            }
+
+            &.rounded {
+                border-radius: 50px;
+                padding: ${({ swapButton }) =>
+    swapButton ? '6px 12px' : '12px 15px'};
+                width: auto;
+            }
+
+            :hover {
+                color: white;
+                background-color: #0072ce;
+            }
+
+            :disabled {
+                background-color: #f0f0f1;
+                color: #a2a2a8;
+            }
+        }
+
+        &.red {
+            border-color: #e5484d;
+            background: #e5484d;
+
+            :disabled {
+                background: #e6e6e6;
+                border-color: #e6e6e6;
+                opacity: 1 !important;
+            }
+            :active,
+            :hover,
+            :focus {
+                border-color: #e5484d;
+                background: #fff;
+                color: #e5484d;
+            }
+            &.dots {
+                color: #fff;
+            }
+        }
+        &.blue {
+            border-color: #0072ce;
+            background: #0072ce;
+
+            :active,
+            :hover,
+            :focus {
+                border-color: #007fe6;
+                background: #007fe6;
+            }
+            :disabled {
+                background: #e6e6e6;
+                border-color: #e6e6e6;
+                opacity: 1 !important;
+                color: #a2a2a8;
+            }
+        }
+        &.seafoam-blue {
+            border-color: #6ad1e3;
+            background: #6ad1e3;
+
+            :disabled {
+                background: #e6e6e6;
+                border-color: #e6e6e6;
+                opacity: 1 !important;
+            }
+            :active,
+            :hover,
+            :focus {
+                opacity: 0.8;
+            }
+        }
+        &.seafoam-blue-white {
+            border-color: #6ad1e3;
+            background: #fff;
+            color: #6ad1e3;
+
+            :disabled {
+                background: #fff;
+                border-color: #e6e6e6;
+                opacity: 1 !important;
+            }
+            :active,
+            :hover,
+            :focus {
+                opacity: 0.8;
+            }
+        }
+        &.dark-gray-transparent {
+            background-color: transparent;
+            border-color: #000000;
+            color: #000000;
+            margin: 0;
+            padding: 10px 24px;
+
+            :hover {
+                background-color: #000000;
+                color: #ffffff;
+            }
+
+            :disabled {
+                background: #e6e6e6;
+                border-color: #e6e6e6;
+                opacity: 1 !important;
+                color: #a2a2a8;
+            }
+        }
+        &.dark-green-transparent {
+            background-color: transparent;
+            border-color: #00ec97;
+            color: #ffffff;
+            margin: 0;
+            padding: 10px 24px;
+
+            :hover {
+                background-color: rgb(0, 236, 151);
+                color: #000000;
+            }
+
+            :disabled {
+                background: #e6e6e6;
+                border-color: #e6e6e6;
+                opacity: 1 !important;
+                color: #a2a2a8;
+            }
+        }
+        &.light-green-transparent {
+            background-color: #00ec97;
+            border-color: #00ec97;
+            color: #000000;
+            margin: 0;
+            padding: 10px 24px;
+
+            :hover {
+                background-color: #45e394;
+            }
+
+            :disabled {
+                background: #e6e6e6;
+                border-color: #e6e6e6;
+                opacity: 1 !important;
+                color: #a2a2a8;
+            }
+        }
+        &.green {
+            border-color: #5ace84;
+            background: #5ace84;
+
+            :disabled {
+                border-color: #e6e6e6;
+                background: #e6e6e6;
+                opacity: 1 !important;
+            }
+            :active,
+            :hover,
+            :focus {
+                border-color: #61de8d;
+                background: #61de8d;
+            }
+        }
+        &.green-dark {
+            background-color: #00c08b;
+            color: #00261c;
+            border: 0;
+            font-weight: 600 !important;
+
+            :disabled {
+                opacity: 0.5;
+            }
+
+            &.border {
+                color: #008d6a !important;
+                background-color: #c8f6e0 !important;
+                border: 2px solid #56bc8f !important;
+            }
+        }
+        &.green-white-arrow {
+            color: #5ace84;
+            border-color: #5ace84;
+            background-color: #fff;
+            background-image: url(${ArrowGrnImage});
+            background-repeat: no-repeat;
+            background-position: 90% center;
+            background-size: 14px 20px;
+
+            :disabled {
+                color: #e6e6e6;
+                border-color: #e6e6e6;
+                background: #fff;
+                opacity: 1 !important;
+            }
+            :active,
+            :hover,
+            :focus {
+                color: #fff;
+                border-color: #61de8d;
+                background-color: #61de8d;
+                background-image: url(${ArrowWhiteImage});
+            }
+        }
+        &.green-pastel {
+            background-color: #4dd5a6;
+            color: #00261c;
+            border: 0;
+
+            :hover {
+                background-color: #49cc9f;
+            }
+        }
+        &.gray-white {
+            color: #cccccc;
+            border-color: #cccccc;
+            background: #fff;
+
+            :disabled {
+                border-color: #e6e6e6;
+                background: #e6e6e6;
+                opacity: 1 !important;
+            }
+            :active,
+            :hover,
+            :focus {
+                color: #fff;
+                border-color: #cccccc;
+                background: #cccccc;
+            }
+        }
+        &.gray-red {
+            color: #ff585d;
+            border: none;
+            background-color: #f0f0f1;
+
+            :hover,
+            :active,
+            :focus {
+                color: #fff;
+                background-color: #ff585d;
+            }
+        }
+        &.gray-blue {
+            color: #0072ce;
+            border-color: #f0f0f1;
+            background: #f0f0f1;
+
+            :disabled {
+                border-color: #e6e6e6;
+                background: #e6e6e6;
+                opacity: 1 !important;
+            }
+            :active,
+            :hover,
+            :focus {
+                color: #0072ce;
+                border-color: #f0f0f1;
+                background: #fff;
+            }
+
+            &.dark {
+                border-color: #efefef;
+                background: #efefef;
+            }
+
+            &.border {
+                background: none;
+                border-color: #e6e5e3;
+                :hover {
+                    border-color: #0072ce;
+                }
+            }
+        }
+        &.white-blue {
+            background-color: white;
+            border: 0;
+            color: #0072ce;
+
+            :active,
+            :hover,
+            :focus {
+                color: white;
+                background: #0072ce;
+            }
+        }
+        &.link {
+            width: auto !important;
+            height: auto;
+            min-height: 50px;
+            padding: 0;
+            margin: 0;
+            border-radius: 0px;
+            background: none;
+            border: none;
+            display: inline;
+            color: #0072ce;
+
+            :hover,
+            :focus {
+                color: #0072ce;
+                background-color: transparent;
+                text-decoration: underline;
+            }
+
+            &.gray {
+                color: #72727a;
+
+                :hover,
+                :focus {
+                    color: #72727a;
+                }
+            }
+
+            &.light-gray {
+                color: #a2a2a8;
+
+                :hover,
+                :focus {
+                    color: #a2a2a8;
+                }
+            }
+
+            &.red {
+                color: #ff585d;
+
+                :disabled {
+                    opacity: 0.8;
+                    background: transparent !important;
+                }
+            }
+
+            &.normal {
+                font-weight: 400;
+                font-size: 16px;
+            }
+
+            &.underline {
+                font-weight: 400;
+                text-decoration: underline;
+
+                :hover {
+                    text-decoration: none;
+                }
+            }
+        }
+
+        &.dots {
+            color: #fff;
+            border-color: #cccccc;
+            background-color: #cccccc;
+            cursor: default;
+
+            :active,
+            :hover,
+            :focus,
+            :disabled {
+                background: #cccccc;
+                border-color: #cccccc;
+            }
+            :after {
+                content: ".";
+                animation: dots 1s steps(5, end) infinite;
+
+                @keyframes dots {
+                    0%,
+                    20% {
+                        color: rgba(0, 0, 0, 0);
+                        text-shadow: 0.3em 0 0 rgba(0, 0, 0, 0),
+                            0.6em 0 0 rgba(0, 0, 0, 0);
+                    }
+                    40% {
+                        color: white;
+                        text-shadow: 0.3em 0 0 rgba(0, 0, 0, 0),
+                            0.6em 0 0 rgba(0, 0, 0, 0);
+                    }
+                    60% {
+                        text-shadow: 0.3em 0 0 white, 0.6em 0 0 rgba(0, 0, 0, 0);
+                    }
+                    80%,
+                    100% {
+                        text-shadow: 0.3em 0 0 white, 0.6em 0 0 white;
+                    }
+                }
+            }
+        }
+
+        &.link.dots {
+            color: #24272a;
+            border: 0;
+            background-color: transparent;
+            text-transform: lowercase;
+            text-decoration: none;
+
+            :active,
+            :hover,
+            :focus,
+            :disabled {
+                background: transparent;
+                border: 0;
+            }
+            :after {
+                content: ".";
+                animation: link 1s steps(5, end) infinite;
+
+                @keyframes link {
+                    0%,
+                    20% {
+                        color: rgba(0, 0, 0, 0);
+                        text-shadow: 0.3em 0 0 rgba(0, 0, 0, 0),
+                            0.6em 0 0 rgba(0, 0, 0, 0);
+                    }
+                    40% {
+                        color: #24272a;
+                        text-shadow: 0.3em 0 0 rgba(0, 0, 0, 0),
+                            0.6em 0 0 rgba(0, 0, 0, 0);
+                    }
+                    60% {
+                        text-shadow: 0.3em 0 0 #24272a,
+                            0.6em 0 0 rgba(0, 0, 0, 0);
+                    }
+                    80%,
+                    100% {
+                        text-shadow: 0.3em 0 0 #24272a, 0.6em 0 0 #24272a;
+                    }
+                }
+            }
+        }
+        &.bold {
+            font-weight: 500;
+        }
+        @media screen and (max-width: 767px) {
+            width: 100%;
+        }
+    }
+`;
 
 export function GuestLanding({ history, accountFound, onTransfer }) {
     const [walletSelectorModal, setWalletSelectorModal] = useState();
     const [showModal, setShowModal] = useState();
 
+    const ref = useRef(null);
+
     useEffect(() => {
         recordWalletMigrationEvent('LANDING_PAGE');
     }, []);
 
+    const scrollToWalletSection = () => {
+        ref.current?.scrollIntoView({
+            behavior: 'smooth',
+            block: 'start',
+        });
+        const elementTop = ref.current.getBoundingClientRect().top;
+
+        const offset = 100;
+        window.scrollBy({ top: elementTop - offset, behavior: 'smooth' });
+    };
+
     return (
         <>
             <NavigationWrapperV2 onTransfer={onTransfer} />
@@ -89,7 +651,7 @@ export function GuestLanding({ history, accountFound, onTransfer }) {
                                 >
                                     <Translate id="button.learnMore" />
                                 </FormButton>
-                                {accountFound && (
+                                {accountFound ? (
                                     <FormButton
                                         onClick={onTransfer}
                                         className="light-green-transparent"
@@ -99,6 +661,16 @@ export function GuestLanding({ history, accountFound, onTransfer }) {
                                     >
                                         <Translate id="button.transferAccounts" />
                                     </FormButton>
+                                ) : (
+                                    <CustomButton
+                                        onClick={scrollToWalletSection}
+                                        className="light-green-transparent"
+                                        color="light-green-transparent"
+                                        trackingId="Explore Wallets"
+                                        data-test-id="Explore Wallets"
+                                    >
+                                        <Translate id="button.exploreWallets" />
+                                    </CustomButton>
                                 )}
                                 <FormButton
                                     onClick={() => {
@@ -187,22 +759,24 @@ export function GuestLanding({ history, accountFound, onTransfer }) {
                     </FlexBox>
                     <InfoSection>
                         <div>
-                            <SecondaryTitle>
-                                <Translate id="landing.wallet.title" />
-                            </SecondaryTitle>
-                            {accountFound ? (
-                                <SecondaryText>
-                                    {accountFound ? (
-                                        <Translate id="landing.wallet.description" />
-                                    ) : (
+                            <div ref={ref}>
+                                <SecondaryTitle>
+                                    <Translate id="landing.wallet.title" />
+                                </SecondaryTitle>
+                                {accountFound ? (
+                                    <SecondaryText>
+                                        {accountFound ? (
+                                            <Translate id="landing.wallet.description" />
+                                        ) : (
+                                            <Translate id="landing.wallet.secondaryDescription" />
+                                        )}
+                                    </SecondaryText>
+                                ) : (
+                                    <SecondaryText>
                                         <Translate id="landing.wallet.secondaryDescription" />
-                                    )}
-                                </SecondaryText>
-                            ) : (
-                                <SecondaryText>
-                                    <Translate id="landing.wallet.secondaryDescription" />
-                                </SecondaryText>
-                            )}
+                                    </SecondaryText>
+                                )}
+                            </div>
                         </div>
                         <FormButtonContainer>
                             <FormButton
@@ -388,7 +962,6 @@ export function GuestLanding({ history, accountFound, onTransfer }) {
                                     });
                                 }}
                             >
-
                                 <img
                                     src={MintbaseWalletIcon}
                                     alt="meteor-wallet-icon"
diff --git a/packages/frontend/src/components/landing/GuestLanding.styles.js b/packages/frontend/src/components/landing/GuestLanding.styles.js
index 036b4dbeda..3b82d14af5 100644
--- a/packages/frontend/src/components/landing/GuestLanding.styles.js
+++ b/packages/frontend/src/components/landing/GuestLanding.styles.js
@@ -3,14 +3,17 @@ import styled from 'styled-components';
 import PlusIcon from '../../images/plus-icon.png';
 
 export const StyledContainer = styled.div`
-
+    background-image: url(${PlusIcon});
+    background-size: 75px 75px;
     &&& {
-        margin: 35px auto 100px auto;
-        max-width: 1224px;
-        position: relative;
+        margin: 32px auto 32px auto;
+
+        max-width: 100%;
+        display: flex;
+        align-items: center;
 
         @media (max-width: 1352px) {
-            padding: 0 64px;
+            padding: 0 24px;
         }
 
         @media (max-width: 991px) {
@@ -23,6 +26,10 @@ export const StyledContainer = styled.div`
             margin-top: -13px;
         }
 
+        @media (max-width: 900px) {
+            min-height: 390px;
+        }
+
         svg {
             opacity: 0.4;
             position: absolute;
@@ -57,17 +64,17 @@ export const StyledContainer = styled.div`
             margin: 0;
             letter-spacing: -1.08px;
             line-height: 100%;
-            @media(max-width: 768px) {
+            @media (max-width: 768px) {
                 font-size: 60px;
             }
         }
-        
+
         h2 {
-            @media(max-width: 768px) {
+            @media (max-width: 768px) {
                 font-size: 45px;
             }
-            
-            @media(max-width: 576px) {
+
+            @media (max-width: 576px) {
                 font-size: 40px;
             }
         }
@@ -166,9 +173,9 @@ export const StyledContainer = styled.div`
 export const Section = styled.div`
     width: 100%;
     position: relative;
-    background-color: #F2F1EA;
+    background-color: #f2f1ea;
     padding: 100px 0 60px 0;
-    @media(max-width: 768px) {
+    @media (max-width: 768px) {
         padding: 50px 30px;
     }
     h2 {
@@ -178,14 +185,14 @@ export const Section = styled.div`
         font-weight: 500;
         line-height: 130%;
         padding-bottom: 42px;
-        @media(max-width: 576px) {
+        @media (max-width: 576px) {
             font-size: 40px;
         }
     }
     h3 {
         color: #000000;
         padding-bottom: 120px;
-        @media(max-width: 768px) {
+        @media (max-width: 768px) {
             padding-bottom: 50px;
             font-size: 20px;
         }
@@ -197,30 +204,26 @@ export const Section = styled.div`
 `;
 
 export const MainContainer = styled.div`
-    background-image: url(${PlusIcon});
-    background-size: 100px 95px;
-    min-height: 680px;
+    min-height: 500px;
     display: flex;
     width: 100%;
     -webkit-box-align: center;
     align-items: center;
     background-repeat: repeat;
     background-position: center top;
-    @media(max-width: 768px) {
-        margin-bottom: 20px;
-    }
+    margin: 72px auto 72px auto;
 `;
 
 export const MainSection = styled.div`
     padding: 1rem;
     max-width: 675px;
     margin: 0 auto;
-    background-color: #FFFFFF;
+    background-color: #ffffff;
     display: flex;
     -webkit-box-align: center;
     align-items: center;
     min-height: 260px;
-    @media(max-width: 768px) {
+    @media (max-width: 768px) {
         flex-wrap: wrap;
     }
 `;
@@ -247,52 +250,52 @@ export const DefaultContainer = styled.div`
 `;
 
 export const FlexBox = styled.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: center;  
-  padding-bottom: 120px;  
-  @media(max-width: 768px) {
-      flex-wrap: wrap;
-      row-gap: 50px;
-      padding-bottom: 50px;
-  }  
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding-bottom: 120px;
+    @media (max-width: 768px) {
+        flex-wrap: wrap;
+        row-gap: 50px;
+        padding-bottom: 50px;
+    }
 `;
 
 export const FlexItem = styled.div`
     width: 100%;
-  h4 {
-      margin: 0;
-      font-size: 24px;
-      font-style: normal;
-      font-weight: 600;
-      line-height: 150%;
-      padding-bottom: 32px;
-  }
-  p {
-      margin: 0;
-      font-size: 16px;
-      font-style: normal;
-      font-weight: 450;
-      line-height: 150%;
-      letter-spacing: 0.32px;
-      color: #000000;
-      max-width: ${(props) => props.accountFound ? '430px' : '100%'};
-      padding-bottom: 48px;
-      @media(max-width: 768px) {
-          max-width: 100%;
-      }
-  }
+    h4 {
+        margin: 0;
+        font-size: 24px;
+        font-style: normal;
+        font-weight: 600;
+        line-height: 150%;
+        padding-bottom: 32px;
+    }
+    p {
+        margin: 0;
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 450;
+        line-height: 150%;
+        letter-spacing: 0.32px;
+        color: #000000;
+        max-width: ${(props) => (props.accountFound ? '430px' : '100%')};
+        padding-bottom: 48px;
+        @media (max-width: 768px) {
+            max-width: 100%;
+        }
+    }
 `;
 
 export const InfoSection = styled.div`
-  display: flex;
-  align-items: end;
-  justify-content: space-between;
-  padding-bottom: 60px;
-  @media(max-width: 768px) {
-      flex-wrap: wrap;
-      row-gap: 50px;
-  }  
+    display: flex;
+    align-items: end;
+    justify-content: space-between;
+    padding-bottom: 60px;
+    @media (max-width: 768px) {
+        flex-wrap: wrap;
+        row-gap: 50px;
+    }
 `;
 
 export const SecondaryTitle = styled.h4`
@@ -318,11 +321,11 @@ export const FormButtonContainer = styled.div`
     text-align: right;
     min-width: 500px;
 
-    @media(max-width: 1352px) {
+    @media (max-width: 1352px) {
         min-width: 300px;
     }
 
-    @media(max-width: 768px) {
+    @media (max-width: 768px) {
         min-width: 100%;
     }
 `;
@@ -335,8 +338,8 @@ export const CardsSection = styled.div`
 export const CardContainer = styled.div`
     display: grid;
     grid-template-columns: repeat(3, 1fr);
-    grid-auto-rows: minmax(100px, auto); 
-    gap: 24px; 
+    grid-auto-rows: minmax(100px, auto);
+    gap: 24px;
     min-width: 300px;
     @media (max-width: 600px) {
         grid-template-columns: 1fr;
@@ -344,30 +347,30 @@ export const CardContainer = styled.div`
 `;
 
 export const SingleCard = styled.a`
-  border: 1px solid #1B1B18;
-  transition: all .4s;
-  border-radius: 8px;
-  padding: 32px;                                  
-  cursor: pointer;
-  outline: none;
-    &:hover {                   
-        background-color: #E3E3E0;
+    border: 1px solid #1b1b18;
+    transition: all 0.4s;
+    border-radius: 8px;
+    padding: 32px;
+    cursor: pointer;
+    outline: none;
+    &:hover {
+        background-color: #e3e3e0;
         text-decoration: none;
-    }                                     
+    }
     img {
         width: 52px;
         padding-bottom: 32px;
     }
-      h3 {
-          margin: 0;
-          padding: 0;
-          font-size: 20px;
-          font-style: normal;
-          font-weight: 500;
-          line-height: 130%;
-          letter-spacing: 0.3px;
-          padding-bottom: 24px;
-      }
+    h3 {
+        margin: 0;
+        padding: 0;
+        font-size: 20px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 130%;
+        letter-spacing: 0.3px;
+        padding-bottom: 24px;
+    }
     p {
         margin: 0;
         padding: 0;
@@ -381,9 +384,9 @@ export const SingleCard = styled.a`
 `;
 export const TransferSection = styled.div`
     background-color: #000000;
-    color: #FFFFFF;
+    color: #ffffff;
     padding: 80px 0;
-    @media(max-width: 768px) {
+    @media (max-width: 768px) {
         padding: 50px 30px;
     }
 `;
@@ -392,31 +395,31 @@ export const TransferSectionWrapper = styled.div`
     display: flex;
     justify-content: space-between;
     align-items: end;
-    @media(max-width: 768px) {
+    @media (max-width: 768px) {
         flex-wrap: wrap;
         row-gap: 50px;
     }
     h4 {
-      margin: 0;
-      font-size: 24px;
-      font-style: normal;
-      font-weight: 500;
-      line-height: 130%;
-      padding-bottom: 32px;
-      color: #FFFFFF;
+        margin: 0;
+        font-size: 24px;
+        font-style: normal;
+        font-weight: 500;
+        line-height: 130%;
+        padding-bottom: 32px;
+        color: #ffffff;
     }
     p {
-      margin: 0;
-      font-size: 16px;
-      font-style: normal;
-      font-weight: 450;
-      line-height: 150%;
-      letter-spacing: 0.32px;
+        margin: 0;
+        font-size: 16px;
+        font-style: normal;
+        font-weight: 450;
+        line-height: 150%;
+        letter-spacing: 0.32px;
     }
 `;
 
 export const MainSectionButtons = styled.div`
-  display: flex;
-  justify-content: space-between;
-  gap: 24px;
+    display: flex;
+    justify-content: space-between;
+    gap: 24px;
 `;
diff --git a/packages/frontend/src/translations/en.global.json b/packages/frontend/src/translations/en.global.json
index a2c1caf5fe..9e1d1486f4 100644
--- a/packages/frontend/src/translations/en.global.json
+++ b/packages/frontend/src/translations/en.global.json
@@ -283,6 +283,7 @@
         "enable": "Enable",
         "enabling": "Enabling",
         "exploreNEAR": "Explore NEAR",
+        "exploreWallets": "Explore Wallets",
         "findMyAccount": "Find My Account",
         "finish": "Finish",
         "fundWith": "Fund with",
@@ -2027,4 +2028,4 @@
             "title": "Your account is now active!"
         }
     }
-}
\ No newline at end of file
+}
diff --git a/packages/frontend/src/translations/it.global.json b/packages/frontend/src/translations/it.global.json
index 25efb71f1e..e15aaa137b 100644
--- a/packages/frontend/src/translations/it.global.json
+++ b/packages/frontend/src/translations/it.global.json
@@ -225,6 +225,7 @@
         "enable": "Abilita",
         "enabling": "Abilitando",
         "exploreNEAR": "Esplora NEAR",
+        "exploreWallets": "Esplora Wallets",
         "findMyAccount": "Trova il mio Account",
         "finish": "Completo",
         "fundWith": "Deposita con",
diff --git a/packages/frontend/src/translations/kr.global.json b/packages/frontend/src/translations/kr.global.json
index 438c318e24..6d10dabc9b 100644
--- a/packages/frontend/src/translations/kr.global.json
+++ b/packages/frontend/src/translations/kr.global.json
@@ -283,6 +283,7 @@
         "enable": "활성화",
         "enabling": "활성화 중",
         "exploreNEAR": "NEAR 탐색",
+        "exploreWallets": "Wallets 탐색",
         "findMyAccount": "계정 찾기",
         "finish": "완료",
         "fundWith": "Fund with",
@@ -1901,7 +1902,7 @@
             "removeDesc": "이메일과 SMS 복구 방법, 이전 복구 구문, NEAR CLI에서 생성된 Full 액세스 키",
             "removeKeys": "키 제거",
             "title": "Full 액세스 키 비워내기",
-            "verifyPassphrase":  {
+            "verifyPassphrase": {
                 "desc": "복구 구문을 입력하여 다음 계정의 Full 액세스 키를 삭제하십시오: <b>${accountId}</b>",
                 "keyMessages": {
                     "doesNotExist": "입력된 시드 문구에 부합하는 ${accountId}의 Full 액세스 키가 존재하지 않습니다.",
@@ -1983,4 +1984,4 @@
             "title": "이제 계정이 활성화되었습니다!"
         }
     }
-}
\ No newline at end of file
+}
diff --git a/packages/frontend/src/translations/pt.global.json b/packages/frontend/src/translations/pt.global.json
index 8ad10cc3dd..15e1552877 100644
--- a/packages/frontend/src/translations/pt.global.json
+++ b/packages/frontend/src/translations/pt.global.json
@@ -228,6 +228,7 @@
         "enable": "Ativar",
         "enabling": "Ativando",
         "exploreNEAR": "Explorar NEAR",
+        "exploreWallet": "Explorar Wallets",
         "findMyAccount": "Encontrar Minha Conta",
         "finish": "Finalizar",
         "fundWith": "Adicionar Fundos",
diff --git a/packages/frontend/src/translations/ru.global.json b/packages/frontend/src/translations/ru.global.json
index d466803133..c87d611e6c 100644
--- a/packages/frontend/src/translations/ru.global.json
+++ b/packages/frontend/src/translations/ru.global.json
@@ -182,7 +182,7 @@
             "title": "Добро пожаловать в MyNearWallet!",
             "desc": "Введите ваш пароль для переноса аккаунтов:",
             "placeholder": "2cCzKMPiCkFnF5mGbJcPgTGNykvxK4f3xyNAio4q931b",
-            "confirmCaption": "Подтвердить пароль",
+            "confirmCaption": "Подтвердить пароль"
         },
         "importScreen": {
             "desc": "Начните перенос и подтвердите каждую учетную запись </br> при появлении соответствующего запроса.",
@@ -231,6 +231,7 @@
         "enable": "Включить",
         "enabling": "Включение",
         "exploreNEAR": "Исследовать NEAR",
+        "exploreWallet": "Исследовать Wallets",
         "findMyAccount": "НАЙТИ УЧЕТНУЮ ЗАПИСЬ",
         "finish": "Закончить",
         "goBack": "Вернуться назад",
@@ -756,7 +757,7 @@
         },
         "title": "Метод восстановления",
         "unsupportedMethodEmail": "Мы прекращаем поддержку метода восстановления аккаунта с помощью email. Отключив этот способ, вы больше не сможете подключить его обратно",
-        "unsupportedMethodPhone": "Мы прекращаем поддержку метода восстановления аккаунта с помощью SMS. Отключив этот способ, вы больше не сможете подключить его обратно",
+        "unsupportedMethodPhone": "Мы прекращаем поддержку метода восстановления аккаунта с помощью SMS. Отключив этот способ, вы больше не сможете подключить его обратно"
     },
     "reduxActions": {
         "ADD_ACCESS_KEY": {
diff --git a/packages/frontend/src/translations/tr.global.json b/packages/frontend/src/translations/tr.global.json
index d4b3f58fd8..8ebaaad753 100644
--- a/packages/frontend/src/translations/tr.global.json
+++ b/packages/frontend/src/translations/tr.global.json
@@ -209,6 +209,7 @@
         "enable": "Etkinleştir",
         "enabling": "Etkinleştiriliyor",
         "exploreNEAR": "NEAR'ı Keşfet",
+        "exploreWallets": "Cüzdanları Keşfet",
         "findMyAccount": "Hesabımı Bul",
         "finish": "Bitiş",
         "fundWith": "-ile Yatır",
diff --git a/packages/frontend/src/translations/ua.global.json b/packages/frontend/src/translations/ua.global.json
index d142c4b015..238be5be08 100644
--- a/packages/frontend/src/translations/ua.global.json
+++ b/packages/frontend/src/translations/ua.global.json
@@ -226,6 +226,7 @@
         "enable": "Увімкнути",
         "enabling": "Увімкнення",
         "exploreNEAR": "Досліджуйте NEAR",
+        "exploreWallet": "Досліджуйте Wallets",
         "findMyAccount": "Знайти свій акаунт",
         "finish": "Завершити",
         "fundWith": "Поповнити через",
diff --git a/packages/frontend/src/translations/vi.global.json b/packages/frontend/src/translations/vi.global.json
index 1bf1180131..38053b30cc 100644
--- a/packages/frontend/src/translations/vi.global.json
+++ b/packages/frontend/src/translations/vi.global.json
@@ -207,6 +207,7 @@
         "enable": "Bật",
         "enabling": "Đang bật",
         "exploreNEAR": "Khám phá NEAR",
+        "exploreWallets": "Khám phá Wallets",
         "findMyAccount": "Tìm tài khoản của tôi",
         "finish": "Hoàn thành",
         "goBack": "Quay lại",
diff --git a/packages/frontend/src/translations/zh-hans.global.json b/packages/frontend/src/translations/zh-hans.global.json
index f03377f314..a6501da726 100644
--- a/packages/frontend/src/translations/zh-hans.global.json
+++ b/packages/frontend/src/translations/zh-hans.global.json
@@ -276,6 +276,7 @@
         "enable": "启用",
         "enabling": "正在开启",
         "exploreNEAR": "探索NEAR",
+        "exploreWallet": "探索Wallets",
         "findMyAccount": "查找我的账户",
         "finish": "完成",
         "fundWith": "充值",
diff --git a/packages/frontend/src/translations/zh-hant.global.json b/packages/frontend/src/translations/zh-hant.global.json
index f5aa6e0922..f4cac65ea1 100644
--- a/packages/frontend/src/translations/zh-hant.global.json
+++ b/packages/frontend/src/translations/zh-hant.global.json
@@ -275,7 +275,8 @@
         "edit": "編輯",
         "enable": "啟用",
         "enabling": "正在開啟",
-        "exploreNEAR":"探索NEAR",
+        "exploreNEAR": "探索NEAR",
+        "exploreWallet": "探索Wallets",
         "findMyAccount": "查找我的賬戶",
         "finish": "完成",
         "fundWith": "充值",