diff --git a/web/e.cash/components/h2/index.js b/web/e.cash/components/h2/index.js
new file mode 100644
--- /dev/null
+++ b/web/e.cash/components/h2/index.js
@@ -0,0 +1,18 @@
+import GlitchText from '/components/glitch-text';
+import Image from 'next/image';
+import h2graphic from '/public/images/h2-graphic.svg';
+import { StyledH3, StyledH2, H2Image } from './styles';
+
+export default function H2({ subtext, text }) {
+    return (
+        <>
+            <StyledH3>{subtext}</StyledH3>
+            <StyledH2>
+                <H2Image>
+                    <Image src={h2graphic} alt="eCash" fill />
+                </H2Image>
+                <GlitchText text={text} />
+            </StyledH2>
+        </>
+    );
+}
diff --git a/web/e.cash/components/h2/styles.js b/web/e.cash/components/h2/styles.js
new file mode 100644
--- /dev/null
+++ b/web/e.cash/components/h2/styles.js
@@ -0,0 +1,29 @@
+import styled from 'styled-components';
+
+export const StyledH3 = styled.h3`
+    margin: 0;
+    font-size: 20px;
+    font-weight: 400;
+    color: ${props => props.theme.colors.primaryLight};
+    line-height: 1em;
+    margin-bottom: 10px;
+`;
+
+export const StyledH2 = styled.h2`
+    margin: 0;
+    font-size: 55px;
+    font-weight: 700;
+    line-height: 1em;
+    position: relative;
+    margin-bottom: 70px;
+    display: inline-block;
+`;
+
+export const H2Image = styled.div`
+    width: 380px;
+    height: 60px;
+    position: absolute;
+    top: 40px;
+    left: 0;
+    ${props => props.theme.filters.grayscale};
+`;
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
@@ -6,6 +6,7 @@
 import { socials } from '/data/socials';
 import { Hero, ButtonCtn } from '/styles/pages/homepage';
 import Button from '/components/button';
+import H2 from '/components/h2';
 
 export default function Home() {
     return (
@@ -50,6 +51,7 @@
                     </div>
                 </div>
             </Hero>
+            <H2 subtext="The eCash Story" text="GET STARTED" />
         </Layout>
     );
 }
diff --git a/web/e.cash/public/images/h2-graphic.svg b/web/e.cash/public/images/h2-graphic.svg
new file mode 100755
--- /dev/null
+++ b/web/e.cash/public/images/h2-graphic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 941 146"><defs><style>.cls-1{isolation:isolate;}.cls-2,.cls-5{fill:#00abe7;mix-blend-mode:color-dodge;}.cls-3{fill:url(#linear-gradient);}.cls-4{fill:url(#linear-gradient-2);}.cls-5{opacity:0.7;}</style><linearGradient id="linear-gradient" x1="88.2" y1="88.76" x2="544" y2="88.76" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#273498" stop-opacity="0"/><stop offset="1" stop-color="#273498"/></linearGradient><linearGradient id="linear-gradient-2" x1="14.05" y1="13.53" x2="617.38" y2="13.53" xlink:href="#linear-gradient"/></defs><g class="cls-1"><g id="Layer_1" data-name="Layer 1"><rect class="cls-2" x="293.26" y="104.19" width="567.22" height="7.71" transform="translate(1153.74 216.09) rotate(180)"/><rect class="cls-2" x="373.78" y="84.44" width="567.22" height="7.71" transform="translate(1314.78 176.58) rotate(180)"/><rect class="cls-3" x="88.2" y="55.3" width="455.8" height="66.93"/><rect class="cls-4" x="14.05" y="2.06" width="603.33" height="22.94"/><rect class="cls-2" x="234.33" y="98.18" width="105.02" height="47.35"/><rect class="cls-2" x="-0.32" y="89.24" width="197.99" height="26.49"/><rect class="cls-2" x="642.36" y="2.06" width="15.37" height="22.94"/><rect class="cls-2" x="676.29" y="2.06" width="5" height="22.94"/><rect class="cls-2" x="689.48" y="2.06" width="5" height="22.94"/><rect class="cls-2" x="703.68" y="2.06" width="5" height="22.94"/><rect class="cls-5" x="719.49" y="0.1" width="103.17" height="26.76"/></g></g></svg>