diff options
author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-11 00:55:51 +0800 |
---|---|---|
committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-11 00:56:04 +0800 |
commit | 7aee687e6bd585e473f3f677b383db3d636bd129 (patch) | |
tree | 62f319e18c2ba47201b38b10abf96367349bfe95 /packages/website/ts/@next/pages/why.tsx | |
parent | 4138c580bc70421d51e62ecbb74af3725a1c495c (diff) | |
download | dexon-sol-tools-7aee687e6bd585e473f3f677b383db3d636bd129.tar dexon-sol-tools-7aee687e6bd585e473f3f677b383db3d636bd129.tar.gz dexon-sol-tools-7aee687e6bd585e473f3f677b383db3d636bd129.tar.bz2 dexon-sol-tools-7aee687e6bd585e473f3f677b383db3d636bd129.tar.lz dexon-sol-tools-7aee687e6bd585e473f3f677b383db3d636bd129.tar.xz dexon-sol-tools-7aee687e6bd585e473f3f677b383db3d636bd129.tar.zst dexon-sol-tools-7aee687e6bd585e473f3f677b383db3d636bd129.zip |
Updates margins in why, change link component
Diffstat (limited to 'packages/website/ts/@next/pages/why.tsx')
-rw-r--r-- | packages/website/ts/@next/pages/why.tsx | 21 |
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> |