diff --git a/web/e.cash/pages/index.js b/web/e.cash/pages/index.js
index 14d9d6eb8..170c8309c 100644
--- a/web/e.cash/pages/index.js
+++ b/web/e.cash/pages/index.js
@@ -1,74 +1,101 @@
 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,
     ButtonCtn,
     HeroImage,
     GradientSpacer,
     StoryAndWhySection,
     Overlay,
+    StorySection,
+    YouTubeVideo,
 } from '/styles/pages/homepage';
 import Button from '/components/button';
 import H2 from '/components/h2';
 import Hand from '/public/images/hand.png';
 
 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>
                     <HeroImage>
                         <Image src={Hand} alt="eCash" fill />
                     </HeroImage>
                     <ButtonCtn>
                         <Button
                             text="Avalanche Consensus"
                             link="https://avalanche.cash/"
                             color="white"
                             glow
                         />
                     </ButtonCtn>
                     <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>
             <GradientSpacer />
             <StoryAndWhySection>
                 <Overlay />
                 <div className="container">
-                    <H2 subtext="The eCash Story" text="GET STARTED" />
+                    <StorySection>
+                        <div>
+                            <H2 subtext="The eCash Story" text="GET STARTED" />
+                            <p>
+                                Introducing eCash: the new battle-tested
+                                cryptocurrency forged from centuries of economic
+                                theory and over a decade of real-world crypto
+                                experience. eCash is the implementation of the
+                                tech-secured sound money envisioned by
+                                luminaries in monetary philosophy like Milton
+                                Friedman.
+                            </p>
+                        </div>
+                        <div>
+                            <YouTubeVideo>
+                                <div>
+                                    <iframe
+                                        src="https://www.youtube.com/embed/2kR6Bx0Y2TE?rel=1&amp;controls=0&amp;autoplay=0&amp;mute=0&amp;start=0"
+                                        allow="autoplay; encrypted-media"
+                                        allowFullScreen
+                                        title="eCash - Future Technology"
+                                    ></iframe>
+                                </div>
+                            </YouTubeVideo>
+                        </div>
+                    </StorySection>
                 </div>
             </StoryAndWhySection>
         </Layout>
     );
 }
diff --git a/web/e.cash/styles/global.css b/web/e.cash/styles/global.css
index 55838db37..e3a12dd5b 100644
--- a/web/e.cash/styles/global.css
+++ b/web/e.cash/styles/global.css
@@ -1,71 +1,79 @@
 @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;
+    overflow-x: hidden;
 }
 
 * {
     box-sizing: border-box;
 }
 
 a {
     text-decoration: none;
     cursor: pointer;
 }
 
 a:hover {
     text-decoration: none;
 }
 
+p {
+    margin: 0;
+    font-size: 18px;
+    line-height: 1.8em;
+    margin-bottom: 30px;
+}
+
 .container {
     width: 100%;
     margin: auto;
     max-width: 1500px;
     padding: 0 50px;
 }
 
 @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
index c5ad2d239..0e191bd07 100644
--- a/web/e.cash/styles/pages/homepage.js
+++ b/web/e.cash/styles/pages/homepage.js
@@ -1,153 +1,250 @@
 import styled from 'styled-components';
 import Neoncity from '/public/images/neon-city.png';
 
 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;
         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;
         }
     }
 `;
 
 export const ButtonCtn = styled.div`
     display: flex;
     justify-content: center;
     margin-top: 40px;
 `;
 
 export const HeroImage = styled.div`
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     margin: auto;
     width: 80%;
     height: 100%;
     z-index: -1;
     animation: bounce 6s infinite;
 
     img {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         object-fit: contain;
         ${props => props.theme.filters.grayscale};
     }
 
     @keyframes bounce {
         0% {
             transform: translateY(0);
         }
         50% {
             transform: translateY(-20px);
         }
         100% {
             transform: translateY(0);
         }
     }
 `;
 
 export const StoryAndWhySection = styled.div`
     background-image: url('/images/neon-city.png');
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center;
     width: 100%;
     padding: 200px 0 400px;
     position: relative;
     ${props => props.theme.filters.grayscale};
 `;
 
 export const Overlay = styled.div`
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     left: 0;
     background-color: rgba(0, 0, 0, 0.5);
     background-image: linear-gradient(180deg, #000, rgba(39, 52, 152, 0.57));
 `;
 
 export const GradientSpacer = styled.div`
     height: 100px;
     width: 100%;
     background-image: linear-gradient(
         180deg,
         ${props => props.theme.colors.darkBlue},
         ${props => props.theme.colors.black}
     );
 `;
+
+export const StorySection = styled.div`
+    display: flex;
+    gap: 30px;
+    position: relative;
+
+    > :first-child {
+        width: 45%;
+    }
+
+    > :last-child {
+        width: 55%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    ${props => props.theme.breakpoint.medium} {
+        flex-direction: column;
+
+        > :first-child,
+        > :last-child {
+            width: 100%;
+        }
+
+        > :last-child {
+            margin-top: 30px;
+        }
+    }
+`;
+
+export const YouTubeVideo = styled.div`
+    clip-path: polygon(
+        23% 0,
+        26% 0,
+        95% 0,
+        98% 5%,
+        98% 33%,
+        100% 36%,
+        100% 97%,
+        81% 97%,
+        78% 100%,
+        15% 100%,
+        0 74%,
+        0 0
+    );
+    position: relative;
+    z-index: 2;
+    overflow: hidden;
+    width: 100%;
+    padding: 4px;
+    background-color: #00abe7;
+    background-image: -webkit-gradient(
+        linear,
+        left top,
+        left bottom,
+        from(#273498),
+        color-stop(53%, #0074c2),
+        to(#00abe7)
+    );
+    background-image: linear-gradient(180deg, #273498, #0074c2 53%, #00abe7);
+    -webkit-transform: translate(0, -30px) rotate(-3deg);
+    -ms-transform: translate(0, -30px) rotate(-3deg);
+    transform: translate(0, -30px) rotate(-3deg);
+    filter: drop-shadow(
+        10px 8px 14px hsla(221.45454545454544, 100%, 7.33%, 0.94)
+    );
+
+    > :first-child {
+        clip-path: polygon(
+            23% 0,
+            26% 0,
+            95% 0,
+            98% 5%,
+            98% 33%,
+            100% 36%,
+            100% 97%,
+            81% 97%,
+            78% 100%,
+            15% 100%,
+            0 74%,
+            0 0
+        );
+        position: relative;
+        padding-top: 56.25%;
+    }
+
+    iframe {
+        position: absolute;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+        border: 0px;
+    }
+`;