diff --git a/web/e.cash/components/glitch-text/index.js b/web/e.cash/components/glitch-text/index.js
new file mode 100644
index 000000000..929bce50a
--- /dev/null
+++ b/web/e.cash/components/glitch-text/index.js
@@ -0,0 +1,11 @@
+import { GlitchCtn } from './styles';
+
+export default function GlitchText({ text }) {
+    return (
+        <GlitchCtn>
+            <div className="glitch" data-text={text}>
+                {text}
+            </div>
+        </GlitchCtn>
+    );
+}
diff --git a/web/e.cash/components/glitch-text/styles.js b/web/e.cash/components/glitch-text/styles.js
new file mode 100644
index 000000000..c22db88eb
--- /dev/null
+++ b/web/e.cash/components/glitch-text/styles.js
@@ -0,0 +1,151 @@
+import styled from 'styled-components';
+
+export const GlitchCtn = styled.div`
+    height: 100%;
+    display: flex;
+
+    .glitch {
+        position: relative;
+        display: inline-block;
+    }
+    .glitch::before,
+    .glitch::after {
+        content: attr(data-text);
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+    }
+    .glitch::before {
+        left: 2px;
+        text-shadow: -2px 0 ${props => props.theme.colors.accent};
+        clip: rect(24px, 550px, 90px, 0);
+        -webkit-animation: glitch-anim-2 2.5s infinite linear alternate-reverse;
+        animation: glitch-anim-2 2.5s infinite linear alternate-reverse;
+    }
+    .glitch::after {
+        left: -2px;
+        text-shadow: -2px 0 ${props => props.theme.colors.primaryLight};
+        clip: rect(85px, 550px, 140px, 0);
+        -webkit-animation: glitch-anim 2.5s infinite linear alternate-reverse;
+        animation: glitch-anim 2.5s infinite linear alternate-reverse;
+    }
+
+    @keyframes glitch-anim {
+        0% {
+            clip: rect(110px, 9999999px, 74px, 0);
+        }
+        4% {
+            clip: rect(135px, 9999999px, 143px, 0);
+        }
+        8% {
+            clip: rect(100px, 9999999px, 100px, 0);
+        }
+        12.5% {
+            clip: rect(38px, 9999999px, 24px, 0);
+        }
+        20% {
+            clip: rect(149px, 9999999px, 63px, 0);
+        }
+        25% {
+            clip: rect(12px, 9999999px, 104px, 0);
+        }
+        33% {
+            clip: rect(77px, 9999999px, 20px, 0);
+        }
+        45.83333333% {
+            clip: rect(58px, 9999999px, 107px, 0);
+        }
+        50% {
+            clip: rect(108px, 9999999px, 77px, 0);
+        }
+        58% {
+            clip: rect(142px, 9999999px, 112px, 0);
+        }
+        66% {
+            clip: rect(61px, 9999999px, 53px, 0);
+        }
+        70% {
+            clip: rect(117px, 9999999px, 74px, 0);
+        }
+        75% {
+            clip: rect(21px, 9999999px, 74px, 0);
+        }
+        79% {
+            clip: rect(117px, 9999999px, 70px, 0);
+        }
+        87.5% {
+            clip: rect(95px, 9999999px, 9px, 0);
+        }
+        91% {
+            clip: rect(121px, 9999999px, 75px, 0);
+        }
+        95% {
+            clip: rect(121px, 9999999px, 115px, 0);
+        }
+    }
+
+    @keyframes glitch-anim-2 {
+        6% {
+            clip: rect(76px, 9999999px, 132px, 0);
+        }
+        10% {
+            clip: rect(13px, 9999999px, 82px, 0);
+        }
+        13% {
+            clip: rect(97px, 9999999px, 2px, 0);
+        }
+        16% {
+            clip: rect(1px, 9999999px, 147px, 0);
+        }
+        20% {
+            clip: rect(113px, 9999999px, 124px, 0);
+        }
+        30% {
+            clip: rect(2px, 9999999px, 10px, 0);
+        }
+        36% {
+            clip: rect(140px, 9999999px, 79px, 0);
+        }
+        40% {
+            clip: rect(37px, 9999999px, 67px, 0);
+        }
+        46% {
+            clip: rect(6px, 9999999px, 16px, 0);
+        }
+        50% {
+            clip: rect(98px, 9999999px, 123px, 0);
+        }
+        56% {
+            clip: rect(77px, 9999999px, 110px, 0);
+        }
+        60% {
+            clip: rect(22px, 9999999px, 145px, 0);
+        }
+        66% {
+            clip: rect(109px, 9999999px, 135px, 0);
+        }
+        70% {
+            clip: rect(118px, 9999999px, 40px, 0);
+        }
+        73% {
+            clip: rect(74px, 9999999px, 141px, 0);
+        }
+        76% {
+            clip: rect(59px, 9999999px, 100px, 0);
+        }
+        80% {
+            clip: rect(14px, 9999999px, 32px, 0);
+        }
+        90% {
+            clip: rect(33px, 9999999px, 97px, 0);
+        }
+        93% {
+            clip: rect(94px, 9999999px, 29px, 0);
+        }
+        100% {
+            clip: rect(5px, 9999999px, 14px, 0);
+        }
+    }
+`;
diff --git a/web/e.cash/data/socials.js b/web/e.cash/data/socials.js
new file mode 100644
index 000000000..05f05414b
--- /dev/null
+++ b/web/e.cash/data/socials.js
@@ -0,0 +1,38 @@
+export const socials = [
+    {
+        name: 'facebook',
+        link: 'https://www.facebook.com/ecashofficial',
+    },
+    {
+        name: 'twitter',
+        link: 'https://twitter.com/ecashofficial',
+    },
+    {
+        name: 'linkedin',
+        link: 'https://www.linkedin.com/company/ecashofficial/',
+    },
+    {
+        name: 'youtube',
+        link: 'https://www.youtube.com/eCashOfficial',
+    },
+    {
+        name: 'instagram',
+        link: 'https://www.instagram.com/ecashnetwork/',
+    },
+    {
+        name: 'github',
+        link: 'https://github.com/bitcoin-abc/',
+    },
+    {
+        name: 'reddit',
+        link: 'https://reddit.com/r/ecash',
+    },
+    {
+        name: 'telegram',
+        link: 'https://t.me/ecash_official',
+    },
+    {
+        name: 'discord',
+        link: 'https://discord.gg/d5EHW3PgTy',
+    },
+];
diff --git a/web/e.cash/pages/index.js b/web/e.cash/pages/index.js
index d5cf60975..3a138df84 100644
--- a/web/e.cash/pages/index.js
+++ b/web/e.cash/pages/index.js
@@ -1,9 +1,46 @@
-import Layout from '../components/layout';
-import VideoBackground from '../components/videobackground';
+import Image from 'next/image';
+import Link from 'next/link';
+import Layout from '/components/layout';
+import VideoBackground from '/components/videobackground';
+import GlitchText from '/components/glitch-text';
+import { socials } from '/data/socials';
+import { Hero } from '/styles/pages/homepage';
+
 export default function Home() {
     return (
         <Layout>
             <VideoBackground videoname="purple-abstract" />
+            <Hero>
+                <div className="container">
+                    <h1>
+                        <span>WEALTH</span>
+                        <GlitchText text="REDEFINED" />
+                    </h1>
+                    <p>
+                        Simple. Instant. Secure.
+                        <br />
+                        Experience the revolutionary new money powered by
+                        Avalanche.
+                    </p>
+                    <div className="social-ctn">
+                        {socials.map(social => (
+                            <Link
+                                className="social-icon-ctn"
+                                href={social.link}
+                                target="_blank"
+                                rel="noreferrer"
+                                key={social.name}
+                            >
+                                <Image
+                                    src={`/images/${social.name}.svg`}
+                                    alt={social.name}
+                                    fill
+                                />
+                            </Link>
+                        ))}
+                    </div>
+                </div>
+            </Hero>
         </Layout>
     );
 }
diff --git a/web/e.cash/public/images/discord.svg b/web/e.cash/public/images/discord.svg
new file mode 100644
index 000000000..ee74ae24c
--- /dev/null
+++ b/web/e.cash/public/images/discord.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><path d="M524.531,69.836a1.5,1.5,0,0,0-.764-.7A485.065,485.065,0,0,0,404.081,32.03a1.816,1.816,0,0,0-1.923.91,337.461,337.461,0,0,0-14.9,30.6,447.848,447.848,0,0,0-134.426,0,309.541,309.541,0,0,0-15.135-30.6,1.89,1.89,0,0,0-1.924-.91A483.689,483.689,0,0,0,116.085,69.137a1.712,1.712,0,0,0-.788.676C39.068,183.651,18.186,294.69,28.43,404.354a2.016,2.016,0,0,0,.765,1.375A487.666,487.666,0,0,0,176.02,479.918a1.9,1.9,0,0,0,2.063-.676A348.2,348.2,0,0,0,208.12,430.4a1.86,1.86,0,0,0-1.019-2.588,321.173,321.173,0,0,1-45.868-21.853,1.885,1.885,0,0,1-.185-3.126c3.082-2.309,6.166-4.711,9.109-7.137a1.819,1.819,0,0,1,1.9-.256c96.229,43.917,200.41,43.917,295.5,0a1.812,1.812,0,0,1,1.924.233c2.944,2.426,6.027,4.851,9.132,7.16a1.884,1.884,0,0,1-.162,3.126,301.407,301.407,0,0,1-45.89,21.83,1.875,1.875,0,0,0-1,2.611,391.055,391.055,0,0,0,30.014,48.815,1.864,1.864,0,0,0,2.063.7A486.048,486.048,0,0,0,610.7,405.729a1.882,1.882,0,0,0,.765-1.352C623.729,277.594,590.933,167.465,524.531,69.836ZM222.491,337.58c-28.972,0-52.844-26.587-52.844-59.239S193.056,219.1,222.491,219.1c29.665,0,53.306,26.82,52.843,59.239C275.334,310.993,251.924,337.58,222.491,337.58Zm195.38,0c-28.971,0-52.843-26.587-52.843-59.239S388.437,219.1,417.871,219.1c29.667,0,53.307,26.82,52.844,59.239C470.715,310.993,447.538,337.58,417.871,337.58Z" fill="#fff"/></svg>
diff --git a/web/e.cash/public/images/facebook.svg b/web/e.cash/public/images/facebook.svg
new file mode 100644
index 000000000..8c0bb8d87
--- /dev/null
+++ b/web/e.cash/public/images/facebook.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="#fff" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"/></svg>
diff --git a/web/e.cash/public/images/github.svg b/web/e.cash/public/images/github.svg
new file mode 100644
index 000000000..f7753e090
--- /dev/null
+++ b/web/e.cash/public/images/github.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="#fff" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg>
diff --git a/web/e.cash/public/images/instagram.svg b/web/e.cash/public/images/instagram.svg
new file mode 100644
index 000000000..dad1db487
--- /dev/null
+++ b/web/e.cash/public/images/instagram.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#fff" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"/></svg>
diff --git a/web/e.cash/public/images/linkedin.svg b/web/e.cash/public/images/linkedin.svg
new file mode 100644
index 000000000..67b3f85e7
--- /dev/null
+++ b/web/e.cash/public/images/linkedin.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="#fff" d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"/></svg>
diff --git a/web/e.cash/public/images/reddit.svg b/web/e.cash/public/images/reddit.svg
new file mode 100644
index 000000000..4eb781c77
--- /dev/null
+++ b/web/e.cash/public/images/reddit.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="256" height="256" viewBox="0 0 256 256" xml:space="preserve">
+
+<defs>
+</defs>
+<g style="stroke: none; stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: none; fill-rule: nonzero; opacity: 1;" transform="translate(1.4065934065934016 1.4065934065934016) scale(2.81 2.81)" >
+	<path d="M 89.998 45.604 c -0.201 -5.442 -4.77 -9.691 -10.229 -9.506 c -2.419 0.084 -4.719 1.075 -6.466 2.737 c -7.693 -5.24 -16.729 -8.113 -26.017 -8.314 L 51.67 9.442 l 14.461 3.041 c 0.402 3.712 3.728 6.4 7.44 5.996 c 3.712 -0.402 6.4 -3.728 5.996 -7.44 c -0.404 -3.712 -3.728 -6.4 -7.44 -5.996 c -2.134 0.218 -4.048 1.461 -5.105 3.309 L 50.461 5.043 c -1.125 -0.252 -2.251 0.453 -2.503 1.596 c 0 0.017 0 0.017 0 0.033 L 42.97 30.119 c -9.406 0.152 -18.559 3.041 -26.352 8.314 c -3.964 -3.728 -10.212 -3.544 -13.94 0.437 c -3.728 3.964 -3.544 10.212 0.437 13.94 c 0.773 0.722 1.662 1.344 2.653 1.781 c -0.068 0.991 -0.068 1.982 0 2.973 c 0 15.133 17.636 27.444 39.386 27.444 c 21.75 0 39.386 -12.295 39.386 -27.444 c 0.068 -0.991 0.068 -1.982 0 -2.973 C 87.932 52.894 90.066 49.4 89.998 45.604 z M 22.429 52.373 c 0 -3.728 3.041 -6.769 6.769 -6.769 c 3.728 0 6.769 3.041 6.769 6.769 c 0 3.728 -3.041 6.769 -6.769 6.769 C 25.453 59.108 22.429 56.102 22.429 52.373 z M 61.681 71.218 v -0.269 c -4.804 3.611 -10.682 5.458 -16.696 5.207 c -6.014 0.252 -11.891 -1.596 -16.696 -5.207 c -0.638 -0.773 -0.521 -1.931 0.252 -2.569 c 0.671 -0.554 1.629 -0.554 2.318 0 c 4.065 2.973 9.02 4.485 14.058 4.249 c 5.039 0.269 10.011 -1.176 14.125 -4.114 c 0.739 -0.722 1.948 -0.706 2.671 0.033 C 62.436 69.287 62.419 70.496 61.681 71.218 z M 60.757 59.629 c -0.117 0 -0.218 0 -0.336 0 l 0.051 -0.252 c -3.728 0 -6.769 -3.041 -6.769 -6.769 c 0 -3.728 3.041 -6.769 6.769 -6.769 c 3.728 0 6.769 3.041 6.769 6.769 C 67.391 56.337 64.486 59.477 60.757 59.629 z" style="stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-linejoin: miter; stroke-miterlimit: 10; fill: #fff; fill-rule: nonzero; opacity: 1;" transform=" matrix(1 0 0 1 0 0) " stroke-linecap="round" />
+</g>
+</svg>
diff --git a/web/e.cash/public/images/telegram.svg b/web/e.cash/public/images/telegram.svg
new file mode 100644
index 000000000..360b5325c
--- /dev/null
+++ b/web/e.cash/public/images/telegram.svg
@@ -0,0 +1,12 @@
+<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"
+	 width="302.981px" height="251.108px" viewBox="245.458 161.949 302.981 251.108"
+	 enable-background="new 245.458 161.949 302.981 251.108" xml:space="preserve">
+<path fill="#fff" d="M548.321,183.743c-4.199,44.117-22.366,151.175-31.612,200.587c-3.911,20.907-11.612,27.918-19.067,28.604
+	c-16.199,1.491-28.505-10.707-44.197-20.994c-24.556-16.097-38.428-26.117-62.265-41.824c-27.545-18.151-9.688-28.125,6.01-44.438
+	c4.108-4.267,75.495-69.199,76.877-75.089c0.172-0.737,0.338-3.488-1.298-4.932c-1.636-1.445-4.039-0.955-5.777-0.562
+	c-2.462,0.56-41.69,26.488-117.684,77.785c-11.134,7.646-21.219,11.371-30.256,11.176c-9.962-0.215-29.124-5.632-43.37-10.264
+	c-17.472-5.679-31.359-8.682-30.15-18.327c0.63-5.024,7.549-10.163,20.756-15.413c81.334-35.436,135.569-58.798,162.706-70.087
+	c77.481-32.228,93.581-37.826,104.075-38.013c2.309-0.038,7.469,0.533,10.812,3.246c2.223,1.932,3.641,4.628,3.971,7.556
+	C548.418,176.387,548.575,180.073,548.321,183.743z"/>
+</svg>
+
diff --git a/web/e.cash/public/images/twitter.svg b/web/e.cash/public/images/twitter.svg
new file mode 100644
index 000000000..57262cfbf
--- /dev/null
+++ b/web/e.cash/public/images/twitter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#fff" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg>
diff --git a/web/e.cash/public/images/youtube.svg b/web/e.cash/public/images/youtube.svg
new file mode 100644
index 000000000..9a6c7d7a5
--- /dev/null
+++ b/web/e.cash/public/images/youtube.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="#fff" d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg>
diff --git a/web/e.cash/styles/global.css b/web/e.cash/styles/global.css
index b811963fb..e3b6b1399 100644
--- a/web/e.cash/styles/global.css
+++ b/web/e.cash/styles/global.css
@@ -1,58 +1,70 @@
 @font-face {
     font-family: 'Poppins';
     src: local('Poppins'),
         url(../public/fonts/Poppins-Regular.ttf) format('truetype');
     font-weight: normal;
 }
 
 @font-face {
     font-family: 'Poppins';
     src: local('Poppins'),
         url(../public/fonts/Poppins-Medium.ttf) format('truetype');
     font-weight: 500;
 }
 
 @font-face {
     font-family: 'Poppins';
     src: local('Poppins'),
         url(../public/fonts/Poppins-Bold.ttf) format('truetype');
     font-weight: 700;
 }
 
 @font-face {
     font-family: 'Montserrat';
     src: local('Montserrat'),
         url(../public/fonts/Montserrat-Regular.ttf) format('truetype');
     font-weight: normal;
 }
 
 @font-face {
     font-family: 'Montserrat';
     src: local('Montserrat'),
         url(../public/fonts/Montserrat-Bold.ttf) format('truetype');
     font-weight: 700;
 }
 
 html,
 body {
     padding: 0;
     margin: 0;
     font-family: 'Poppins', sans-serif;
     line-height: 1.6;
     font-size: 18px;
     background-color: #001137;
     color: #fff;
 }
 
 * {
     box-sizing: border-box;
 }
 
 a {
     text-decoration: none;
     cursor: pointer;
 }
 
 a:hover {
     text-decoration: none;
 }
+
+.container {
+    width: 100%;
+    margin: auto;
+    max-width: 1400px;
+}
+
+@media (max-width: 920px) {
+    .container {
+        padding: 0 20px;
+    }
+}
diff --git a/web/e.cash/styles/pages/homepage.js b/web/e.cash/styles/pages/homepage.js
new file mode 100644
index 000000000..b4f2a2d78
--- /dev/null
+++ b/web/e.cash/styles/pages/homepage.js
@@ -0,0 +1,81 @@
+import styled from 'styled-components';
+
+export const Hero = styled.div`
+    width: 100%;
+    height: 100vh;
+    min-height: 600px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    position: relative;
+    z-index: 1;
+
+    .social-ctn {
+        display: flex;
+        align-items: center;
+        position: absolute;
+        bottom: 30px;
+        left: 20px;
+        right: 0;
+        width: 100%;
+        margin: auto;
+        max-width: 1400px;
+    }
+
+    .social-icon-ctn {
+        width: 20px;
+        height: 20px;
+        position: relative;
+        margin-right: 20px;
+        transition: all ease-in-out 200ms;
+    }
+
+    .social-icon-ctn:hover {
+        transform: scale(1.4);
+    }
+
+    h1 {
+        font-family: 'Montserrat', sans-serif;
+        font-size: 7.5vw;
+        line-height: 0.8;
+        font-weight: 700;
+        text-shadow: 6px 6px 12px rgb(0 0 0 / 70%);
+        margin: 0;
+        text-align: center;
+        display: flex;
+        justify-content: center;
+        margin-bottom: 40px;
+    }
+
+    @media screen and (min-width: 2000px) {
+        h1 {
+            font-size: 120px;
+        }
+    }
+
+    h1 span {
+        margin-right: 20px;
+        font-weight: 400;
+    }
+
+    ${props => props.theme.breakpoint.medium} {
+        h1 {
+            font-size: 14vw;
+            line-height: 1;
+            display: inline-block;
+            text-align: center;
+            margin-bottom: 10px;
+        }
+
+        h1 span {
+            margin-right: 0;
+        }
+    }
+
+    @media (max-width: 480px) {
+        .social-ctn {
+            display: none;
+        }
+    }
+`;
diff --git a/web/e.cash/styles/theme.js b/web/e.cash/styles/theme.js
index 5643437f3..147ee3ca2 100644
--- a/web/e.cash/styles/theme.js
+++ b/web/e.cash/styles/theme.js
@@ -1,38 +1,38 @@
 export const ecash = {
     colors: {
         primary: '#0074c2',
         primaryLight: '#00abe7',
         accent: '#ff21d0',
         darkBackground: '#050d27',
         contrast: '#ffffff',
         black: '#000',
         darkBlue: '#001137',
         videocover: 'linear-gradient(9deg, #001137, rgba(0, 0, 0, 0.46))',
     },
     filters: {
         grayscale: null,
     },
     breakpoint: {
         medium: '@media (max-width: 920px)',
     },
 };
 
 export const stealth = {
     colors: {
         primary: '#000',
-        primaryLight: '#00abe7',
+        primaryLight: '#a0a0a0',
         accent: '#8a8a8a',
         darkBackground: '#232324',
         contrast: '#ffffff',
         black: '#000',
         darkBlue: '#232324',
         videocover:
             'linear-gradient(9deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.46))',
     },
     filters: {
         grayscale: 'filter: grayscale(100%);',
     },
     breakpoint: {
         medium: '@media (max-width: 920px)',
     },
 };