diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-11 23:42:46 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-11 23:42:46 +0800 |
| commit | 0948ed7a877ffca8bf43e8d67bf5804b40b2136e (patch) | |
| tree | cc6b3c7115518098757102d2f619b60e6d384859 /packages/website/ts/@next/pages/why.tsx | |
| parent | bc64c9566c4f1410dc7c22e287533473a6052085 (diff) | |
| download | dexon-sol-tools-0948ed7a877ffca8bf43e8d67bf5804b40b2136e.tar dexon-sol-tools-0948ed7a877ffca8bf43e8d67bf5804b40b2136e.tar.gz dexon-sol-tools-0948ed7a877ffca8bf43e8d67bf5804b40b2136e.tar.bz2 dexon-sol-tools-0948ed7a877ffca8bf43e8d67bf5804b40b2136e.tar.lz dexon-sol-tools-0948ed7a877ffca8bf43e8d67bf5804b40b2136e.tar.xz dexon-sol-tools-0948ed7a877ffca8bf43e8d67bf5804b40b2136e.tar.zst dexon-sol-tools-0948ed7a877ffca8bf43e8d67bf5804b40b2136e.zip | |
WIP Adds infinite scroll image on instant page
Diffstat (limited to 'packages/website/ts/@next/pages/why.tsx')
| -rw-r--r-- | packages/website/ts/@next/pages/why.tsx | 64 |
1 files changed, 32 insertions, 32 deletions
diff --git a/packages/website/ts/@next/pages/why.tsx b/packages/website/ts/@next/pages/why.tsx index 0872ade7d..e293d99fb 100644 --- a/packages/website/ts/@next/pages/why.tsx +++ b/packages/website/ts/@next/pages/why.tsx @@ -86,37 +86,37 @@ export class NextWhy extends React.PureComponent { public render(): React.ReactNode { return ( <SiteWrap theme="dark"> - <Section isPadLarge={true}> - <WrapCentered> - <Column colWidth="2/3" isNoMargin={true}> - <Heading - size="medium" - isCentered={true} - > - 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} - isWithArrow={true} - isAccentColor={true} - > - Build on 0x - </Link> - </Column> - </WrapCentered> - </Section> + <Section isPadLarge={true}> + <WrapCentered> + <Column colWidth="2/3" isNoMargin={true}> + <Heading + maxWidth="600px" + size="medium" + isCentered={true} + > + The exchange layer for 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} + isWithArrow={true} + isAccentColor={true} + > + Build on 0x + </Link> + </Column> + </WrapCentered> + </Section> <Section bgColor={colors.backgroundDark} isPadLarge={true}> <Wrap> @@ -173,7 +173,7 @@ export class NextWhy extends React.PureComponent { <Heading size="medium">Use Cases</Heading> <Slider> {_.map(useCaseSlides, (item, index) => ( - <Slide + <Slide key={`useCaseSlide-${index}`} heading={item.title} text={item.description} |