diff --git a/web/e.cash/components/layout.js b/web/e.cash/components/layout.js
--- a/web/e.cash/components/layout.js
+++ b/web/e.cash/components/layout.js
@@ -1,4 +1,5 @@
import Head from 'next/head';
+import Nav from './navbar';
const Layout = ({
metaTitle = 'eCash | Wealth Redefined',
@@ -25,6 +26,12 @@
<meta name="twitter:card" content="summary_large_image" />
<meta property="og:type" content="website" />
</Head>
+ <Nav
+ announcementbar={{
+ link: 'https://avalanche.cash/',
+ text: 'Avalanche Consensus is live!',
+ }}
+ />
<main>{children}</main>
</>
);
diff --git a/web/e.cash/components/navbar/index.js b/web/e.cash/components/navbar/index.js
new file mode 100644
--- /dev/null
+++ b/web/e.cash/components/navbar/index.js
@@ -0,0 +1,181 @@
+import s from './navbar.module.css';
+import Link from 'next/link';
+import Image from 'next/image';
+import { useEffect, useState } from 'react';
+import { navitems } from '../../data/navitems';
+
+export default function Navbar({ announcementbar }) {
+ const [priceLinkText, setPriceLinkText] = useState('Buy XEC');
+ const [mobileMenu, setMobileMenu] = useState(false);
+ const [selectedDropDownMenu, setSelectedDropDownMenu] = useState(-1);
+ const [windowWidth, setWindowWidth] = useState('');
+
+ const handleResize = () => {
+ setWindowWidth(window.innerWidth);
+ };
+
+ const getPrice = () => {
+ const api =
+ 'https://api.coingecko.com/api/v3/simple/price?ids=ecash&vs_currencies=usd';
+ fetch(api)
+ .then(response => response.json())
+ .then(data =>
+ setPriceLinkText('1 XEC = $' + data.ecash.usd.toFixed(6)),
+ )
+ .catch(err => console.log(err));
+ };
+
+ useEffect(() => {
+ // set the window width so logic for mobile or desktop menus is applied correctly
+ setWindowWidth(window.innerWidth);
+ // add event listeners for resize so we can update the screen width and height values
+ window.addEventListener('resize', handleResize);
+ // get XEC price
+ getPrice();
+ // remove the event listener after mount to avoid memory leak
+ return () => {
+ window.removeEventListener('resize', handleResize);
+ };
+ }, []);
+
+ return (
+ <div className={s.navbar_outer}>
+ {announcementbar && (
+ <Link
+ href={announcementbar.link}
+ className={s.announcementbar_ctn}
+ target="_blank"
+ rel="noreferrer"
+ >
+ {announcementbar.text}
+ </Link>
+ )}
+ <div className={s.navbar_ctn}>
+ <div className={s.navbar}>
+ <Link href="/" className={s.nav_logo}>
+ <Image
+ src="/images/ecash-logo.svg"
+ alt="ecash logo"
+ fill
+ />
+ </Link>
+ <nav
+ role="navigation"
+ className={s.navbar_links_ctn}
+ style={{ left: mobileMenu ? '0' : '-400px' }}
+ >
+ {navitems.map((navitem, index) => (
+ <div className={s.nav_outer} key={navitem.nav_item}>
+ {navitem.link ? (
+ <Link
+ className={s.nav_item}
+ href={navitem.link}
+ >
+ {navitem.nav_item}
+ <div className={s.majabar} />
+ </Link>
+ ) : (
+ <>
+ <div
+ className={s.nav_item}
+ onClick={
+ windowWidth < 920
+ ? () =>
+ setSelectedDropDownMenu(
+ selectedDropDownMenu ===
+ index
+ ? -1
+ : index,
+ )
+ : null
+ }
+ >
+ {navitem.nav_item}
+ </div>
+ <div
+ className={s.nav_dropdown_ctn}
+ style={
+ selectedDropDownMenu ===
+ index && windowWidth < 920
+ ? { display: 'flex' }
+ : null
+ }
+ >
+ {navitem.dropdown_items.map(
+ dropdownitem => (
+ <div
+ key={dropdownitem.title}
+ >
+ <Link
+ className={
+ s.dropdown_nav_item
+ }
+ href={
+ dropdownitem.link
+ }
+ target={
+ dropdownitem.link.substring(
+ 0,
+ 8,
+ ) === 'https://'
+ ? '_blank'
+ : null
+ }
+ rel={
+ dropdownitem.link.substring(
+ 0,
+ 8,
+ ) === 'https://'
+ ? 'noreferrer'
+ : null
+ }
+ >
+ <div
+ className={
+ s.dropdown_icon_ctn
+ }
+ >
+ <Image
+ src={
+ dropdownitem.icon
+ }
+ alt={
+ dropdownitem.title
+ }
+ fill
+ />
+ </div>
+ {dropdownitem.title}
+ </Link>
+ </div>
+ ),
+ )}
+ </div>
+ </>
+ )}
+ </div>
+ ))}
+ </nav>
+ <Link href="/" className={s.pricelink_ctn}>
+ <div className={s.righttop}></div>
+ <div className={s.rightdown}></div>
+ <div className={s.leftdown}></div>
+ <div className={s.lefttop}></div>
+ <div>{priceLinkText}</div>
+ </Link>
+ <div className={s.menubtn_ctn_outer}>
+ <input
+ id="menu__toggle"
+ className={s.menubtn_ctn}
+ type="checkbox"
+ onClick={() => setMobileMenu(!mobileMenu)}
+ />
+ <label className={s.menu_btn} htmlFor="menu__toggle">
+ <span></span>
+ </label>
+ </div>
+ </div>
+ </div>
+ </div>
+ );
+}
diff --git a/web/e.cash/components/navbar/navbar.module.css b/web/e.cash/components/navbar/navbar.module.css
new file mode 100644
--- /dev/null
+++ b/web/e.cash/components/navbar/navbar.module.css
@@ -0,0 +1,369 @@
+.navbar_outer {
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 9999;
+}
+
+.navbar_outer_scroll {
+ position: fixed;
+ top: 0;
+ width: 100%;
+ z-index: 9999;
+}
+
+.navbar_ctn {
+ width: 100%;
+ background-color: rgba(0, 0, 0, 0);
+ position: relative;
+ padding: 0 24px;
+}
+
+.navbar_outer_scroll .navbar_ctn {
+ background-color: rgba(0, 0, 0, 0.65);
+}
+
+.navbar {
+ width: 100%;
+ max-width: 1400px;
+ margin: auto;
+ position: relative;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ transition: all 200ms ease-in-out;
+}
+
+.announcementbar_ctn {
+ width: 100%;
+ background-color: rgba(0, 0, 0, 1);
+ padding: 0px 24px;
+ text-align: center;
+ color: #fff;
+ font-weight: 600;
+ letter-spacing: 1px;
+ text-transform: uppercase;
+ font-size: 14px;
+ height: 34px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ transition: all 200ms ease-in-out;
+}
+
+.announcementbar_ctn:hover {
+ background-color: var(--pinklight);
+ color: #fff;
+}
+
+.navbar_outer_scroll .announcementbar_ctn {
+ margin-top: -34px;
+}
+
+.nav_logo {
+ width: 110px;
+ height: 33px;
+ position: relative;
+}
+
+.navbar_links_ctn {
+ display: flex;
+ align-items: center;
+}
+
+.nav_outer {
+ position: relative;
+ display: flex;
+}
+
+.nav_outer .nav_item {
+ color: #fff;
+ font-size: 15px;
+ font-weight: 500;
+ letter-spacing: 1px;
+ position: relative;
+ padding: 36px 20px;
+ transition: all 200ms ease-in-out;
+ cursor: pointer;
+}
+
+.navbar_outer_scroll .nav_item {
+ padding: 28px 20px;
+}
+
+.nav_dropdown_ctn {
+ position: absolute;
+ flex-direction: column;
+ top: 90px;
+ left: 0;
+ width: 300px;
+ z-index: 99;
+ transition: all ease-in-out 200ms;
+ display: none;
+}
+
+.navbar_outer_scroll .nav_dropdown_ctn {
+ top: 80px;
+}
+
+.dropdown_nav_item {
+ background-color: #fff;
+ width: 100%;
+ padding: 25px 20px;
+ display: flex;
+ align-items: center;
+ border-bottom: 1px solid rgba(0, 0, 0, 0.13);
+ color: #001137;
+ line-height: 1;
+ font-weight: 500;
+ font-size: 14px;
+ transition: all ease-in-out 200ms;
+}
+
+.dropdown_nav_item:last-child {
+ border-bottom: none;
+}
+
+.dropdown_icon_ctn {
+ width: 35px;
+ height: 35px;
+ position: relative;
+ margin-right: 10px;
+}
+
+.dropdown_nav_item img {
+ object-fit: contain;
+}
+
+.dropdown_nav_item:hover {
+ padding-left: 30px;
+ background-color: #f0f0f0;
+}
+
+.navbar_links_ctn .nav_item:hover + .nav_dropdown_ctn,
+.nav_dropdown_ctn:hover {
+ display: flex;
+}
+
+.majabar {
+ position: absolute;
+ left: 0%;
+ top: auto;
+ right: 0%;
+ bottom: 0%;
+ width: 100%;
+ height: 0px;
+ background-color: #f957d6;
+ transition: all ease-in-out 300ms;
+}
+
+.navbar_links_ctn .nav_item:hover .majabar {
+ height: 2px;
+ background-color: #ff21d0;
+}
+
+.pricelink_ctn {
+ position: relative;
+ padding: 16px 23px;
+ background-color: rgba(0, 0, 0, 0.5);
+ transition: all 300ms ease-in-out;
+ color: #fff;
+ font-weight: 400;
+ text-decoration: none;
+ font-size: 14px;
+}
+
+.pricelink_ctn:hover {
+ box-shadow: inset 0 0 13px 2px hsla(0, 0%, 100%, 0.73), inset 0 0 0 1px #fff;
+}
+
+.lefttop {
+ position: absolute;
+ left: 0%;
+ top: 0%;
+ right: auto;
+ bottom: auto;
+ width: 10px;
+ height: 10px;
+ border-top: 1px solid #fff;
+ border-left: 1px solid #fff;
+}
+
+.leftdown {
+ position: absolute;
+ left: 0%;
+ top: auto;
+ right: auto;
+ bottom: 0%;
+ width: 10px;
+ height: 10px;
+ border-bottom: 1px solid #fff;
+ border-left: 1px solid #fff;
+}
+
+.righttop {
+ position: absolute;
+ left: auto;
+ top: 0%;
+ right: 0%;
+ bottom: auto;
+ width: 10px;
+ height: 10px;
+ border-top: 1px solid #fff;
+ border-right: 1px solid #fff;
+}
+
+.rightdown {
+ position: absolute;
+ left: auto;
+ top: auto;
+ right: 0%;
+ bottom: 0%;
+ width: 10px;
+ height: 10px;
+ border-right: 1px solid #fff;
+ border-bottom: 1px solid #fff;
+}
+
+.menubtn_ctn_outer {
+ display: none;
+}
+
+@media (max-width: 920px) {
+ .announcementbar_ctn {
+ padding: 0px 10px;
+ font-size: 12px;
+ height: 30px;
+ }
+
+ .navbar {
+ position: unset;
+ }
+
+ .navbar_ctn {
+ padding: 15px 20px;
+ }
+
+ .navbar_links_ctn {
+ background-color: var(--almostblack);
+ position: absolute;
+ left: 0;
+ top: 0px;
+ flex-direction: column;
+ width: calc(100% - 60px);
+ max-width: 400px;
+ min-height: 100vh;
+ align-items: flex-start;
+ transition: all ease-in-out 200ms;
+ }
+
+ .nav_outer {
+ width: 100%;
+ flex-direction: column;
+ background-color: var(--almostblack);
+ }
+
+ .nav_outer .nav_item {
+ font-size: 15px;
+ padding: 18px 0 18px 40px;
+ text-align: left;
+ transition: all 200ms ease-in-out;
+ width: 100%;
+ border-bottom: 1px solid rgba(255, 255, 255, 0.13);
+ }
+
+ .nav_dropdown_ctn {
+ position: unset;
+ width: 100%;
+ }
+
+ .navbar_links_ctn .nav_item:hover + .nav_dropdown_ctn,
+ .nav_dropdown_ctn:hover {
+ display: none;
+ }
+
+ .dropdown_nav_item {
+ padding: 15px 0 15px 40px;
+ width: 100%;
+ }
+
+ .dropdown_nav_item:hover {
+ padding-left: 45px;
+ }
+
+ .dropdown_icon_ctn {
+ width: 25px;
+ height: 25px;
+ margin-right: 8px;
+ }
+
+ .pricelink_ctn {
+ display: none;
+ }
+
+ /**************************************** HAMBURGER ****************************************/
+
+ .menubtn_ctn_outer {
+ position: relative;
+ height: 100%;
+ width: 40px;
+ display: block;
+ }
+
+ .menubtn_ctn {
+ opacity: 0;
+ top: 0px;
+ right: 0px;
+ width: 40px !important;
+
+ margin: 0 !important;
+ border: none !important;
+ background-color: transparent;
+ padding: 0 !important;
+ }
+ .menubtn_ctn:checked + .menu_btn > span {
+ transform: rotate(45deg);
+ }
+ .menubtn_ctn:checked + .menu_btn > span::before {
+ top: 0;
+ transform: rotate(0deg);
+ width: 100%;
+ }
+ .menubtn_ctn:checked + .menu_btn > span::after {
+ top: 0;
+ transform: rotate(90deg);
+ width: 100%;
+ }
+
+ .menu_btn {
+ position: absolute;
+ top: -5px;
+ right: 0px;
+ width: 30px;
+ height: 40px;
+ cursor: pointer;
+ z-index: 99999;
+ }
+ .menu_btn > span,
+ .menu_btn > span::before,
+ .menu_btn > span::after {
+ display: block;
+ position: absolute;
+ width: 100%;
+ height: 3px;
+ background-color: #fff;
+ transition-duration: 0.25s;
+ top: 19px;
+ border-radius: 4px;
+ }
+ .menu_btn > span::before {
+ content: '';
+ top: -8px;
+ width: 80%;
+ }
+ .menu_btn > span::after {
+ content: '';
+ top: 8px;
+ width: 60%;
+ }
+}
diff --git a/web/e.cash/data/navitems.js b/web/e.cash/data/navitems.js
new file mode 100644
--- /dev/null
+++ b/web/e.cash/data/navitems.js
@@ -0,0 +1,57 @@
+export const navitems = [
+ {
+ nav_item: 'Technology',
+ dropdown_items: [
+ {
+ title: 'Releases',
+ link: 'https://www.bitcoinabc.org/releases/',
+ icon: '/images/hand-logo-icon.svg',
+ },
+ {
+ title: 'Source Code',
+ link: 'https://github.com/bitcoin-abc/bitcoin-abc/',
+ icon: '/images/hand-code-icon.svg',
+ },
+ {
+ title: 'Documentation',
+ link: 'https://www.bitcoinabc.org/doc/',
+ icon: '/images/document-icon.svg',
+ },
+ ],
+ },
+ {
+ nav_item: 'More',
+ dropdown_items: [
+ {
+ title: 'GNC',
+ link: 'https://gnc.e.cash',
+ icon: '/images/hands-logo-icon.svg',
+ },
+ {
+ title: 'Avalanche on eCash',
+ link: 'https://avalanche.cash/',
+ icon: '/images/mountain-icon.svg',
+ },
+ {
+ title: 'eCash Scorecard',
+ link: 'https://scorecard.cash/',
+ icon: '/images/hand-stars-icon.svg',
+ },
+ {
+ title: 'eCash Supply',
+ link: 'https://ecash.supply/',
+ icon: '/images/hand-cube-icon.svg',
+ },
+ {
+ title: 'eCash Explorer',
+ link: 'https://explorer.e.cash/',
+ icon: '/images/cube-icon.svg',
+ },
+ {
+ title: 'eCash Community',
+ link: 'https://ecash.community',
+ icon: '/images/hands-icon.svg',
+ },
+ ],
+ },
+];
diff --git a/web/e.cash/pages/index.js b/web/e.cash/pages/index.js
--- a/web/e.cash/pages/index.js
+++ b/web/e.cash/pages/index.js
@@ -1,8 +1,4 @@
import Layout from '../components/layout';
export default function Home() {
- return (
- <Layout>
- <div>e.Cash site v2</div>
- </Layout>
- );
+ return <Layout></Layout>;
}
diff --git a/web/e.cash/public/images/box-circle-icon.svg b/web/e.cash/public/images/box-circle-icon.svg
new file mode 100755
--- /dev/null
+++ b/web/e.cash/public/images/box-circle-icon.svg
@@ -0,0 +1,107 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.3.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 37.2 35.4" style="enable-background:new 0 0 37.2 35.4;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill:#17AAE2;}
+ .st1{fill:#1674BB;}
+ .st2{fill:#061537;}
+ .st3{fill:#FEFEFE;}
+ .st4{fill:#010101;}
+ .st5{fill:#575757;}
+</style>
+<g>
+ <rect x="5.6" y="5" class="st0" width="17.2" height="17.2"/>
+</g>
+<g>
+ <path class="st1" d="M23.1,30.1c-4.2,0-7.6-3.4-7.6-7.6c0-4.2,3.4-7.6,7.6-7.6s7.6,3.4,7.6,7.6C30.7,26.7,27.3,30.1,23.1,30.1z"/>
+ <path class="st2" d="M23.1,15.9c3.6,0,6.6,3,6.6,6.6c0,3.6-3,6.6-6.6,6.6c-3.6,0-6.6-3-6.6-6.6C16.5,18.9,19.4,15.9,23.1,15.9
+ M23.1,13.9L23.1,13.9c-4.7,0-8.6,3.8-8.6,8.6v0c0,4.7,3.8,8.6,8.6,8.6h0c4.7,0,8.6-3.8,8.6-8.6v0C31.7,17.8,27.8,13.9,23.1,13.9
+ L23.1,13.9z"/>
+</g>
+<path class="st3" d="M-998.9,220.3c0-81.9,0-163.9-0.1-245.8c0-3.2,0.3-4.2,4-4.2c164.1,0.1,328.2,0.1,492.2,0
+ c3.2,0,3.8,0.7,3.8,3.8c-0.1,164.1-0.1,328.1,0,492.2c0,2.9-0.3,4-3.7,4c-164.2-0.1-328.5-0.1-492.7,0c-3.7,0-3.5-1.4-3.5-4.1
+ C-998.9,384.2-998.9,302.2-998.9,220.3z M-529.6,460.2c-0.9,1.2-2.8,1.8-2.5,3.9c1.9,0.1,3.8,0.5,5.6-0.3c-0.4-1.5-2.4-0.9-2.3-2.5
+ c0.8-0.4,1.2-1.2,0.6-1.9C-528.8,458.9-529.2,459.7-529.6,460.2z M-803,218.1c1.1,0,2.1,0,3.2-0.1c4.9,0.2,9.8,0.5,14.7-0.2
+ c4.1,0.8,8.2,0.5,12.3,0.1c1.3,0.1,2.7,0.2,4,0.2c13.1,0.3,18.1-4.8,18-17.7c-0.4-40.1-0.2-80.3-0.2-120.4c0-12-4.2-16.2-16.2-16.2
+ c-40.8,0-81.6,0-122.4,0c-11.4,0-15.6,4.3-15.6,15.7c0,29,0,58,0,86.9c0,12.7,0,25.3,0,38c0,6,2.2,10.7,8.3,12.6
+ c4.3,1.9,8.7,0.8,13.1,0.9c11.6,0,23.2,0,34.9,0.1c4.7,0,9.4,0,14.1-0.1c8.3,0,16.5-0.1,24.8-0.1c0.7,0,1.5,0,2.2,0
+ C-806.2,218.1-804.6,218.1-803,218.1z M-550.3,459.9c-1.3,0.6-2,3-3.4,2.4c-1.3-0.6-1.4-2.5-1.3-4.2c0.2-3.5-2.2-3.1-5.1-2.1
+ c6-0.2,0.1,4.3,2.9,5.8c0.9,0.4-2.5-0.2-2.7,2.9c4.2-2,8.1,0.5,12.3-0.6c-0.1-1.6-3.4-1.4-1.5-3.5c-0.1-0.4-0.1-0.8-0.2-1.2
+ C-549.6,459.5-550,459.7-550.3,459.9z M-639.6,228.9c-4.7-2.9-9.9-4.3-15.4-4.8c-0.5-0.7-1.3-0.7-2.1-0.7c-2.9-0.5-5.8-1.3-8.8-0.9
+ c-0.8,0-1.5,0-2.3,0c-2.6,0-5.2,0-7.7,0c-1.3-0.5-2.4-0.3-3.1,0.9c-12.8,0.5-24.1,5.1-34.3,12.7c-1.3,0.2-2.2,0.8-2.9,1.8
+ c-4.1,2.5-7.4,5.9-10.5,9.4c-22,24-26.5,59.3-11.1,88.2c15.2,28.6,47.4,45,78.9,40.3c34.3-5.2,60.1-30.8,65.6-65.3
+ c5.3-32.7-12.3-65.4-43.3-80.8C-637.4,228.8-638.5,229-639.6,228.9z M-642.8,164.8c-0.4-0.3-0.9-0.6-1.3-0.8c0-13.1,0-26.2,0-39.3
+ c0-9-4.5-13.4-13.5-13.4c-17.1,0-34.3,0-51.4,0c-8.4,0-13.8,4.7-13.7,11.8c0.1,6.9,5.4,11.3,13.6,11.4c12.6,0,25.3,0,37.9,0
+ c1.6,0,3.9-1,3.9,2.2c0,9.2,0,18.4,0,29.1c-3.2-3.3-5.3-5.7-7.6-7.8c-5.2-4.7-12.1-4.7-16.6-0.1c-4.6,4.6-4.6,11.5,0.3,16.5
+ c9,9.2,18,18.2,27.2,27.2c5,4.9,11.3,4.8,16.4-0.1c9.2-8.9,18.3-17.9,27.3-27c4.9-4.9,4.9-12,0.4-16.6c-4.5-4.6-11.5-4.7-16.6,0.1
+ C-638.8,160-640.7,162.5-642.8,164.8z M-826.3,280.3c0.5-0.3,1-0.7,1.5-1c1.8,2.1,3.4,4.4,5.4,6.4c5.3,5.3,12.1,5.6,16.9,1
+ c4.7-4.5,4.8-11.9-0.3-17c-8.8-9.1-17.8-18-26.8-26.9c-5.2-5.1-11.7-5-16.9,0.1c-8.9,8.7-17.8,17.6-26.5,26.5
+ c-5.1,5.3-5.3,12.3-0.7,17c4.8,4.9,11.6,4.6,17.3-0.7c2.1-1.9,3.6-4.5,6.8-5.9c0,14-0.1,27.5,0,41c0,8,4.5,12.6,12.3,12.6
+ c16.8,0.1,33.7,0,50.5,0c4.8,0,8.4-2.1,10.6-6.2c4.1-7.7-1.5-16.7-10.6-16.9c-12-0.2-24-0.1-36,0c-2.8,0-3.7-0.7-3.6-3.6
+ C-826.2,297.9-826.3,289.1-826.3,280.3z M-562.4,457.1c0.1,0.3,1.2-1.5-0.7-2c-1.7-0.4-2,1.4-2.7,2.4c-0.5,0.7-0.8,1.5-1.3,2.1
+ c-0.3,0.3-0.8,0.6-1.2,0.5c-0.8-0.1-1.1-0.9-0.6-1.5c1.1-1.6,0.4-2.4-0.9-3.2c-0.7,1.8-2.6-1.3-3.1,0.8c-0.4,1.7-0.7,3.4-1.1,5.2
+ c2-0.7,2.8,1.3,4.1,2c0.3-3.8,2.7-1.8,4.3-1.4C-562.5,462.9-561.4,461.7-562.4,457.1z M-539,463.9c1.8,0.5,3.4,0.6,5.2-0.1
+ c-1.8-2.1-1.2-4.6-1.3-7c0-1.2-0.6-1.9-1.8-1.6c-1.2,0.3-1.8,0.6-0.7,2.3C-536.3,459.6-537,462-539,463.9z M-541,459
+ c-0.6-1.2,1.2-3.9-1.6-3.7c-2.3,0.2-3.1,3-3.4,4.8c-0.4,2.1,2.2,1.4,3.3,1.7C-539.9,462.7-541.6,460-541,459z"/>
+<path class="st4" d="M-785.1,217.9c-4.9,0.7-9.8,0.4-14.7,0.2c-1-3-2.1-5.9-3.1-8.9c-0.3-1-0.9-1.8-2.1-1.8c-1.2,0-1.7,0.7-2,1.8
+ c-1,3-2,6-3,8.9c-8.3,0-16.5,0.1-24.8,0.1c-0.1-7-0.1-13.9-0.3-20.9c0-1.5,0.7-3.8-1.9-3.9c-6.8-0.2-13.7-0.1-21.1-0.1
+ c1.5,3.6,2.8,6.3,3.6,9.1c1.6,5.3,5.5,9.9,5.5,15.8c-11.6,0-23.2,0-34.9-0.1c0.3-1.1,0.4-2.3,0.8-3.3c2.2-5.4,4.5-10.7,6.7-16
+ c2.2-5.4,2.2-5.5-3.4-5.5c-4.1,0-8.3,0.2-12.4-0.1c-3.6-0.2-5,0.7-4.8,4.6c0.3,6.4,0.1,12.9,0.1,19.4c-6.2-2-8.3-6.6-8.3-12.6
+ c0-12.7,0-25.3,0-38c0-29,0-58,0-86.9c0-11.4,4.3-15.7,15.6-15.7c40.8,0,81.6,0,122.4,0c12.1,0,16.2,4.2,16.2,16.2
+ c0,40.1-0.3,80.3,0.2,120.4c0.1,12.9-4.9,18-18,17.7c-1.3,0-2.7-0.1-4-0.2c-0.3-4.4,0.7-9-0.9-14.1c-1.6,1.8-1.3,3.3-1.2,4.7
+ c0.3,4.2,0.1,7.5-5.6,6.9C-782.1,215.3-784.3,215.8-785.1,217.9z"/>
+<path class="st4" d="M-675.8,222.6c2.6,0,5.2,0,7.7,0c0,3.7-0.1,7.3,0.1,11c0.3,4.6,3.3,5.8,7.8,2.8c-5.2,0.4-6.1-2.3-5.8-6.3
+ c0.2-2.5,0.1-5,0.2-7.5c3-0.3,5.9,0.4,8.8,0.9c0,2-0.1,4,0.2,5.9c0.7,4.4,3,7.8,7.7,8.6c4.6,0.9,8-1.1,10.3-5.2
+ c0.6-1.1,0.9-2.5,2.3-3.1c31,15.4,48.6,48.2,43.3,80.8c-5.6,34.5-31.4,60.1-65.6,65.3c-31.5,4.8-63.7-11.7-78.9-40.3
+ c-15.3-28.9-10.8-64.2,11.1-88.2c3.2-3.5,6.4-6.9,10.5-9.4c3.3-0.1,7,1.3,10.3-2.6c-3,0.3-5.2,0.5-7.4,0.7
+ c10.2-7.6,21.5-12.2,34.3-12.7c-0.2,0.7,0,1.3,0.6,1.7c2.7,2.2,4.4,4.9,2.2,8.1c-2.1,3.1-5.5,3.2-8.9,2.5c-1.5-0.3-2.9-1.6-4.7-0.8
+ c2.5,3.4,9.1,4.3,13.2,1.8c3.8-2.3,4.8-6.7,2.5-10.9C-674.9,224.9-676.2,224.1-675.8,222.6z"/>
+<path class="st2" d="M30.1,8.4c0.1-0.1,0.3-0.3,0.4-0.4c0.3-0.3,0.8-0.3,1,0c0.3,0.3,0.3,0.7,0,1c-0.6,0.6-1.1,1.1-1.7,1.7
+ c-0.3,0.3-0.7,0.3-1,0C28.1,10.2,27.6,9.6,27,9c-0.3-0.3-0.3-0.8,0-1c0.3-0.3,0.7-0.3,1,0c0.1,0.1,0.3,0.3,0.5,0.5
+ c0-0.7,0-1.3,0-1.8c0-0.2-0.1-0.1-0.2-0.1c-0.8,0-1.6,0-2.4,0c-0.5,0-0.8-0.3-0.9-0.7C25,5.3,25.3,5,25.9,5C27,5,28,5,29.1,5
+ C29.7,5,30,5.3,30,5.9C30,6.7,30,7.5,30.1,8.4C30,8.4,30,8.4,30.1,8.4z"/>
+<path class="st2" d="M9,29.5c-0.1,0.1-0.3,0.3-0.4,0.4c-0.3,0.3-0.3,0.8,0,1c0.3,0.3,0.7,0.3,1,0c0.6-0.6,1.1-1.1,1.7-1.7
+ c0.3-0.3,0.3-0.7,0-1c-0.6-0.6-1.1-1.2-1.7-1.7c-0.3-0.3-0.8-0.3-1,0c-0.3,0.3-0.3,0.7,0,1C8.7,27.6,8.8,27.8,9,28
+ c-0.7,0-1.3,0-1.8,0C7,28,7,27.8,7,27.7c0-0.8,0-1.6,0-2.4c0-0.5-0.3-0.8-0.7-0.9c-0.4,0-0.7,0.3-0.7,0.9c0,1.1,0,2.2,0,3.2
+ c0,0.6,0.3,0.9,0.8,0.9C7.3,29.4,8.1,29.4,9,29.5C8.9,29.5,8.9,29.5,9,29.5z"/>
+<path class="st4" d="M-826.3,280.3c0,8.8,0.1,17.6-0.1,26.4c-0.1,2.8,0.8,3.6,3.6,3.6c12-0.2,24-0.2,36,0
+ c9.1,0.1,14.7,9.1,10.6,16.9c-2.2,4.2-5.8,6.2-10.6,6.2c-16.8,0-33.7,0-50.5,0c-7.8,0-12.2-4.6-12.3-12.6c-0.1-13.5,0-27,0-41
+ c-3.2,1.4-4.7,3.9-6.8,5.9c-5.7,5.3-12.5,5.6-17.3,0.7c-4.6-4.7-4.4-11.7,0.7-17c8.7-8.9,17.6-17.8,26.5-26.5
+ c5.2-5.1,11.7-5.2,16.9-0.1c9.1,8.8,18,17.8,26.8,26.9c5,5.2,4.9,12.5,0.3,17c-4.9,4.6-11.6,4.3-16.9-1c-2-1.9-3.6-4.2-5.4-6.4
+ C-825.3,279.7-825.8,280-826.3,280.3z"/>
+<path class="st5" d="M-849,218.2c0-5.9-3.9-10.4-5.5-15.8c-0.8-2.8-2.2-5.5-3.6-9.1c7.4,0,14.2-0.1,21.1,0.1
+ c2.5,0.1,1.8,2.3,1.9,3.9c0.1,7,0.2,13.9,0.3,20.9C-839.6,218.1-844.3,218.1-849,218.2z"/>
+<path class="st5" d="M-897,217.2c0-6.5,0.3-12.9-0.1-19.4c-0.2-3.9,1.2-4.9,4.8-4.6c4.1,0.3,8.3,0.1,12.4,0.1c5.6,0,5.7,0.1,3.4,5.5
+ c-2.2,5.4-4.5,10.7-6.7,16c-0.4,1-0.5,2.2-0.8,3.3C-888.2,217.9-892.7,219-897,217.2z"/>
+<path class="st4" d="M-655,224.1c5.5,0.5,10.7,1.9,15.4,4.8c-0.4,0.7-0.9,1.4-1.1,2.2c-1.1,3.4-3.5,5.2-7,5.1
+ c-3.8-0.2-6-2.6-6.8-6.1C-654.9,228.1-654.8,226.1-655,224.1z"/>
+<path class="st5" d="M-675.8,222.6c-0.3,1.5,1,2.4,1.6,3.5c2.3,4.1,1.3,8.5-2.5,10.9c-4.1,2.5-10.7,1.6-13.2-1.8
+ c1.8-0.8,3.2,0.5,4.7,0.8c3.5,0.8,6.8,0.6,8.9-2.5c2.2-3.2,0.6-6-2.2-8.1c-0.6-0.5-0.8-1-0.6-1.7
+ C-678.2,222.2-677.1,222.1-675.8,222.6z"/>
+<path class="st5" d="M-562.4,457.1c1,4.5-0.1,5.7-3.3,4.9c-1.6-0.4-4-2.4-4.3,1.4c-1.4-0.7-2.1-2.7-4.1-2c0.3-1.7,0.6-3.5,1.1-5.2
+ c0.5-2.1,2.5,1,3.1-0.8c1.3,0.8,2.1,1.6,0.9,3.2c-0.4,0.6-0.2,1.3,0.6,1.5c0.4,0.1,1-0.2,1.2-0.5c0.5-0.6,0.8-1.5,1.3-2.1
+ c0.8-1,1-2.8,2.7-2.4C-561.3,455.6-562.4,457.4-562.4,457.1z"/>
+<path class="st5" d="M-655,224.1c0.1,2,0.1,4,0.5,5.9c0.8,3.6,3,6,6.8,6.1c3.5,0.2,5.9-1.7,7-5.1c0.3-0.8,0.7-1.5,1.1-2.2
+ c1,0.1,2.2-0.1,2.9,0.9c-1.4,0.6-1.7,1.9-2.3,3.1c-2.2,4.1-5.7,6-10.3,5.2c-4.6-0.9-7-4.2-7.7-8.6c-0.3-1.9-0.1-4-0.2-5.9
+ C-656.3,223.4-655.5,223.4-655,224.1z"/>
+<path class="st5" d="M-785.1,217.9c0.8-2.1,3-2.5,4.5-2.4c5.8,0.6,6-2.7,5.6-6.9c-0.1-1.3-0.3-2.9,1.2-4.7c1.5,5.1,0.5,9.7,0.9,14.1
+ C-776.9,218.4-781,218.7-785.1,217.9z"/>
+<path class="st5" d="M-549.1,460.5c-1.9,2.1,1.4,1.9,1.5,3.5c-4.2,1.1-8.1-1.4-12.3,0.6c0.2-3.2,3.6-2.5,2.7-2.9
+ c-2.9-1.5,3.1-6-2.9-5.8c2.9-1,5.2-1.4,5.1,2.1c-0.1,1.8-0.1,3.7,1.3,4.2c1.4,0.6,2.1-1.8,3.4-2.4
+ C-549.9,460.1-549.5,460.3-549.1,460.5z"/>
+<path class="st5" d="M-810,218c1-3,2.1-5.9,3-8.9c0.3-1.1,0.8-1.8,2-1.8c1.2,0,1.7,0.8,2.1,1.8c1,3,2.1,6,3.1,8.9
+ c-1.1,0-2.1,0-3.2,0.1c0.4-2.9-0.9-5.4-2.3-8.6c-1,3.3-1.7,5.9-2.5,8.5C-808.6,218-809.3,218-810,218z"/>
+<path class="st5" d="M-665.9,222.5c0,2.5,0,5-0.2,7.5c-0.3,3.9,0.7,6.7,5.8,6.3c-4.5,3.1-7.5,1.8-7.8-2.8c-0.3-3.6-0.1-7.3-0.1-11
+ C-667.4,222.5-666.6,222.5-665.9,222.5z"/>
+<path class="st5" d="M-539,463.9c2.1-1.9,2.8-4.4,1.4-6.4c-1.1-1.7-0.5-2,0.7-2.3c1.2-0.3,1.8,0.4,1.8,1.6c0.1,2.4-0.5,4.9,1.3,7
+ C-535.6,464.5-537.2,464.4-539,463.9z"/>
+<path class="st4" d="M-807.8,218.1c0.8-2.6,1.5-5.2,2.5-8.5c1.4,3.2,2.7,5.6,2.3,8.6C-804.6,218.1-806.2,218.1-807.8,218.1z"/>
+<path class="st5" d="M-541,459c-0.6,1.1,1.1,3.7-1.7,2.9c-1-0.3-3.7,0.3-3.3-1.7c0.4-1.9,1.1-4.7,3.4-4.8
+ C-539.8,455.1-541.6,457.8-541,459z"/>
+<path class="st5" d="M-713.2,236.2c2.2-0.2,4.4-0.4,7.4-0.7c-3.3,3.9-7,2.4-10.3,2.6C-715.5,237-714.5,236.4-713.2,236.2z"/>
+<path class="st5" d="M-528.8,461.3c-0.1,1.5,1.9,1,2.3,2.5c-1.8,0.8-3.7,0.4-5.6,0.3c-0.3-2.2,1.6-2.7,2.5-3.9
+ C-529.3,460.6-529.1,461-528.8,461.3z"/>
+<path class="st5" d="M-529.6,460.2c0.3-0.5,0.8-1.3,1.4-0.7c0.6,0.7,0.2,1.4-0.6,1.9C-529.1,461-529.3,460.6-529.6,460.2z"/>
+<path class="st5" d="M-550.3,459.9c0.3-0.2,0.6-0.4,1-0.6c0.1,0.4,0.1,0.8,0.2,1.2C-549.5,460.3-549.9,460.1-550.3,459.9z"/>
+</svg>
diff --git a/web/e.cash/public/images/brain-icon.svg b/web/e.cash/public/images/brain-icon.svg
new file mode 100755
--- /dev/null
+++ b/web/e.cash/public/images/brain-icon.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.17 35.38"><defs><style>.cls-1{fill:#00ace8;}.cls-2{fill:#0075be;}.cls-3{fill:#fff;}.cls-4{fill:#0b1434;}</style></defs><path class="cls-1" d="M26,25a.86.86,0,0,0-.1.41.89.89,0,0,0,.47.79.91.91,0,0,0,.42.11.89.89,0,0,0,.78-.48,1.74,1.74,0,0,1,2.36-.71,1.68,1.68,0,0,1,.55.47,16.08,16.08,0,0,0,2-8,16.67,16.67,0,0,0-1.46-7,1.58,1.58,0,0,1-.36.2,1.91,1.91,0,0,1-.65.12,1.75,1.75,0,0,1-1.63-1.1h0a.9.9,0,0,0-.83-.56,1,1,0,0,0-.34.06.9.9,0,0,0-.56.84,1.06,1.06,0,0,0,.06.34h0a1.83,1.83,0,0,1,.13.64,1.76,1.76,0,0,1-1.1,1.63,1.87,1.87,0,0,1-.65.12,1.75,1.75,0,0,1-1.63-1.1.42.42,0,1,1,.79-.31.91.91,0,0,0,.84.57.78.78,0,0,0,.33-.07A.91.91,0,0,0,26,11.1a.78.78,0,0,0-.07-.33h0a1.82,1.82,0,0,1-.12-.65,1.74,1.74,0,0,1,1.1-1.62,1.64,1.64,0,0,1,.65-.13,1.75,1.75,0,0,1,1.62,1.1.91.91,0,0,0,.84.57.78.78,0,0,0,.33-.07.81.81,0,0,0,.29-.19,9.81,9.81,0,0,0-3.38-3.73,6,6,0,0,0-3.13-.9,3.43,3.43,0,0,0-1.57.31,2.33,2.33,0,0,0-.89.85,4.44,4.44,0,0,0-.42,1,9.91,9.91,0,0,0-.35,1.8,29.78,29.78,0,0,0-.13,3.14c0,1.6.06,3.4.06,5.31V18a.89.89,0,0,0,1.65-.45,1.74,1.74,0,1,1,3.48,0,.89.89,0,0,0,1.78,0,.42.42,0,1,1,.84,0,1.74,1.74,0,1,1-3.47,0,.89.89,0,0,0-1.78,0,1.74,1.74,0,0,1-1.74,1.74,1.79,1.79,0,0,1-.77-.19c0,1.33-.05,2.6-.05,3.76A25.65,25.65,0,0,0,21,26.29a6.41,6.41,0,0,0,.67,2.33,2.39,2.39,0,0,0,.75.82,3.06,3.06,0,0,0,1.76.43A6,6,0,0,0,27.29,29,9,9,0,0,0,30,26.38v0a.86.86,0,0,0-.43-.54.83.83,0,0,0-.42-.11.89.89,0,0,0-.79.47h0a1.72,1.72,0,0,1-1.53.92,1.84,1.84,0,0,1-.82-.2,1.77,1.77,0,0,1-.92-1.54,1.72,1.72,0,0,1,.21-.81h0a.92.92,0,0,0,.1-.42.88.88,0,0,0-.89-.89.88.88,0,0,0-.78.47.43.43,0,0,1-.58.17.43.43,0,0,1-.17-.57,1.72,1.72,0,0,1,1.53-.92,1.84,1.84,0,0,1,.82.2A1.74,1.74,0,0,1,26,25Z"/><path class="cls-2" d="M10.29,15.77A1.74,1.74,0,0,1,12,17.51a.89.89,0,0,0,1.78,0A1.72,1.72,0,0,1,16.32,16c0-1.33,0-2.6,0-3.76a27.72,27.72,0,0,0-.17-3.48,6.49,6.49,0,0,0-.67-2.32,2.22,2.22,0,0,0-.75-.82A3.11,3.11,0,0,0,13,5.15a6,6,0,0,0-3.13.9A9.08,9.08,0,0,0,7.21,8.64l0,0a.93.93,0,0,0,.44.54.9.9,0,0,0,.42.1.88.88,0,0,0,.78-.47h0a1.74,1.74,0,0,1,2.36-.71,1.73,1.73,0,0,1,.91,1.53,1.71,1.71,0,0,1-.2.82h0a.94.94,0,0,0-.11.42.9.9,0,0,0,.47.79.92.92,0,0,0,.42.1.89.89,0,0,0,.79-.47.43.43,0,0,1,.75.4,1.77,1.77,0,0,1-1.54.92,1.75,1.75,0,0,1-1.53-2.56.91.91,0,0,0,.11-.42.88.88,0,0,0-.47-.78.83.83,0,0,0-.42-.11.89.89,0,0,0-.79.47h0a1.72,1.72,0,0,1-1.53.92,1.84,1.84,0,0,1-.82-.2,1.86,1.86,0,0,1-.56-.48,16.14,16.14,0,0,0-2,8,16.55,16.55,0,0,0,1.46,7,1.58,1.58,0,0,1,.36-.2,1.64,1.64,0,0,1,.65-.13,1.75,1.75,0,0,1,1.62,1.1.91.91,0,0,0,.84.57.78.78,0,0,0,.33-.07.89.89,0,0,0,.57-.83,1,1,0,0,0-.06-.34h0a1.64,1.64,0,0,1-.13-.65,1.75,1.75,0,0,1,1.1-1.62,1.64,1.64,0,0,1,.65-.13,1.75,1.75,0,0,1,1.62,1.1h0a.42.42,0,0,1-.78.32A.89.89,0,0,0,12,23a1,1,0,0,0-.34.06.9.9,0,0,0-.56.84,1,1,0,0,0,.06.34h0a1.64,1.64,0,0,1,.13.65,1.75,1.75,0,0,1-1.1,1.62,1.82,1.82,0,0,1-.65.12A1.74,1.74,0,0,1,8,25.55.89.89,0,0,0,7.12,25a1,1,0,0,0-.34.06,1,1,0,0,0-.28.2A9.69,9.69,0,0,0,9.88,29a6,6,0,0,0,3.13.91,3.37,3.37,0,0,0,1.56-.32,2.17,2.17,0,0,0,.89-.84,3.9,3.9,0,0,0,.43-1A9.84,9.84,0,0,0,16.23,26a29.9,29.9,0,0,0,.13-3.14c0-1.61-.06-3.41-.06-5.31,0-.16,0-.3,0-.46a.9.9,0,0,0-1.66.46,1.74,1.74,0,1,1-3.47,0,.89.89,0,0,0-1.78,0,.43.43,0,0,1-.85,0A1.74,1.74,0,0,1,10.29,15.77Z"/><path class="cls-3" d="M30.05,10.88a1.91,1.91,0,0,0,.65-.12,1.58,1.58,0,0,0,.36-.2.36.36,0,0,1,0-.09c-.11-.24-.23-.47-.35-.69a.81.81,0,0,1-.29.19.78.78,0,0,1-.33.07.91.91,0,0,1-.84-.57,1.75,1.75,0,0,0-1.62-1.1,1.64,1.64,0,0,0-.65.13,1.74,1.74,0,0,0-1.1,1.62,1.82,1.82,0,0,0,.12.65h0a.78.78,0,0,1,.07.33.91.91,0,0,1-.57.84.78.78,0,0,1-.33.07.91.91,0,0,1-.84-.57.42.42,0,1,0-.79.31,1.75,1.75,0,0,0,1.63,1.1,1.87,1.87,0,0,0,.65-.12,1.76,1.76,0,0,0,1.1-1.63,1.83,1.83,0,0,0-.13-.64h0a1.06,1.06,0,0,1-.06-.34.9.9,0,0,1,.56-.84,1,1,0,0,1,.34-.06.9.9,0,0,1,.83.56h0A1.75,1.75,0,0,0,30.05,10.88Z"/><path class="cls-3" d="M27.77,17.51a.89.89,0,0,1-1.78,0,1.74,1.74,0,1,0-3.48,0,.89.89,0,0,1-1.65.45c0,.37,0,.74,0,1.1a1.79,1.79,0,0,0,.77.19,1.74,1.74,0,0,0,1.74-1.74.89.89,0,0,1,1.78,0,1.74,1.74,0,1,0,3.47,0,.42.42,0,1,0-.84,0Z"/><path class="cls-3" d="M25.27,24.55a1.72,1.72,0,0,0-.21.81A1.77,1.77,0,0,0,26,26.9a1.84,1.84,0,0,0,.82.2,1.72,1.72,0,0,0,1.53-.92h0a.89.89,0,0,1,.79-.47.83.83,0,0,1,.42.11.86.86,0,0,1,.43.54,9.54,9.54,0,0,0,.52-.82,1.68,1.68,0,0,0-.55-.47,1.74,1.74,0,0,0-2.36.71.89.89,0,0,1-.78.48.91.91,0,0,1-.42-.11.89.89,0,0,1-.47-.79A.86.86,0,0,1,26,25h0a1.74,1.74,0,0,0-.71-2.36,1.84,1.84,0,0,0-.82-.2,1.72,1.72,0,0,0-1.53.92.43.43,0,0,0,.17.57.43.43,0,0,0,.58-.17.88.88,0,0,1,.78-.47.88.88,0,0,1,.89.89.92.92,0,0,1-.1.42Z"/><path class="cls-4" d="M19,26.17a11.8,11.8,0,0,0,.43,2.16,5.69,5.69,0,0,0,.62,1.4,4.21,4.21,0,0,0,1.66,1.55,5.29,5.29,0,0,0,2.45.53,7.93,7.93,0,0,0,4.13-1.19,12,12,0,0,0,4.48-5.24,18.38,18.38,0,0,0,1.69-7.87,17.54,17.54,0,0,0-2.91-10,11,11,0,0,0-3.26-3.13A8,8,0,0,0,24.16,3.2,5.13,5.13,0,0,0,21.33,4,4.4,4.4,0,0,0,20,5.43a8.26,8.26,0,0,0-.91,3,28.86,28.86,0,0,0-.19,3.73c0,1.65.06,3.44.06,5.31s-.06,3.66-.06,5.31A32.13,32.13,0,0,0,19,26.17Zm1.8-14a29.78,29.78,0,0,1,.13-3.14,9.91,9.91,0,0,1,.35-1.8,4.44,4.44,0,0,1,.42-1,2.33,2.33,0,0,1,.89-.85,3.43,3.43,0,0,1,1.57-.31,6,6,0,0,1,3.13.9,9.81,9.81,0,0,1,3.38,3.73c.12.22.24.45.35.69a.36.36,0,0,0,0,.09,16.67,16.67,0,0,1,1.46,7,16.08,16.08,0,0,1-2,8,9.54,9.54,0,0,1-.52.82h0A9,9,0,0,1,27.29,29a6,6,0,0,1-3.13.91,3.06,3.06,0,0,1-1.76-.43,2.39,2.39,0,0,1-.75-.82A6.41,6.41,0,0,1,21,26.29a25.65,25.65,0,0,1-.18-3.47c0-1.16,0-2.43.05-3.76,0-.36,0-.73,0-1.1v-.45C20.86,15.6,20.8,13.8,20.8,12.2Z"/><path class="cls-4" d="M18.16,8.85a11.13,11.13,0,0,0-.42-2.17,6.25,6.25,0,0,0-.62-1.39,4.23,4.23,0,0,0-1.66-1.56A5.32,5.32,0,0,0,13,3.2,8,8,0,0,0,8.87,4.39,12.13,12.13,0,0,0,4.39,9.64a18.52,18.52,0,0,0-1.68,7.87,17.58,17.58,0,0,0,2.9,10,10.88,10.88,0,0,0,3.26,3.13A7.94,7.94,0,0,0,13,31.81a5,5,0,0,0,2.82-.75,4.19,4.19,0,0,0,1.37-1.47,8.52,8.52,0,0,0,.92-3,29,29,0,0,0,.18-3.73c0-1.65-.05-3.44-.05-5.31s.05-3.66.05-5.31A32,32,0,0,0,18.16,8.85ZM9,17.93a.42.42,0,0,0,.42-.42.89.89,0,0,1,1.78,0,1.74,1.74,0,1,0,3.47,0,.9.9,0,0,1,1.66-.46c0,.16,0,.3,0,.46,0,1.9.06,3.7.06,5.31A29.9,29.9,0,0,1,16.23,26a9.84,9.84,0,0,1-.34,1.79,3.9,3.9,0,0,1-.43,1,2.17,2.17,0,0,1-.89.84,3.37,3.37,0,0,1-1.56.32A6,6,0,0,1,9.88,29,9.69,9.69,0,0,1,6.5,25.24a1,1,0,0,1,.28-.2A1,1,0,0,1,7.12,25a.89.89,0,0,1,.84.57,1.74,1.74,0,0,0,1.62,1.09,1.82,1.82,0,0,0,.65-.12,1.75,1.75,0,0,0,1.1-1.62,1.64,1.64,0,0,0-.13-.65h0a1,1,0,0,1-.06-.34.9.9,0,0,1,.56-.84A1,1,0,0,1,12,23a.89.89,0,0,1,.84.57.42.42,0,0,0,.78-.32h0A1.75,1.75,0,0,0,12,22.16a1.64,1.64,0,0,0-.65.13,1.75,1.75,0,0,0-1.1,1.62,1.64,1.64,0,0,0,.13.65h0a1,1,0,0,1,.06.34.89.89,0,0,1-.57.83.78.78,0,0,1-.33.07.91.91,0,0,1-.84-.57,1.75,1.75,0,0,0-1.62-1.1,1.64,1.64,0,0,0-.65.13,1.58,1.58,0,0,0-.36.2,16.55,16.55,0,0,1-1.46-6.95,16.14,16.14,0,0,1,2-8,1.86,1.86,0,0,0,.56.48,1.84,1.84,0,0,0,.82.2,1.72,1.72,0,0,0,1.53-.92h0a.89.89,0,0,1,.79-.47.83.83,0,0,1,.42.11.88.88,0,0,1,.47.78.91.91,0,0,1-.11.42,1.75,1.75,0,0,0,1.53,2.56,1.77,1.77,0,0,0,1.54-.92.43.43,0,0,0-.75-.4.89.89,0,0,1-.79.47.92.92,0,0,1-.42-.1.9.9,0,0,1-.47-.79.94.94,0,0,1,.11-.42h0a1.71,1.71,0,0,0,.2-.82,1.73,1.73,0,0,0-.91-1.53,1.74,1.74,0,0,0-2.36.71h0a.88.88,0,0,1-.78.47.9.9,0,0,1-.42-.1.93.93,0,0,1-.44-.54l0,0A9.08,9.08,0,0,1,9.88,6.05,6,6,0,0,1,13,5.15a3.11,3.11,0,0,1,1.76.43,2.22,2.22,0,0,1,.75.82,6.49,6.49,0,0,1,.67,2.32,27.72,27.72,0,0,1,.17,3.48c0,1.16,0,2.43,0,3.76a1.72,1.72,0,0,0-2.51,1.55.89.89,0,0,1-1.78,0,1.74,1.74,0,1,0-3.48,0A.42.42,0,0,0,9,17.93Z"/></svg>
\ No newline at end of file
diff --git a/web/e.cash/public/images/cube-icon.svg b/web/e.cash/public/images/cube-icon.svg
new file mode 100755
--- /dev/null
+++ b/web/e.cash/public/images/cube-icon.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.17 35.38"><defs><style>.cls-1{fill:#061537;}.cls-2{fill:#17aae2;}.cls-3{fill:#1674bb;}</style></defs><path class="cls-1" d="M7.74,10.73l-1,.25V24.59L18.58,31.4l11.8-6.81V11l-1-.25Z"/><path class="cls-2" d="M18.58,10.73V31.4l11.8-6.81V11l-1-.25Z"/><path class="cls-3" d="M27.34,11l-8.76,6.8L6.79,11h0L18.58,4.17Z"/><path class="cls-1" d="M30.38,11h0l-11.8,6.8V4.17Z"/></svg>
\ No newline at end of file
diff --git a/web/e.cash/public/images/dna-icon.svg b/web/e.cash/public/images/dna-icon.svg
new file mode 100755
--- /dev/null
+++ b/web/e.cash/public/images/dna-icon.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.17 35.38"><defs><style>.cls-1{fill:none;}.cls-2{fill:#0075be;}.cls-3{fill:#00ace8;}.cls-4{fill:#0b1434;}</style></defs><path class="cls-1" d="M14.62,17.79l2.19,2,2.25,2.09a8,8,0,0,0,1.86-.17l-3.17-2.93-3.1-2.87A8.92,8.92,0,0,0,14.62,17.79Z"/><path class="cls-1" d="M13.09,23.82l1.45,1.35A17.81,17.81,0,0,0,14,23a18.08,18.08,0,0,0-2.25-.4Z"/><path class="cls-1" d="M15.4,21.4a15.39,15.39,0,0,0,1.8.34L16,20.65l-1.1-1A15.93,15.93,0,0,0,15.4,21.4Z"/><path class="cls-1" d="M22,14.21l1.06,1a15.51,15.51,0,0,0-.44-1.57A15.51,15.51,0,0,0,21,13.3Z"/><path class="cls-1" d="M16,13.69a2.36,2.36,0,0,0-.61.47,2.25,2.25,0,0,0-.36.53l3.51,3.25,3.59,3.32a2.51,2.51,0,0,0,.5-.4,2.37,2.37,0,0,0,.42-.64l-3.56-3.3Z"/><path class="cls-1" d="M19.12,13.13a9,9,0,0,0-1.89.13l3,2.81L23.37,19a8.54,8.54,0,0,0,0-1.89l-2.16-2Z"/><path class="cls-1" d="M24,12.06a16.9,16.9,0,0,0,2.52.43L25,11,23.42,9.58A18.16,18.16,0,0,0,24,12.06Z"/><path class="cls-1" d="M30.05,12.25,26.68,9.14,23.39,6.09a6.52,6.52,0,0,0-.16,1.74l2.51,2.32,2.51,2.32-.07.08A6.54,6.54,0,0,0,30.05,12.25Z"/><path class="cls-1" d="M12.3,24.67l-2.39-2.2a6.7,6.7,0,0,0-1.77.24l3.22,3,3.3,3a7,7,0,0,0,.1-1.79Z"/><path class="cls-2" d="M21.2,15.06l.79-.85-1-.91a14.12,14.12,0,0,0-1.89-.17Z"/><path class="cls-3" d="M21.2,15.06l2.16,2a14.88,14.88,0,0,0-.31-1.87l-1.06-1Z"/><path class="cls-2" d="M19.48,16.92l.78-.85-3-2.81a4.22,4.22,0,0,0-1.24.43Z"/><path class="cls-3" d="M19.48,16.92,23,20.22A4.08,4.08,0,0,0,23.37,19l-3.11-2.88Z"/><path class="cls-2" d="M12.3,24.67l.79-.85-1.38-1.27a13.33,13.33,0,0,0-1.8-.08Z"/><path class="cls-3" d="M12.3,24.67,14.76,27a12.92,12.92,0,0,0-.22-1.78l-1.45-1.35Z"/><path class="cls-2" d="M10.57,26.54l.79-.85-3.22-3A3.24,3.24,0,0,0,7,23.25Z"/><path class="cls-3" d="M10.57,26.54l3.64,3.36a3.43,3.43,0,0,0,.45-1.16l-3.3-3Z"/><path class="cls-2" d="M17.75,18.79l.78-.85L15,14.69a4.21,4.21,0,0,0-.37,1.23Z"/><path class="cls-3" d="M20.92,21.72a3.9,3.9,0,0,0,1.2-.46l-3.59-3.32-.78.85Z"/><path class="cls-2" d="M16,20.65l.79-.85-2.19-2a15,15,0,0,0,.3,1.84Z"/><path class="cls-3" d="M17.2,21.74a12.51,12.51,0,0,0,1.86.15L16.81,19.8l-.79.85Z"/><path class="cls-2" d="M26.68,9.14l.79-.85L23.9,5a3.06,3.06,0,0,0-.51,1.11Z"/><path class="cls-3" d="M30.05,12.25a3,3,0,0,0,1.06-.59L27.47,8.29l-.79.85Z"/><path class="cls-2" d="M25,11l.79-.85L23.23,7.83a12.83,12.83,0,0,0,.19,1.75Z"/><path class="cls-3" d="M26.56,12.49a12.47,12.47,0,0,0,1.62.06l.07-.08-2.51-2.32L25,11Z"/><path class="cls-4" d="M32.52,12.68l1.95-2.11a.44.44,0,0,0,0-.62l-.64-.6a.45.45,0,0,0-.62.07l-1.95,2.1-.16.14a3,3,0,0,1-1.06.59,6.54,6.54,0,0,1-1.87.3,12.47,12.47,0,0,1-1.62-.06A16.9,16.9,0,0,1,24,12.06a18.16,18.16,0,0,1-.62-2.48,12.83,12.83,0,0,1-.19-1.75,6.52,6.52,0,0,1,.16-1.74A3.06,3.06,0,0,1,23.9,5,1.83,1.83,0,0,1,24,4.82L26,2.71a.44.44,0,0,0,0-.62l-.64-.6a.45.45,0,0,0-.62.07l-1.95,2.1c-2,2.11-1.41,5.74-.84,7.9-2.2-.4-5.86-.67-7.81,1.44s-1.4,5.74-.83,7.89c-2.2-.39-5.86-.66-7.81,1.45l-1.95,2.1a.44.44,0,0,0,0,.62l.64.6a.44.44,0,0,0,.62-.06l2-2.11A1.61,1.61,0,0,1,7,23.25a3.24,3.24,0,0,1,1.12-.54,6.7,6.7,0,0,1,1.77-.24,13.33,13.33,0,0,1,1.8.08A18.08,18.08,0,0,1,14,23a17.81,17.81,0,0,1,.58,2.22A12.92,12.92,0,0,1,14.76,27a7,7,0,0,1-.1,1.79,3.43,3.43,0,0,1-.45,1.16,2.37,2.37,0,0,1-.23.3l-2,2.1a.44.44,0,0,0,0,.62l.64.6a.45.45,0,0,0,.62-.06l2-2.11c1.95-2.1,1.4-5.73.84-7.89,2.19.4,5.85.66,7.8-1.44s1.41-5.74.84-7.9C26.91,14.52,30.57,14.78,32.52,12.68Zm-9.16,4.38a8.54,8.54,0,0,1,0,1.89A4.08,4.08,0,0,1,23,20.22a2.37,2.37,0,0,1-.42.64,2.51,2.51,0,0,1-.5.4,3.9,3.9,0,0,1-1.2.46,8,8,0,0,1-1.86.17,12.51,12.51,0,0,1-1.86-.15,15.39,15.39,0,0,1-1.8-.34,15.93,15.93,0,0,1-.48-1.77,15,15,0,0,1-.3-1.84,8.92,8.92,0,0,1,0-1.87A4.21,4.21,0,0,1,15,14.69a2.25,2.25,0,0,1,.36-.53,2.36,2.36,0,0,1,.61-.47,4.22,4.22,0,0,1,1.24-.43,9,9,0,0,1,1.89-.13A14.12,14.12,0,0,1,21,13.3a15.51,15.51,0,0,1,1.6.32,15.51,15.51,0,0,1,.44,1.57A14.88,14.88,0,0,1,23.36,17.06Z"/></svg>
\ No newline at end of file
diff --git a/web/e.cash/public/images/document-icon.svg b/web/e.cash/public/images/document-icon.svg
new file mode 100755
--- /dev/null
+++ b/web/e.cash/public/images/document-icon.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.17 35.38"><defs><style>.cls-1{fill:#0b1434;}.cls-2{fill:#0075be;}.cls-3{fill:#00ace8;}.cls-4{fill:#fff;}</style></defs><path class="cls-1" d="M27.09,22.19h0V2.73H6.86V29.81H21.79a5.66,5.66,0,0,1,5.3-7.62ZM10.28,6.57H25.43V8.38H10.28Zm-1.72,4.1H25.43v1.81H8.56Zm0,4.1H25.43v1.81H8.56Zm12.68,10H8.56V23H21.24ZM8.56,20.68V18.87H25.43v1.81Z"/><rect class="cls-2" x="10.28" y="6.57" width="15.15" height="1.81"/><rect class="cls-2" x="8.56" y="10.67" width="16.87" height="1.81"/><rect class="cls-2" x="8.56" y="14.77" width="16.87" height="1.81"/><rect class="cls-2" x="8.56" y="18.87" width="16.87" height="1.81"/><rect class="cls-2" x="8.56" y="22.97" width="12.67" height="1.81"/><path class="cls-3" d="M27.1,23.64a4.24,4.24,0,1,0,4.27,4.2A4.24,4.24,0,0,0,27.1,23.64Zm3,5.14H28v2.08h-1.8V28.78H24.14V27h2.09V24.89H28V27h2.09Z"/><path class="cls-1" d="M27.09,22.19a5.69,5.69,0,1,0,5.73,5.64,5.69,5.69,0,0,0-5.73-5.64Zm4.28,5.65a4.24,4.24,0,1,1-4.27-4.2A4.26,4.26,0,0,1,31.37,27.84Z"/><polygon class="cls-4" points="28.03 30.86 28.03 28.78 30.12 28.78 30.12 26.97 28.03 26.97 28.03 24.89 26.23 24.89 26.23 26.97 24.14 26.97 24.14 28.78 26.23 28.78 26.23 30.86 28.03 30.86"/></svg>
\ No newline at end of file
diff --git a/web/e.cash/public/images/hand-code-icon.svg b/web/e.cash/public/images/hand-code-icon.svg
new file mode 100755
--- /dev/null
+++ b/web/e.cash/public/images/hand-code-icon.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.17 35.38"><defs><style>.cls-1{fill:#1674bb;}.cls-2{fill:#0b1434;}</style></defs><g id="surface1"><path class="cls-1" d="M17.37,1.84,11.06,5.49v7.29l6.31,3.64,6.32-3.64V5.49Zm-2.43,8.44-.61.61L12.58,9.13l1.75-1.75.61.6L13.79,9.13Zm1.81,1.06L16,11l2-4,.76.38Zm3.67-.45-.61-.61L21,9.13,19.81,8l.61-.6,1.75,1.75Z"/></g><path class="cls-2" d="M36,22.68v0c-2.51,0-4.05-1.53-5.9-2.82a8.27,8.27,0,0,0-5-1.75c-1,0-1.79,0-2.49,0H17.45a1.36,1.36,0,0,0,0,2.71h4.79a2,2,0,0,1,.65,3.77l-1.86.5c-.63.15-1.23.31-1.79.47l-.12,0-4.78,1.25a2.44,2.44,0,0,1-.74-.06L6,21.9l-1.36-1h0l-.21-.11a1.69,1.69,0,0,0-.31-.13,1.31,1.31,0,0,0-.27-.06,1.53,1.53,0,0,0-.3,0,2.58,2.58,0,0,0-.39,0,2.18,2.18,0,0,0-2,2.16,2.14,2.14,0,0,0,.65,1.54h0a2.32,2.32,0,0,0,.54.39l.52.38,11.83,8.58h0l.14.06a2.66,2.66,0,0,0,.85.15,2.07,2.07,0,0,0,.5-.05h.06c4-1,12.3-3.13,16.17-4.08l.28-.11A15.65,15.65,0,0,1,36,29.09v-.57h0V22.68Z"/></svg>
\ No newline at end of file
diff --git a/web/e.cash/public/images/hand-cube-icon.svg b/web/e.cash/public/images/hand-cube-icon.svg
new file mode 100755
--- /dev/null
+++ b/web/e.cash/public/images/hand-cube-icon.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.17 35.38"><defs><style>.cls-1{fill:#0b1434;}.cls-2{fill:#17aae2;}.cls-3{fill:#061537;}.cls-4{fill:#1674bb;}</style></defs><path class="cls-1" d="M36.28,22.51v0c-2.51,0-4-1.53-5.9-2.82a8.27,8.27,0,0,0-5-1.75c-1,0-1.79,0-2.49,0H17.78a1.36,1.36,0,0,0,0,2.71h4.79a2,2,0,0,1,.65,3.77l-1.86.5c-.63.15-1.23.31-1.79.47l-.12,0-4.78,1.25a2.44,2.44,0,0,1-.74-.06L6.38,21.73,5,20.74H5l-.21-.11a1.2,1.2,0,0,0-.31-.13,1.31,1.31,0,0,0-.27-.06,1.45,1.45,0,0,0-.3,0,2.58,2.58,0,0,0-.39,0,2.18,2.18,0,0,0-2,2.16,2.14,2.14,0,0,0,.65,1.54h0a2.32,2.32,0,0,0,.54.39l.52.38,11.84,8.58h0l.14.06a2.66,2.66,0,0,0,.85.15,2.07,2.07,0,0,0,.5-.05h.06c4-1,12.3-3.13,16.18-4.08l.27-.11a15.65,15.65,0,0,1,3.19-.54v-.57h0V22.51Z"/><path class="cls-2" d="M11.07,6.14a1,1,0,0,1,.32-.21l4.49-2.59c.12-.07.21-.12.35,0L21,6.05s.09,0,.1.11L19,7.35,16.27,8.94a.31.31,0,0,1-.35,0C14.33,8,12.73,7.11,11.13,6.19Z"/><path class="cls-3" d="M15.24,16.29l-.88-.51-4-2.28c-.12-.07-.2-.13-.19-.29V7.71a.82.82,0,0,1,0-.14l.64.37q2.07,1.2,4.15,2.39a.4.4,0,0,1,.24.4c0,1.76,0,3.52,0,5.28Z"/><path class="cls-4" d="M16.9,16.25V10.67a.28.28,0,0,1,.14-.29c1.6-.91,3.18-1.83,4.77-2.75l.13,0v.27c0,1.76,0,3.52,0,5.28a.4.4,0,0,1-.24.4l-4.51,2.6A.55.55,0,0,1,16.9,16.25Z"/></svg>
\ No newline at end of file
diff --git a/web/e.cash/public/images/hand-diamond-icon.svg b/web/e.cash/public/images/hand-diamond-icon.svg
new file mode 100755
--- /dev/null
+++ b/web/e.cash/public/images/hand-diamond-icon.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.17 35.38"><defs><style>.cls-1{fill:#00ace8;}.cls-2{fill:#0b1434;}</style></defs><path class="cls-1" d="M17.82,1.13H13a.14.14,0,0,0-.13.09.2.2,0,0,0,0,.17l2.4,3a.16.16,0,0,0,.11.05.11.11,0,0,0,.1-.05l2.44-3a.2.2,0,0,0,0-.17A.14.14,0,0,0,17.82,1.13Z"/><path class="cls-1" d="M15.15,5h-5a.14.14,0,0,0-.12.09.15.15,0,0,0,0,.17l7.47,9.47a.13.13,0,0,0,.17,0,.14.14,0,0,0,.06-.17L15.28,5.14A.15.15,0,0,0,15.15,5Z"/><path class="cls-1" d="M24.18,1.13h-5a.14.14,0,0,0-.13.09.17.17,0,0,0,0,.17l2.58,3a.14.14,0,0,0,.1,0,.12.12,0,0,0,.1,0c.49-.6,1.81-2.23,2.45-3a.17.17,0,0,0,0-.17A.17.17,0,0,0,24.18,1.13Z"/><path class="cls-1" d="M27.11,5H22a.13.13,0,0,0-.13.11l-2.37,9.53a.17.17,0,0,0,.06.18.14.14,0,0,0,.18,0l7.51-9.53a.14.14,0,0,0,0-.16A.13.13,0,0,0,27.11,5Z"/><path class="cls-2" d="M18.48,1.37a.14.14,0,0,0-.1,0l-2.45,3a.15.15,0,0,0,0,.17.14.14,0,0,0,.12.09h5a.14.14,0,0,0,.13-.09.17.17,0,0,0,0-.17l-2.59-3A.12.12,0,0,0,18.48,1.37Z"/><path class="cls-2" d="M24.78,1.37a.12.12,0,0,0-.1,0l-2.45,3a.17.17,0,0,0,0,.17.17.17,0,0,0,.13.09h5a.14.14,0,0,0,.13-.09.17.17,0,0,0,0-.17l-2.59-3A.12.12,0,0,0,24.78,1.37Z"/><path class="cls-2" d="M12.23,1.37a.14.14,0,0,0-.1,0l-2.45,3a.2.2,0,0,0,0,.17.14.14,0,0,0,.13.09h5A.14.14,0,0,0,15,4.57a.17.17,0,0,0,0-.17l-2.58-3A.16.16,0,0,0,12.23,1.37Z"/><path class="cls-1" d="M15.91,5.06a.14.14,0,0,0-.11.06.15.15,0,0,0,0,.13L18.51,15.5a.14.14,0,0,0,.27,0L21.32,5.25a.14.14,0,0,0,0-.13.14.14,0,0,0-.11-.06Z"/><path class="cls-2" d="M35.94,22.68v0c-2.51,0-4-1.53-5.89-2.82a8.29,8.29,0,0,0-5-1.75c-1,0-1.8,0-2.5,0H17.44a1.36,1.36,0,0,0,0,2.71h4.8a2,2,0,0,1,1.7,2,2,2,0,0,1-1.05,1.77l-1.87.5c-.63.15-1.23.31-1.79.47l-.12,0-4.78,1.25a2.5,2.5,0,0,1-.74-.06L6,21.9l-1.37-1h0l-.2-.11a1.79,1.79,0,0,0-.32-.13,1.18,1.18,0,0,0-.27-.06,1.36,1.36,0,0,0-.29,0,2.34,2.34,0,0,0-.39,0,2.18,2.18,0,0,0-2,2.16,2.14,2.14,0,0,0,.65,1.54h0a2.5,2.5,0,0,0,.53.39l.52.38,11.84,8.58h0l.15.06a2.55,2.55,0,0,0,.84.15,2.21,2.21,0,0,0,.51-.05h.06c4-1,12.29-3.13,16.17-4.08l.28-.11a15.68,15.68,0,0,1,3.18-.54v-.57h0V22.68Z"/></svg>
\ No newline at end of file
diff --git a/web/e.cash/public/images/hand-logo-icon.svg b/web/e.cash/public/images/hand-logo-icon.svg
new file mode 100755
--- /dev/null
+++ b/web/e.cash/public/images/hand-logo-icon.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.17 35.38"><defs><style>.cls-1{fill:#0b1434;}.cls-2{fill:#1674bb;}</style></defs><path class="cls-1" d="M36,22.68v0c-2.51,0-4.05-1.53-5.9-2.82a8.27,8.27,0,0,0-5-1.75c-1,0-1.79,0-2.49,0H17.45a1.36,1.36,0,0,0,0,2.71h4.79a2,2,0,0,1,.65,3.77l-1.86.5c-.63.15-1.23.31-1.79.47l-.12,0-4.78,1.25a2.44,2.44,0,0,1-.74-.06L6,21.9l-1.36-1h0l-.21-.11a1.69,1.69,0,0,0-.31-.13,1.31,1.31,0,0,0-.27-.06,1.53,1.53,0,0,0-.3,0,2.58,2.58,0,0,0-.39,0,2.18,2.18,0,0,0-2,2.16,2.14,2.14,0,0,0,.65,1.54h0a2.32,2.32,0,0,0,.54.39l.52.38,11.83,8.58h0l.14.06a2.66,2.66,0,0,0,.85.15,2.07,2.07,0,0,0,.5-.05h.06c4-1,12.3-3.13,16.17-4.08l.28-.11A15.65,15.65,0,0,1,36,29.09v-.57h0V22.68Z"/><path class="cls-2" d="M16.28,1.84a7.23,7.23,0,1,0,7.23,7.23,7.23,7.23,0,0,0-7.23-7.23Zm1,5.53L16.51,7A.46.46,0,0,0,16,7l-1.49.86a.47.47,0,0,0-.23.4V9.92a.49.49,0,0,0,.24.42l1.48.85a.46.46,0,0,0,.48,0l3.31-1.91v1.39a.73.73,0,0,1-.38.67L16.66,13a.76.76,0,0,1-.77,0l-2.78-1.61a.76.76,0,0,1-.39-.67V7.46a.76.76,0,0,1,.39-.66l2.78-1.61a.76.76,0,0,1,.77,0L19.44,6.8a.89.89,0,0,1,0,1.48l-3.1,1.78a.14.14,0,0,1-.15,0l-.75-.43a.16.16,0,0,1-.07-.13V8.63a.17.17,0,0,1,.07-.13l1.8-1a.07.07,0,0,0,0-.09Z"/></svg>
\ No newline at end of file
diff --git a/web/e.cash/public/images/hand-stars-icon.svg b/web/e.cash/public/images/hand-stars-icon.svg
new file mode 100755
--- /dev/null
+++ b/web/e.cash/public/images/hand-stars-icon.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.17 35.38"><defs><style>.cls-1{fill:#0b1434;}.cls-2{fill:#17aae2;}.cls-3{fill:#1674bb;}</style></defs><path class="cls-1" d="M36.09,22.51v0c-2.51,0-4.05-1.53-5.89-2.82a8.32,8.32,0,0,0-5-1.75c-1,0-1.8,0-2.5,0H17.59a1.36,1.36,0,0,0,0,2.71h4.79A2,2,0,0,1,23,24.42l-1.86.5c-.63.15-1.23.31-1.79.47l-.12,0-4.78,1.25a2.47,2.47,0,0,1-.74-.06L6.19,21.73l-1.37-1h0l-.21-.11a1.2,1.2,0,0,0-.31-.13A1.31,1.31,0,0,0,4,20.44a1.43,1.43,0,0,0-.29,0,2.58,2.58,0,0,0-.4,0,2.18,2.18,0,0,0-2,2.16A2.14,2.14,0,0,0,2,24.15H2a2.08,2.08,0,0,0,.53.39l.52.38L14.9,33.51h0l.14.06a2.66,2.66,0,0,0,.85.15,2.07,2.07,0,0,0,.5-.05h.06c4-1,12.3-3.13,16.18-4.08l.28-.11a15.45,15.45,0,0,1,3.18-.54v-.57h0V22.51Z"/><path class="cls-2" d="M12.37,16.32l.52-1.67c.39-1.18.77-2.38,1.17-3.56a.51.51,0,0,0-.22-.67c-1.4-1-2.78-2-4.16-3l-.29-.22c.12-.14.26-.07.38-.07,1.65,0,3.31,0,5,0,.46,0,.67-.1.81-.57.51-1.69,1.08-3.37,1.64-5.07.18.1.18.28.23.43.51,1.58,1,3.16,1.53,4.75.11.34.24.47.62.46,1.68,0,3.37,0,5.05,0h.56L23.28,8.5c-.89.64-1.78,1.3-2.68,1.93a.49.49,0,0,0-.23.65c.55,1.59,1.06,3.2,1.58,4.8a.66.66,0,0,1,.07.48l-1.12-.8c-1.12-.81-2.25-1.62-3.36-2.45a.45.45,0,0,0-.65,0l-4.08,3A.71.71,0,0,1,12.37,16.32Z"/><path class="cls-3" d="M4.05,16.34c.09-.29.18-.56.27-.83.19-.6.38-1.19.58-1.78a.26.26,0,0,0-.11-.34L2.71,11.88l-.14-.1c.05-.07.13,0,.19,0H5.24a.33.33,0,0,0,.4-.28c.26-.85.54-1.69.82-2.54.09.05.09.14.11.21.26.8.52,1.59.77,2.38,0,.17.12.24.31.23h2.81c-.36.25-.65.47-1,.69l-1.34,1c-.13.09-.17.16-.11.32q.4,1.2.78,2.4a.31.31,0,0,1,0,.24c-.19-.14-.38-.26-.56-.4L6.64,14.74a.23.23,0,0,0-.33,0c-.67.5-1.35,1-2,1.48A.31.31,0,0,1,4.05,16.34Z"/><path class="cls-3" d="M25.59,16.34c.09-.29.18-.56.27-.83.19-.6.38-1.19.58-1.78a.26.26,0,0,0-.11-.34l-2.08-1.51-.15-.1c.06-.07.13,0,.19,0h2.49a.33.33,0,0,0,.4-.28c.26-.85.54-1.69.82-2.54.09.05.09.14.11.21.26.8.52,1.59.77,2.38.05.17.12.24.31.23H32c-.36.25-.65.47-.95.69l-1.34,1c-.13.09-.17.16-.11.32q.41,1.2.78,2.4a.31.31,0,0,1,0,.24c-.19-.14-.38-.26-.56-.4l-1.68-1.22a.23.23,0,0,0-.33,0c-.67.5-1.36,1-2,1.48C25.75,16.27,25.71,16.34,25.59,16.34Z"/></svg>
\ No newline at end of file
diff --git a/web/e.cash/public/images/hands-icon.svg b/web/e.cash/public/images/hands-icon.svg
new file mode 100755
--- /dev/null
+++ b/web/e.cash/public/images/hands-icon.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.17 35.38"><defs><style>.cls-1{fill:#061537;}.cls-2{fill:#b4d8f2;}.cls-3{fill:#1674bb;}.cls-4{fill:#17aae2;}.cls-5{fill:#293993;}</style></defs><path class="cls-3" d="M32.32,9.16c.17,.12,.18,.35,.32,.49v.49c-.19,.53-.72,.66-1.13,.94-.08,.06-.17,.12-.26,.14-.45,.14-.51,.45-.51,.89-.02,1.55-.78,2.66-2.1,3.43-1.7,.99-3.4,1.97-5.1,2.95-.02,.01-.05,.01-.08,.02,0-.4,0-.79,0-1.19,0-.16,.02-.26,.18-.34,.29-.15,.56-.32,.84-.48,1.09-.63,2.18-1.27,3.28-1.89,.89-.5,1.64-1.13,2.04-2.09,.26-.62,.42-1.25,.31-1.93-.02-.13,.05-.17,.14-.23,.69-.4,1.38-.8,2.07-1.2Z"/><path class="cls-4" d="M32.32,9.16c-.69,.4-1.38,.8-2.07,1.2-.09,.05-.16,.1-.14,.23,.11,.68-.05,1.31-.31,1.93-.4,.96-1.15,1.6-2.04,2.09-1.1,.61-2.19,1.26-3.28,1.89-.28,.16-.55,.34-.84,.48-.16,.08-.19,.19-.18,.34,0,.4,0,.79,0,1.19,0,.76,0,1.52,0,2.28,0,.09-.03,.18,.05,.25-.03,.12-.06,.24-.06,.37,0,.96,0,1.92,0,2.88,0,.37,.15,.53,.49,.53,.33,0,.48-.17,.48-.54,0-.9,.02-1.8,0-2.7-.02-.59,.19-1.02,.66-1.35,.54,.17,.86,.61,.86,1.16,0,1.36,.02,2.71,0,4.07-.02,.93-.37,1.74-.99,2.43-.38,.42-.79,.78-1.32,1-.14,.06-.17,.16-.16,.3,0,.47,0,.93,0,1.4,0,.53-.4,.91-.92,.91-1.73,0-3.45,0-5.18,0,0-.78,0-1.57,0-2.35,0-.16-.05-.24-.19-.31-1.47-.79-2.23-2.02-2.24-3.7,0-2.19,0-4.37,0-6.56,0-.29,.02-.57,.11-.85,.38,.19,.75,.39,1.09,.64,0,1.24,0,2.48,0,3.71,0,.31,.24,.6,.5,.6,.3,0,.48-.22,.48-.59,0-1.06,0-2.12,0-3.18,.06,.03,.11,.05,.17,.08,.43,.19,.78,.57,1.29,.58,0,.65,0,1.31,0,1.96,0,.26,.26,.56,.48,.56,.27,0,.49-.23,.49-.53,0-.76,0-1.52,0-2.28,.46-.56,.46-1.13,.06-1.72,.13-.02,.21,.07,.32,.12,.38,.17,.69,.48,1.14,.49,0,1.24,0,2.48,0,3.72,0,.34,.19,.58,.46,.58,.29,0,.51-.24,.51-.58,0-1.36,0-2.71,0-4.07,.28-.37,.42-.77,.27-1.23-.12-.37-.39-.62-.71-.81,.36,.02,.7-.01,.99-.26,.19-.1,.28-.3,.42-.46,.03,.04,.05,.1,.09,.13,.19,.12,.17,.48,.42,.45,.21-.02,.42-.19,.61-.32,.28-.19,.62-.3,.87-.53,.21-.19,.23-.43,.08-.63-.16-.21-.37-.27-.62-.16-.15,.07-.28,.16-.43,.23-.33,.17-.61,.41-.97,.52,.05-.55-.19-.96-.62-1.28,.26-.15,.52-.28,.77-.44,.24-.15,.3-.42,.17-.66-.13-.22-.39-.33-.62-.2-.43,.23-.87,.46-1.26,.75-.48-.25-.95-.51-1.41-.82,.35,.07,.68,.05,.98-.15,.38-.19,.51-.54,.59-.92,.28-.03,.49-.21,.7-.37,.19-.14,.22-.47,.1-.63-.14-.2-.43-.31-.66-.17-.15,.09-.28,.22-.47,.24-.08-.07-.16-.14-.25-.2-.35-.22-.7-.43-1.06-.64,.05-.13,.23-.11,.28-.24,.93-.46,1.81-1.03,2.72-1.53,.3-.16,.41-.42,.33-.64-.13-.35-.46-.45-.81-.25-.8,.46-1.6,.91-2.39,1.39-.47,.29-.93,.33-1.41,.05-.18-.44,.16-1.07,.54-1.3,1.12-.66,2.24-1.32,3.38-1.95,1.45-.8,2.89-.71,4.28,.17,.15,.1,.26,.1,.41,.01,.4-.24,.82-.45,1.21-.7,.43-.27,.95-.1,1.2,.33,.38,.65,.76,1.3,1.14,1.95,.45,.78,.91,1.57,1.36,2.35,.04,.06,.06,.13,.08,.2Z"/><path class="cls-1" d="M21.04,18.19c-.44,0-.76-.31-1.14-.49-.1-.05-.19-.14-.32-.12h0l-.07-.06c-.21-.13-.42-.27-.64-.4-1.12-.65-2.25-1.31-3.37-1.95-.46-.26-.92-.53-1.39-.77-.36-.18-.68,.03-.7,.42-.01,.26,.16,.39,.34,.5,1.55,.9,3.1,1.8,4.66,2.68,.54,.31,1,.65,.94,1.36-.24,.2-.52,.23-.81,.23-.51-.02-.86-.39-1.29-.58-.06-.03-.11-.05-.17-.08-.31-.21-.62-.41-.97-.55-.34-.25-.71-.45-1.09-.64-.25-.17-.5-.35-.8-.43-.14-.18-.33-.28-.55-.32h0l-.04-.05c-.92-.54-1.84-1.08-2.76-1.62-.24-.14-.54-.06-.69,.17-.15,.22-.09,.48,.15,.66,.06,.05,.13,.09,.2,.13,.62,.36,1.25,.71,1.86,1.07,.31,.18,.65,.31,.9,.58,.22,.24,.24,.55,.32,.83v.05c-.51,.38-1.03,.41-1.58,.08-1.07-.63-2.16-1.22-3.22-1.86-1.43-.87-2.08-2.16-1.99-3.82,0-.17-.04-.24-.16-.31-.39-.22-.78-.45-1.17-.67-.52-.29-.67-.78-.37-1.3,.86-1.49,1.73-2.98,2.59-4.47,.67,.47,1.4,.84,2.1,1.24,.11,.06,.18,0,.27-.05,.94-.6,1.94-.82,3.04-.6,.63,.13,1.17,.44,1.71,.75,1.68,.97,3.36,1.95,5.05,2.9,.53,.3,.99,.61,1.1,1.25,0,0,.01,.01,.02,.02-.3,.2-.64,.22-.98,.15-.45-.18-.84-.47-1.26-.7-.77-.43-1.54-.89-2.31-1.32-.13-.07-.26-.15-.43-.1-.18,.06-.33,.16-.36,.35-.04,.25,.03,.46,.27,.59,.3,.16,.6,.33,.89,.5,1.6,.92,3.19,1.85,4.8,2.77,.52,.3,.91,.67,.9,1.32-.29,.25-.63,.29-.99,.26-.21,0-.33-.17-.49-.26-.89-.5-1.77-1.02-2.66-1.53-.89-.51-1.77-1.02-2.66-1.53-.3-.17-.58-.1-.71,.14-.15,.28-.04,.58,.26,.74,.53,.3,1.06,.6,1.59,.91,1.23,.71,2.47,1.42,3.7,2.15,.37,.22,.8,.36,1.05,.76,.14,.23,.14,.49,.26,.72-.26,.18-.54,.3-.87,.28Z"/><path class="cls-5" d="M21.04,11.98s-.02-.01-.02-.02c-.11-.64-.57-.96-1.1-1.25-1.69-.95-3.37-1.93-5.05-2.9-.54-.31-1.08-.62-1.71-.75-1.1-.23-2.11,0-3.04,.6-.09,.05-.16,.12-.27,.05-.7-.41-1.43-.78-2.1-1.24,.05-.15,.14-.29,.24-.42,.3-.35,.72-.43,1.12-.2,.44,.24,.88,.49,1.31,.75,.12,.07,.19,.06,.31-.01,1.42-.91,2.88-.95,4.35-.11,1.29,.74,2.58,1.48,3.87,2.22,.23,.14,.47,.28,.7,.41l.36,.19c.35,.21,.71,.42,1.06,.64,.09,.06,.17,.13,.25,.2,.22,.27,.32,.58,.33,.92-.09,.38-.22,.73-.59,.92Z"/><path class="cls-3" d="M13.64,18.82v-.05c.4-.31,.51-.79,.33-1.35,.12,.03,.18-.08,.28-.11,.3,.08,.55,.27,.8,.43-.09,.28-.11,.56-.11,.85,0,2.19,0,4.37,0,6.56,0,1.68,.77,2.91,2.24,3.7,.14,.07,.19,.15,.19,.31,0,.78,0,1.56,0,2.35-.21,0-.41,.03-.62-.03-.38-.12-.62-.44-.62-.84,0-.49,0-.97,0-1.46,0-.17-.05-.25-.2-.33-1.13-.59-1.86-1.5-2.15-2.74-.05-.22-.08-.46-.08-.69,0-2.1,0-4.19,0-6.29,0-.1,.04-.22-.06-.3Z"/><path class="cls-3" d="M19.64,9.1c-.23-.14-.47-.28-.7-.41-.04-.21-.24-.37-.22-.6,.48,.28,.94,.23,1.41-.05,.79-.48,1.59-.93,2.39-1.39,.35-.2,.68-.1,.81,.25,.08,.22-.03,.47-.33,.64-.91,.5-1.79,1.06-2.72,1.53-.21,.09-.43,0-.64,.05Z"/><path class="cls-3" d="M25.09,20.23c-.47,.33-.68,.77-.66,1.35,.03,.9,0,1.8,0,2.7,0,.37-.15,.54-.48,.54-.34,0-.49-.16-.49-.53,0-.96,0-1.92,0-2.88,0-.13,.03-.25,.06-.37,.16-.64,.9-1.03,1.57-.81Z"/><path class="cls-5" d="M22.55,15.54c.02-.65-.37-1.02-.9-1.32-1.6-.92-3.2-1.85-4.8-2.77-.29-.17-.59-.34-.89-.5-.24-.13-.32-.33-.27-.59,.04-.2,.18-.3,.36-.35,.17-.05,.3,.03,.43,.1,.77,.44,1.54,.89,2.31,1.32,.42,.24,.81,.52,1.26,.7,.45,.3,.92,.57,1.41,.82,.3,.21,.62,.39,.95,.54,.43,.32,.67,.73,.62,1.28l-.07,.3c-.14,.16-.22,.36-.42,.46Z"/><path class="cls-5" d="M21.9,17.91c-.11-.23-.11-.5-.26-.72-.25-.4-.68-.54-1.05-.76-1.23-.73-2.47-1.43-3.7-2.15-.53-.3-1.06-.61-1.59-.91-.3-.17-.41-.46-.26-.74,.13-.24,.41-.31,.71-.14,.89,.5,1.77,1.02,2.66,1.53,.89,.51,1.77,1.03,2.66,1.53,.16,.09,.28,.25,.49,.26,.32,.19,.59,.44,.71,.81,.16,.46,0,.86-.27,1.23l-.1,.06Z"/><path class="cls-5" d="M19.37,19.36c.06-.71-.39-1.05-.94-1.36-1.56-.88-3.11-1.78-4.66-2.68-.18-.11-.35-.24-.34-.5,.02-.39,.34-.6,.7-.42,.47,.24,.93,.51,1.39,.77,1.13,.65,2.25,1.3,3.37,1.95,.22,.13,.42,.27,.64,.4l.07,.06h0c.4,.58,.4,1.16-.06,1.71l-.15,.06Z"/><path class="cls-3" d="M21.9,17.91l.1-.06c0,1.36,0,2.71,0,4.07,0,.34-.22,.58-.51,.58-.27,0-.46-.24-.46-.58,0-1.24,0-2.48,0-3.72,.33,.02,.61-.1,.87-.28Z"/><path class="cls-3" d="M16.13,18.38c.35,.14,.66,.34,.97,.55,0,1.06,0,2.12,0,3.18,0,.37-.17,.58-.48,.59-.25,0-.5-.28-.5-.6,0-1.24,0-2.48,0-3.71Z"/><path class="cls-3" d="M19.37,19.36l.15-.06c0,.76,0,1.52,0,2.28,0,.3-.22,.53-.49,.53-.22,0-.48-.3-.48-.56,0-.65,0-1.31,0-1.96,.29,0,.58-.03,.81-.23Z"/><path class="cls-3" d="M22.97,15.08l.07-.3c.35-.11,.64-.35,.97-.52,.14-.07,.28-.16,.43-.23,.24-.12,.46-.06,.62,.16,.15,.2,.13,.43-.08,.63-.25,.24-.58,.35-.87,.53-.19,.13-.4,.3-.61,.32-.25,.03-.24-.34-.42-.45-.04-.03-.06-.08-.09-.13Z"/><path class="cls-3" d="M22.42,13.49c-.34-.15-.65-.33-.95-.54,.39-.3,.83-.52,1.26-.75,.23-.12,.5-.02,.62,.2,.13,.23,.07,.51-.17,.66-.25,.16-.51,.29-.77,.44Z"/><path class="cls-3" d="M21.64,11.05c0-.34-.1-.65-.33-.92,.19-.02,.32-.15,.47-.24,.23-.14,.51-.03,.66,.17,.12,.16,.09,.49-.1,.63-.21,.16-.42,.33-.7,.37Z"/><path class="cls-2" d="M19.64,9.1c.21-.04,.43,.04,.64-.05-.05,.13-.23,.11-.28,.24-.12-.06-.24-.13-.36-.19Z"/><path class="cls-5" d="M13.97,17.42c.18,.56,.06,1.04-.33,1.35-.08-.29-.1-.6-.32-.83-.25-.27-.59-.4-.9-.58-.61-.37-1.24-.72-1.86-1.07-.07-.04-.14-.08-.2-.13-.24-.18-.3-.44-.15-.66,.15-.23,.45-.31,.69-.17,.92,.54,1.84,1.08,2.76,1.62l.04,.05h0c.12,.13,.21,.27,.28,.43Z"/><path class="cls-2" d="M13.7,16.99l-.04-.05,.04,.05Z"/><path class="cls-4" d="M19.58,17.59l-.07-.06,.07,.06Z"/></svg>
\ No newline at end of file
diff --git a/web/e.cash/public/images/hands-logo-icon.svg b/web/e.cash/public/images/hands-logo-icon.svg
new file mode 100755
--- /dev/null
+++ b/web/e.cash/public/images/hands-logo-icon.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.17 35.38"><defs><style>.cls-1{fill:#1674bb;}.cls-2{fill:#0b1434;}</style></defs><path class="cls-1" d="M18.61,5.72A12.14,12.14,0,1,0,30.76,17.85,12.13,12.13,0,0,0,18.61,5.72ZM20.23,15,19,14.29a.81.81,0,0,0-.8,0l-2.5,1.44a.79.79,0,0,0-.39.69v2.87a.78.78,0,0,0,.4.69l2.48,1.44a.79.79,0,0,0,.81,0l5.57-3.22v2.35a1.27,1.27,0,0,1-.64,1.12l-4.67,2.7a1.29,1.29,0,0,1-1.29,0l-4.67-2.7a1.26,1.26,0,0,1-.65-1.12V15.16A1.25,1.25,0,0,1,13.3,14L18,11.35a1.25,1.25,0,0,1,1.29,0L23.93,14a1.5,1.5,0,0,1,0,2.49l-5.21,3a.23.23,0,0,1-.25,0l-1.26-.73a.24.24,0,0,1-.12-.21V17.12a.27.27,0,0,1,.12-.22l3-1.73a.11.11,0,0,0,0-.15Z"/><path class="cls-2" d="M32.67,23.42v0c-1.62.37-2.83-.39-4.21-.95A5.5,5.5,0,0,0,25,22c-.63.15-1.16.27-1.61.39l-3.29.74a.89.89,0,1,0,.4,1.74l1.86-.42,1.22-.28A1.36,1.36,0,0,1,25,25.26a1.34,1.34,0,0,1-.42,1.29l-1.13.59c-.39.19-.75.38-1.09.57l-.07,0-2.9,1.5a1.78,1.78,0,0,1-.48.08l-5.58-2.06-1-.43h0l-.15-.05-.22,0h-.18l-.19,0a1.06,1.06,0,0,0-.25.09,1.42,1.42,0,0,0-.33,2.57h0a1.18,1.18,0,0,0,.4.17l.39.17,8.88,3.8h0l.1,0a1.78,1.78,0,0,0,.56,0,1.51,1.51,0,0,0,.32-.11h0c2.43-1.25,7.46-3.81,9.82-5l.17-.11a10.53,10.53,0,0,1,2-.81l-.08-.37h0l-.12-.5-.71-3.15Z"/><path class="cls-2" d="M4.32,11.69v0c1.63-.29,2.81.52,4.16,1.14a5.47,5.47,0,0,0,3.46.54c.64-.11,1.17-.22,1.63-.31l3.31-.6a.89.89,0,1,0-.32-1.76l-1.88.34-1.23.22a1.33,1.33,0,0,1-1.35-1.1,1.31,1.31,0,0,1,.48-1.27l1.15-.55c.39-.17.77-.34,1.11-.52l.08,0c1.3-.61,2.7-1.27,3-1.38a1.64,1.64,0,0,1,.48,0l5.49,2.29,1,.48h0l.15,0,.22.05h.18l.2,0a1.17,1.17,0,0,0,.25-.07,1.43,1.43,0,0,0,.44-2.56h0a1.64,1.64,0,0,0-.4-.19l-.38-.18L16.8,2h0l-.1,0a2.18,2.18,0,0,0-.57,0,2.07,2.07,0,0,0-.33.1h0c-2.49,1.14-7.62,3.49-10,4.57l-.17.1a11.14,11.14,0,0,1-2,.73l.06.36h0l.09.5.58,3.18Z"/></svg>
\ No newline at end of file
diff --git a/web/e.cash/public/images/mining-icon.svg b/web/e.cash/public/images/mining-icon.svg
new file mode 100755
--- /dev/null
+++ b/web/e.cash/public/images/mining-icon.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.17 35.38"><defs><style>.cls-1{fill:#061537;}.cls-2{fill:#1674bb;}.cls-3{fill:#fff;}</style></defs><path class="cls-1" d="M30.94,7.42V28.75s0,.05,0,.08a2,2,0,0,1-2.12,1.61H8.4a2.41,2.41,0,0,1-1-.21,2,2,0,0,1-1.14-1.9V7.64A1.84,1.84,0,0,1,7,6.21a5.74,5.74,0,0,1,1-.48H29.25l.24.09a1.76,1.76,0,0,1,1.08.78A5.54,5.54,0,0,1,30.94,7.42ZM18.55,28.12a10,10,0,1,0-10-10.07A10.08,10.08,0,0,0,18.55,28.12ZM7.76,7.73a.49.49,0,0,0,.47.51.5.5,0,0,0,.51-.5.48.48,0,0,0-.49-.48A.46.46,0,0,0,7.76,7.73Zm21.16-.47a.48.48,0,0,0-.49.48.49.49,0,1,0,1,0A.47.47,0,0,0,28.92,7.26ZM8.24,28.91a.49.49,0,1,0,0-1,.48.48,0,0,0-.48.49A.48.48,0,0,0,8.24,28.91Zm20.68,0a.49.49,0,0,0,0-1,.5.5,0,0,0-.5.5A.48.48,0,0,0,28.92,28.91Z"/><path class="cls-2" d="M17.83,15.15c.11,0,.16-.05.21,0,.48.05.63-.25.76-.65a7,7,0,0,1,1.7-2.93,3.74,3.74,0,0,1,2.4-1.15,1.12,1.12,0,0,1,.64.17,8.57,8.57,0,0,1,2.17,2,.51.51,0,0,1,.06.59.47.47,0,0,1-.51.25,5.29,5.29,0,0,0-3.78,1.06c-.45.31-.88.67-1.34,1a4.42,4.42,0,0,0,.52.41.33.33,0,0,0,.25,0c.7-.27,1.37-.59,2.08-.81a4.5,4.5,0,0,1,3.09.06,6.58,6.58,0,0,1,.74.4,1.38,1.38,0,0,1,.66,1,10,10,0,0,1,.07,2.62.52.52,0,0,1-.37.51.49.49,0,0,1-.57-.2,5.44,5.44,0,0,0-3.74-2c-.44-.07-.88-.1-1.33-.16,0,.24,0,.44.08.64s.11.13.18.16c.68.3,1.39.55,2,.89A4.41,4.41,0,0,1,26,21.26a5.22,5.22,0,0,1,.29,1.18.89.89,0,0,1-.14.57,8.55,8.55,0,0,1-2,2.21.48.48,0,0,1-.57.05.47.47,0,0,1-.26-.5,5.4,5.4,0,0,0-1.19-4c-.28-.39-.59-.76-.89-1.14-.15.19-.29.33-.4.5a.4.4,0,0,0,0,.26c.27.69.59,1.37.81,2.08a4.44,4.44,0,0,1-.06,3.09,6.23,6.23,0,0,1-.41.76,1.37,1.37,0,0,1-1,.64,10,10,0,0,1-2.62.07.52.52,0,0,1-.51-.36.51.51,0,0,1,.19-.58,5.44,5.44,0,0,0,2-3.74c.06-.37.09-.75.14-1.12V21c-.09,0-.16,0-.23,0-.42,0-.56.2-.67.56a7.57,7.57,0,0,1-1.51,2.77,3.84,3.84,0,0,1-2.64,1.38,1.09,1.09,0,0,1-.61-.15,8.43,8.43,0,0,1-2.19-2,.51.51,0,0,1,.46-.83,5.25,5.25,0,0,0,3.82-1.09c.44-.3.85-.65,1.29-1a4.93,4.93,0,0,0-.5-.39.3.3,0,0,0-.26,0,10.47,10.47,0,0,1-2.26.87,4.49,4.49,0,0,1-3.24-.27,6.77,6.77,0,0,1-.66-.43c-.35-.25-.37-.64-.44-1A9.73,9.73,0,0,1,9.61,17a.53.53,0,0,1,.36-.5.49.49,0,0,1,.58.19,5.48,5.48,0,0,0,3.74,2c.44.07.88.11,1.34.16,0-.21-.06-.38-.07-.56s-.07-.2-.2-.24a9.82,9.82,0,0,1-2.44-1.12,4.34,4.34,0,0,1-2-2.74,1.44,1.44,0,0,1,.26-1.26A10,10,0,0,1,13,11c.25-.19.46-.24.66-.11a.55.55,0,0,1,.25.6,4.73,4.73,0,0,0,.64,3,9.82,9.82,0,0,0,1.46,2,5.57,5.57,0,0,0,.39-.49.31.31,0,0,0,0-.26,10.68,10.68,0,0,1-.86-2.24,4.43,4.43,0,0,1,.26-3.24c.09-.18.21-.34.31-.51A1.3,1.3,0,0,1,17,9.19a10.14,10.14,0,0,1,2.64-.08.53.53,0,0,1,.52.36.51.51,0,0,1-.21.61,5.24,5.24,0,0,0-1.89,3.44C18,14.05,17.91,14.58,17.83,15.15Zm.74,5.45a2.52,2.52,0,1,0-2.5-2.53A2.54,2.54,0,0,0,18.57,20.6Z"/><circle class="cls-2" cx="18.49" cy="18.12" r="2.81"/><path class="cls-3" d="M18.06,17.76a.08.08,0,0,0,0,.07v.49a.1.1,0,0,0,0,.07l.42.24a.07.07,0,0,0,.09,0l1.73-1a.5.5,0,0,0,0-.83l-1.56-.9a.42.42,0,0,0-.43,0l-1.56.9a.44.44,0,0,0-.21.38V19a.44.44,0,0,0,.21.38l1.56.9a.42.42,0,0,0,.43,0l1.56-.9a.43.43,0,0,0,.22-.38v-.78l-1.86,1.08a.32.32,0,0,1-.27,0l-.83-.48a.28.28,0,0,1-.13-.24V17.6a.25.25,0,0,1,.13-.23l.83-.48a.26.26,0,0,1,.27,0l.41.23h0s0,0,0,.05Z"/></svg>
\ No newline at end of file
diff --git a/web/e.cash/public/images/mountain-icon.svg b/web/e.cash/public/images/mountain-icon.svg
new file mode 100755
--- /dev/null
+++ b/web/e.cash/public/images/mountain-icon.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.17 35.38"><defs><style>.cls-1{fill:#17aae2;}.cls-2{fill:#0b1434;}.cls-3{fill:#1674bb;}.cls-4{fill:#fff;}</style></defs><path class="cls-1" d="M7.52,24.84a19.94,19.94,0,0,0,3.3-3.77A11.24,11.24,0,0,1,14,17.56c2.79-1.69,6.91,2.67,9,1.79,1.78-.74,3.17-3.52,3.58-4.42l-7-12.2a1.15,1.15,0,0,0-2,0L9.66,16.46,5.28,24.05l-.47.82A4.54,4.54,0,0,0,7.52,24.84Z"/><path class="cls-2" d="M35.43,30.18,28.6,18.35l-1.1-1.89-.88-1.53c-.41.9-1.8,3.68-3.58,4.42-2.14.88-6.26-3.48-9-1.79a11.24,11.24,0,0,0-3.17,3.51,19.94,19.94,0,0,1-3.3,3.77,4.54,4.54,0,0,1-2.71,0L1.74,30.18a1.15,1.15,0,0,0,1,1.73H34.43A1.15,1.15,0,0,0,35.43,30.18Z"/><path class="cls-3" d="M22.1,19.66a3.39,3.39,0,1,1,3.39-3.38A3.39,3.39,0,0,1,22.1,19.66Z"/><path class="cls-4" d="M22.1,13.14A3.14,3.14,0,1,1,19,16.28a3.14,3.14,0,0,1,3.13-3.14m0-.5a3.64,3.64,0,1,0,3.64,3.64,3.64,3.64,0,0,0-3.64-3.64Z"/></svg>
\ No newline at end of file
diff --git a/web/e.cash/public/images/people-icon.svg b/web/e.cash/public/images/people-icon.svg
new file mode 100755
--- /dev/null
+++ b/web/e.cash/public/images/people-icon.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.17 35.38"><defs><style>.cls-1{fill:#061537;}.cls-2{fill:#1674bb;}.cls-3{fill:#17aae2;}</style></defs><path class="cls-1" d="M31.15,25.66a3.07,3.07,0,0,1-.25.55,1.48,1.48,0,0,1-1.25.67H27c-.22,0-.28-.07-.27-.29,0-1.22,0-2.45,0-3.67a7.37,7.37,0,0,0-2.06-5.34l0-.07a2.73,2.73,0,0,1,1.68-.71,10.68,10.68,0,0,1,2.19,0,3.22,3.22,0,0,1,2.65,2.67.36.36,0,0,0,0,.11Z"/><path class="cls-1" d="M18.33,28.45H13.77A1.74,1.74,0,0,1,12,27a1.23,1.23,0,0,1,0-.19c0-1.12-.05-2.24,0-3.36a7.73,7.73,0,0,1,.52-3.16,5.78,5.78,0,0,1,4.29-3.44,11.67,11.67,0,0,1,2.95-.11A5.2,5.2,0,0,1,22.84,18a5.91,5.91,0,0,1,2.38,4.8c0,1.28,0,2.56,0,3.84a1.6,1.6,0,0,1-1.75,1.81c-1.71.05-3.43.07-5.14.1Z"/><path class="cls-2" d="M18.59,6.57a4.27,4.27,0,1,1-4.25,4.33A4.26,4.26,0,0,1,18.59,6.57Z"/><path class="cls-1" d="M12.61,17.55a6.94,6.94,0,0,0-1.79,3.09,11.44,11.44,0,0,0-.32,2.91c0,1.05,0,2.09,0,3.14v.17l-.32,0c-.87,0-1.74,0-2.62,0a1.45,1.45,0,0,1-1.52-1.53V20.09a3.29,3.29,0,0,1,3.07-3.3,7.34,7.34,0,0,1,2.29.1A2.43,2.43,0,0,1,12.61,17.55Z"/><path class="cls-3" d="M10,9.71a2.7,2.7,0,1,1-2.69,2.72A2.69,2.69,0,0,1,10,9.71Z"/><path class="cls-3" d="M27.23,9.71a2.7,2.7,0,1,1-2.69,2.66A2.7,2.7,0,0,1,27.23,9.71Z"/></svg>
\ No newline at end of file
diff --git a/web/e.cash/public/images/refresh-logo-icon.svg b/web/e.cash/public/images/refresh-logo-icon.svg
new file mode 100755
--- /dev/null
+++ b/web/e.cash/public/images/refresh-logo-icon.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.17 35.38"><defs><style>.cls-1{fill:#1674bb;}.cls-2{fill:#0b1434;}</style></defs><path class="cls-1" d="M18.58,9.85a8.23,8.23,0,1,0,8.23,8.23,8.24,8.24,0,0,0-8.23-8.23Zm1.1,6.29-.84-.47a.52.52,0,0,0-.54,0l-1.69,1a.55.55,0,0,0-.27.47v1.94a.55.55,0,0,0,.27.48l1.69,1a.52.52,0,0,0,.54,0l3.78-2.18v1.59a.86.86,0,0,1-.44.76L19,22.5a.87.87,0,0,1-.88,0L15,20.67a.89.89,0,0,1-.44-.76V16.25A.86.86,0,0,1,15,15.5l3.17-1.83a.87.87,0,0,1,.88,0l3.17,1.83a1,1,0,0,1,0,1.68l-3.54,2a.14.14,0,0,1-.17,0l-.85-.49a.16.16,0,0,1-.08-.14v-1a.16.16,0,0,1,.08-.14l2.05-1.18a.08.08,0,0,0,0-.1Z"/><path d="M33.82,19.1c-.08.54-.14,1.08-.23,1.61a15,15,0,0,1-3.82,7.72,14.55,14.55,0,0,1-8.7,4.68A15.2,15.2,0,0,1,6.91,28l-.24-.27v1.82H4.88c0-.1,0-.19,0-.27,0-1.47,0-2.94,0-4.4,0-.25.06-.32.31-.32,1.48,0,3,0,4.46,0v1.8H7.93a13.56,13.56,0,0,0,13.8,4.77,13.13,13.13,0,0,0,7.84-5.33A13.41,13.41,0,0,0,32,16.63l1.75-.2.11.59Z"/><path class="cls-2" d="M19.59,2.85c.54.08,1.08.14,1.62.24a15.1,15.1,0,0,1,8.43,4.53c.17.17.33.34.49.52h.07V6.45H32c0,.11,0,.21,0,.31,0,1.38,0,2.77,0,4.16,0,.25-.07.32-.32.32-1.41,0-2.82,0-4.23,0h-.28V9.43h1.58l0-.08A13.49,13.49,0,0,0,16,4.9,13.5,13.5,0,0,0,5.24,19.81L3.46,20c0-.43-.09-.85-.11-1.27A15.06,15.06,0,0,1,6.71,8.56a15,15,0,0,1,8.58-5.34c.67-.15,1.35-.21,2-.31l.19-.06Z"/></svg>
\ No newline at end of file
diff --git a/web/e.cash/public/images/services-icon.svg b/web/e.cash/public/images/services-icon.svg
new file mode 100755
--- /dev/null
+++ b/web/e.cash/public/images/services-icon.svg
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 26.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 37.2 35.4" style="enable-background:new 0 0 37.2 35.4;" xml:space="preserve">
+<style type="text/css">
+ .st0{fill:#0B1434;}
+ .st1{fill:#1674BB;}
+</style>
+<g>
+ <path d="M33.8,18.9c-0.1,0.5-0.1,1.1-0.2,1.6c-0.5,2.9-1.8,5.6-3.8,7.7c-2.3,2.5-5.3,4.2-8.7,4.7c-5.3,0.9-10.7-1-14.2-5.1
+ l-0.2-0.3v1.8H4.9c0-0.1,0-0.2,0-0.3c0-1.5,0-2.9,0-4.4c0-0.2,0.1-0.3,0.3-0.3c1.5,0,3,0,4.5,0v1.8H7.9c3.3,4.1,8.7,6,13.8,4.8
+ c3.2-0.7,6-2.6,7.8-5.3c1.9-2.7,2.8-5.9,2.4-9.2l1.8-0.2l0.1,0.6L33.8,18.9z"/>
+ <path class="st0" d="M19.6,2.6c0.5,0.1,1.1,0.1,1.6,0.2c3.2,0.6,6.2,2.1,8.4,4.5c0.2,0.2,0.3,0.3,0.5,0.5h0.1V6.2H32
+ c0,0.1,0,0.2,0,0.3c0,1.4,0,2.8,0,4.2c0,0.2-0.1,0.3-0.3,0.3c-1.4,0-2.8,0-4.2,0h-0.3V9.2h1.6V9.1c-3.1-3.7-8-5.4-12.8-4.5
+ C9.1,6.1,4.4,12.6,5.2,19.6l-1.8,0.2c0-0.4-0.1-0.9-0.1-1.3c-0.2-3.7,1-7.3,3.4-10.2c2.2-2.7,5.2-4.6,8.6-5.3
+ c0.7-0.2,1.3-0.2,2-0.3l0.2-0.1L19.6,2.6z"/>
+</g>
+<path class="st1" d="M26,16.5c-0.5-0.1-0.9-0.2-1.4-0.4c-0.1,0-0.2-0.1-0.2-0.2c-0.1-0.2-0.2-0.5-0.3-0.7c0-0.1-0.1-0.2,0-0.3
+ c0.3-0.5,0.6-1,0.9-1.4c0.2-0.3,0.1-0.5-0.1-0.8c-0.4-0.4-0.8-0.8-1.1-1.1c-0.3-0.3-0.5-0.3-0.8-0.1c-0.5,0.3-0.9,0.6-1.4,0.8
+ c-0.1,0-0.2,0-0.3,0c-0.3-0.1-0.5-0.2-0.8-0.3c-0.1,0-0.2-0.1-0.2-0.2c-0.1-0.5-0.2-0.9-0.4-1.4c-0.1-0.3-0.2-0.5-0.5-0.5
+ c-0.6,0-1.2,0-1.8,0c-0.4,0-0.5,0.1-0.6,0.5c-0.1,0.5-0.2,1-0.4,1.4c0,0.1-0.1,0.2-0.2,0.2c-0.2,0.1-0.4,0.2-0.6,0.2
+ c-0.1,0.1-0.2,0-0.3,0c-0.5-0.3-0.9-0.6-1.4-0.8c-0.1-0.1-0.2-0.1-0.4-0.2c-0.1,0.1-0.3,0.1-0.4,0.2c-0.4,0.4-0.8,0.8-1.2,1.2
+ c-0.3,0.3-0.3,0.5-0.1,0.8c0.3,0.5,0.6,0.9,0.8,1.4c0,0.1,0.1,0.2,0,0.3c-0.1,0.2-0.2,0.5-0.3,0.7c0,0.1-0.1,0.2-0.2,0.2
+ c-0.4,0.1-0.9,0.2-1.3,0.4c-0.3,0.1-0.4,0.2-0.4,0.6c0,0.6,0,1.1,0,1.7c0,0.4,0.1,0.5,0.5,0.6c0.4,0.1,0.8,0.2,1.1,0.3
+ c0.2,0,0.3,0.1,0.4,0.4c0.1,0.2,0.2,0.4,0.2,0.6c0,0.1,0,0.2,0,0.3c-0.3,0.5-0.5,0.9-0.8,1.4c-0.2,0.3-0.2,0.6,0.1,0.8
+ c0.4,0.4,0.7,0.7,1.1,1.1c0.3,0.3,0.5,0.3,0.8,0.1c0.5-0.3,0.9-0.6,1.4-0.8c0.1,0,0.2-0.1,0.3,0c0.3,0.1,0.5,0.2,0.8,0.3
+ c0.1,0,0.2,0.1,0.2,0.2c0.1,0.5,0.2,0.9,0.4,1.4c0.1,0.2,0.2,0.4,0.4,0.4c0.6,0,1.2,0,1.8,0c0.4,0,0.5-0.1,0.6-0.5
+ c0.1-0.5,0.2-0.9,0.4-1.4c0-0.1,0.1-0.2,0.2-0.2c0.2-0.1,0.4-0.2,0.7-0.3c0.1,0,0.2,0,0.3,0c0.5,0.3,0.9,0.5,1.4,0.8
+ c0.3,0.2,0.6,0.2,0.8-0.1c0.4-0.4,0.7-0.7,1.1-1.1c0.2-0.2,0.3-0.5,0.1-0.8c-0.2-0.4-0.4-0.7-0.7-1.1c-0.2-0.3-0.3-0.6-0.1-1
+ c0.1-0.1,0.1-0.3,0.2-0.4c0-0.1,0.1-0.2,0.2-0.2c0.5-0.1,0.9-0.2,1.4-0.4c0.3-0.1,0.4-0.2,0.4-0.6c0-0.6,0-1.2,0-1.7
+ C26.4,16.8,26.3,16.6,26,16.5z M19.5,16.3l-0.7-0.4c-0.1-0.1-0.3-0.1-0.5,0l-1.4,0.8c-0.1,0.1-0.2,0.2-0.2,0.4v1.6
+ c0,0.2,0.1,0.3,0.2,0.4l1.4,0.8c0.1,0.1,0.3,0.1,0.5,0l3.2-1.8v1.3c0,0.3-0.1,0.5-0.4,0.6l-2.7,1.5c-0.2,0.1-0.5,0.1-0.7,0l-2.6-1.5
+ c-0.2-0.1-0.4-0.4-0.4-0.6v-3.1c0-0.3,0.1-0.5,0.4-0.6l2.6-1.5c0.2-0.1,0.5-0.1,0.7,0l2.6,1.5c0.4,0.3,0.5,0.8,0.2,1.2
+ c-0.1,0.1-0.1,0.2-0.2,0.2l-3,1.7c0,0-0.1,0-0.1,0l-0.7-0.4c0,0-0.1-0.1-0.1-0.1v-0.8c0,0,0-0.1,0.1-0.1L19.5,16.3
+ C19.5,16.3,19.5,16.3,19.5,16.3L19.5,16.3z"/>
+</svg>
diff --git a/web/e.cash/public/images/wallet-icon.svg b/web/e.cash/public/images/wallet-icon.svg
new file mode 100755
--- /dev/null
+++ b/web/e.cash/public/images/wallet-icon.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 37.17 35.38"><defs><style>.cls-1{fill:#1674bb;}.cls-2{fill:#0b1434;}</style></defs><path class="cls-1" d="M25.46,15a7.65,7.65,0,1,0,7.64,7.64A7.64,7.64,0,0,0,25.46,15Zm1,5.84-.77-.44a.52.52,0,0,0-.51,0l-1.57.9a.52.52,0,0,0-.25.44v1.8a.5.5,0,0,0,.26.44l1.56.91a.52.52,0,0,0,.51,0l3.51-2v1.48a.79.79,0,0,1-.41.7l-2.94,1.7a.79.79,0,0,1-.81,0l-2.95-1.7a.78.78,0,0,1-.4-.7V21a.78.78,0,0,1,.4-.7l2.95-1.7a.79.79,0,0,1,.81,0l2.94,1.7a.93.93,0,0,1,0,1.56l-3.28,1.89a.14.14,0,0,1-.15,0l-.8-.46a.11.11,0,0,1-.07-.13v-.92a.15.15,0,0,1,.07-.14L26.47,21a.07.07,0,0,0,0-.09Z"/><path class="cls-2" d="M3.7,8.28a8.18,8.18,0,0,1,.56-1.4,3.54,3.54,0,0,1,3.2-1.82H30a3.73,3.73,0,0,1,3.75,3.73v7.54a4.88,4.88,0,0,0-.35-.38c-.64-.55-1.28-1.1-1.93-1.62a.49.49,0,0,1-.23-.45v-5a1.24,1.24,0,0,0-1.36-1.36H7.57A1.23,1.23,0,0,0,6.22,8.91v2.38h6.45a3.44,3.44,0,0,1,3.49,2.83,2.4,2.4,0,0,1,.05.46c0,1.22,0,2.44,0,3.66a3.35,3.35,0,0,1-3,3c-1.55.06-3.1,0-4.66,0H6.23c0,.12,0,.23,0,.33v2a1.24,1.24,0,0,0,1.37,1.38h7.49l.77,2.5h-.24c-2.71,0-5.41,0-8.12,0a3.74,3.74,0,0,1-3.73-3.09.75.75,0,0,0-.06-.13ZM11.25,18.8a2.49,2.49,0,1,0-2.53-2.45A2.48,2.48,0,0,0,11.25,18.8Z"/></svg>
\ No newline at end of file
diff --git a/web/e.cash/styles/global.css b/web/e.cash/styles/global.css
--- a/web/e.cash/styles/global.css
+++ b/web/e.cash/styles/global.css
@@ -40,6 +40,30 @@
font-family: 'Poppins', sans-serif;
line-height: 1.6;
font-size: 18px;
- background-color: #050d27;
+ background-color: var(--darkblue);
color: #fff;
}
+
+:root {
+ --darkblue: #001137;
+ --blue: #0074c2;
+ --bluelight: #00abe7;
+ --pinkdark: #cd0bc3;
+ --pinklight: #ff21d0;
+ --almostblack: #050d27;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+a {
+ color: var(--blue);
+ text-decoration: none;
+ cursor: pointer;
+}
+
+a:hover {
+ text-decoration: none;
+ color: var(--bluelight);
+}