aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/pages/why.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/@next/pages/why.tsx')
-rw-r--r--packages/website/ts/@next/pages/why.tsx21
1 files changed, 14 insertions, 7 deletions
diff --git a/packages/website/ts/@next/pages/why.tsx b/packages/website/ts/@next/pages/why.tsx
index 88c0ca69b..43e37a74b 100644
--- a/packages/website/ts/@next/pages/why.tsx
+++ b/packages/website/ts/@next/pages/why.tsx
@@ -6,9 +6,9 @@ import styled from 'styled-components';
import { colors } from 'ts/style/colors';
import { Banner } from 'ts/@next/components/banner';
+import { Link } from 'ts/@next/components/button';
import { Icon } from 'ts/@next/components/icon';
import { BREAKPOINTS, Column, Section, Wrap, WrapCentered, WrapSticky } from 'ts/@next/components/layout';
-import { Link } from 'ts/@next/components/link';
import { SiteWrap } from 'ts/@next/components/siteWrap';
import { Heading, Paragraph } from 'ts/@next/components/text';
@@ -73,20 +73,27 @@ export class NextWhy extends React.PureComponent {
size="medium"
isCentered={true}
>
- The exchange layer for the crypto economy
+ The exchange layer for<br />
+ the crypto economy
</Heading>
<Paragraph
size="medium"
isMuted={true}
isCentered={true}
+ marginBottom="60px"
>
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}>
+ <Link
+ href="/docs"
+ isCentered={true}
+ isWithArrow={true}
+ isAccentColor={true}
+ >
Build on 0x
- </Link>
+ </Link>
</Column>
</WrapCentered>
</Section>
@@ -95,19 +102,19 @@ export class NextWhy extends React.PureComponent {
<Wrap>
<Column colWidth="1/3">
<Icon name="coin" size="large" margin={[0, 0, 32, 0]} />
- <Heading size="small">Support for all Ethereum Standards</Heading>
+ <Heading size="small" marginBottom="15px">Support for all Ethereum Standards</Heading>
<Paragraph isMuted={true}>0x Protocol facilitates the decentralized exchange of a growing number of Ethereum-based tokens, including all ERC-20 and ERC-721 assets. Additional ERC standards can be added to the protocol...</Paragraph>
</Column>
<Column colWidth="1/3">
<Icon name="coin" size="large" margin={[0, 0, 32, 0]} />
- <Heading size="small">Shared Networked Liquidity</Heading>
+ <Heading size="small" marginBottom="15px">Shared Networked Liquidity</Heading>
<Paragraph isMuted={true}>0x is building a layer of networked liquidity that will lower the barriers to entry. By enabling businesses to tap into a shared pool of digital assets, it will create a more stable financial system.</Paragraph>
</Column>
<Column colWidth="1/3">
<Icon name="coin" size="large" margin={[0, 0, 32, 0]} />
- <Heading size="small">Customize the User Experience</Heading>
+ <Heading size="small" marginBottom="15px">Customize the User Experience</Heading>
<Paragraph isMuted={true}>Relayers are businesses around the world that utilize 0x to integrate exchange functionality into a wide variety of products including order books, games, and digital art marketplaces.</Paragraph>
</Column>
</Wrap>