aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/pages/why.tsx
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-12-10 20:37:10 +0800
committerFred Carlsen <fred@sjelfull.no>2018-12-10 20:38:06 +0800
commit3ac6da7db1570b08636e578bcd96fd470cebf009 (patch)
treeaab4c853bc4ae94e5696bd882c9fc39ff08cb5ce /packages/website/ts/@next/pages/why.tsx
parent3e93442a43c834bed9418760adee1110d3556f69 (diff)
downloaddexon-0x-contracts-3ac6da7db1570b08636e578bcd96fd470cebf009.tar.gz
dexon-0x-contracts-3ac6da7db1570b08636e578bcd96fd470cebf009.tar.zst
dexon-0x-contracts-3ac6da7db1570b08636e578bcd96fd470cebf009.zip
Added banner
Diffstat (limited to 'packages/website/ts/@next/pages/why.tsx')
-rw-r--r--packages/website/ts/@next/pages/why.tsx10
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>
);