Added banner

1 files changed, 9 insertions, 1 deletions

diff --git a/packages/website/ts/@next/pages/why.tsx b/packages/website/ts/@next/pages/why.tsx
index 6b22c6fa4..cf05de6e3 100644
--- a/packages/website/ts/@next/pages/why.tsx
+++ b/packages/website/ts/@next/pages/why.tsx
@@ -3,6 +3,7 @@ import styled from 'styled-components';
 
 import { colors } from 'ts/style/colors';
 
+import { Banner } from 'ts/@next/components/banner';
 import { Column, Section, Wrap, WrapCentered } from 'ts/@next/components/layout';
 import { Link } from 'ts/@next/components/link';
 import { SiteWrap } from 'ts/@next/components/siteWrap';
@@ -18,7 +19,7 @@ export const NextWhy = () => (
       <WrapCentered>
         <Column colWidth="2/3">
           <Heading size="medium" isCentered={true} style={{ '--desktopMaxWidth': '570px' }}>The exchange layer for the crypto economy</Heading>
-          <Paragraph size="medium" isCentered={true}>The world's assets are becoming tokenized on public blockchains. 0x Protocol is free, open-source infrastructure that allows anyone in the world to build products that enable the purchasing and trading of crypto tokens.</Paragraph>
+          <Paragraph size="medium" isMuted={true} isCentered={true}>The world's assets are becoming tokenized on public blockchains. 0x Protocol is free, open-source infrastructure that allows anyone in the world to build products that enable the purchasing and trading of crypto tokens.</Paragraph>
           <Link href="/docs" isCentered={true}>Build on 0x</Link>
         </Column>
       </WrapCentered>
@@ -95,6 +96,13 @@ export const NextWhy = () => (
         </Column>
       </Wrap>
     </Section>
+
+    <Banner
+      heading="Ready to get started?"
+      subline="Dive into our docs, or contact us if needed"
+      mainCta={{ text: 'Get Started', href: '/docs' }}
+      secondaryCta={{ text: 'Get in Touch', href: '/contact' }}
+    />
   </SiteWrap>
 );