diff options
Diffstat (limited to 'packages/website/ts/@next/pages/launchKit.tsx')
| -rw-r--r-- | packages/website/ts/@next/pages/launchKit.tsx | 119 |
1 files changed, 76 insertions, 43 deletions
diff --git a/packages/website/ts/@next/pages/launchKit.tsx b/packages/website/ts/@next/pages/launchKit.tsx index dd0ff0758..cd86f66c9 100644 --- a/packages/website/ts/@next/pages/launchKit.tsx +++ b/packages/website/ts/@next/pages/launchKit.tsx @@ -1,5 +1,4 @@ import * as React from 'react'; -import styled from 'styled-components'; import {colors} from 'ts/style/colors'; @@ -8,17 +7,22 @@ import {Column, Section, Wrap, WrapCentered} from 'ts/@next/components/layout'; import {SiteWrap} from 'ts/@next/components/siteWrap'; import {Heading, Paragraph} from 'ts/@next/components/text'; -import TokensIcon from 'ts/@next/icons/illustrations/tokens.svg'; -import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg'; import ProtocolIcon from 'ts/@next/icons/illustrations/protocol.svg'; +import TokensIcon from 'ts/@next/icons/illustrations/tokens.svg'; export const NextLaunchKit = () => ( <SiteWrap> <Section> <WrapCentered> - <Heading size="medium" isCentered={true}>0x Launch Kit</Heading> - <Paragraph size="medium" isCentered={true} isMuted={true}>The definitive starting point for building a business on top of the 0x protocol.</Paragraph> - <Button href="#">Get Started</Button> + <Heading size="medium" isCentered={true}> + 0x Launch Kit + </Heading> + <Paragraph size="medium" isCentered={true} isMuted={true}> + The definitive starting point for building a business on top of the 0x protocol. + </Paragraph> + <Button href="#"> + Get Started + </Button> </WrapCentered> </Section> @@ -31,7 +35,9 @@ export const NextLaunchKit = () => ( > <WrapCentered> <ProtocolIcon width="140" /> - <Paragraph isCentered={true}>Tap into and share liquidity with other relayers</Paragraph> + <Paragraph isCentered={true}> + Tap into and share liquidity with other relayers + </Paragraph> </WrapCentered> </Column> <Column @@ -41,7 +47,9 @@ export const NextLaunchKit = () => ( > <WrapCentered> <ProtocolIcon width="140" /> - <Paragraph isCentered={true}>Tap into and share liquidity with other relayers</Paragraph> + <Paragraph isCentered={true}> + Tap into and share liquidity with other relayers + </Paragraph> </WrapCentered> </Column> <Column @@ -51,7 +59,9 @@ export const NextLaunchKit = () => ( > <WrapCentered> <ProtocolIcon width="140" /> - <Paragraph isCentered={true}>Tap into and share liquidity with other relayers</Paragraph> + <Paragraph isCentered={true}> + Tap into and share liquidity with other relayer + </Paragraph> </WrapCentered> </Column> </Wrap> @@ -64,8 +74,12 @@ export const NextLaunchKit = () => ( </Column> <Column colWidth="2/3"> - <Heading size="small">Working on a new token?</Heading> - <Paragraph isMuted={true}>Easily create a secondary market for your asset/asset class</Paragraph> + <Heading size="small"> + Working on a new token? + </Heading> + <Paragraph isMuted={true}> + Easily create a secondary market for your asset/asset clas + </Paragraph> </Column> </Wrap> </Section> @@ -76,8 +90,12 @@ export const NextLaunchKit = () => ( </Column> <Column colWidth="2/3"> - <Heading size="small">Working on a new game?</Heading> - <Paragraph isMuted={true}>Easily create an in-app marketplace</Paragraph> + <Heading size="small"> + Working on a new game? + </Heading> + <Paragraph isMuted={true}> + Easily create an in-app marketplace + </Paragraph> </Column> </Wrap> </Section> @@ -88,8 +106,12 @@ export const NextLaunchKit = () => ( </Column> <Column colWidth="2/3"> - <Heading size="small">No exchange in your location?</Heading> - <Paragraph isMuted={true}>Build a 0x relayer for your contry’s market</Paragraph> + <Heading size="small"> + No exchange in your location? + </Heading> + <Paragraph isMuted={true}> + Build a 0x relayer for your contry’s market + </Paragraph> </Column> </Wrap> </Section> @@ -97,17 +119,31 @@ export const NextLaunchKit = () => ( <Section bgColor={colors.backgroundDark}> <Wrap> <Column colWidth="1/2"> - <Heading>0x Instant Configurator</Heading> - <Paragraph>Liquidity Source</Paragraph> - <Paragraph>What tokens can users buy? (select all)</Paragraph> - <Paragraph>Transaction fee ETH address</Paragraph> - <Paragraph>Fee Percentage</Paragraph> + <Heading> + 0x Instant Configurator + </Heading> + <Paragraph> + Liquidity Source + </Paragraph> + <Paragraph> + What tokens can users buy? (select all) + </Paragraph> + <Paragraph> + Transaction fee ETH address + </Paragraph> + <Paragraph> + Fee Percentage + </Paragraph> </Column> <Column colWidth="1/2"> - <Paragraph>Code Snippet</Paragraph> + <Paragraph> + Code Snippet + </Paragraph> <a href="#">Explore the Docs</a> - <Paragraph><code snippet></Paragraph> + <Paragraph> + <code snippet> + </Paragraph> </Column> </Wrap> </Section> @@ -116,16 +152,24 @@ export const NextLaunchKit = () => ( <Wrap> <Column colWidth="1/2" isPadLarge={true}> <WrapCentered> - <Heading>Need more flexibility?</Heading> - <Paragraph>Dive into our docs, or contact us if needed</Paragraph> + <Heading> + Need more flexibility? + </Heading> + <Paragraph> + Dive into our docs, or contact us if needed + </Paragraph> </WrapCentered> </Column> <Column colWidth="1/2" isPadLarge={true}> <WrapCentered> <div> - <Button href="#">Explore the Docs</Button> - <Button href="#" transparent>Get in Touch</Button> + <Button href="#"> + Explore the Docs + </Button> + <Button href="#" isTransparent={true}> + Get in Touch + </Button> </div> </WrapCentered> </Column> @@ -135,25 +179,14 @@ export const NextLaunchKit = () => ( <Section> <Wrap width="full"> <Column> - <Paragraph size="small" isMuted={0.5}>Disclaimer: The laws and regulations applicable to the use and exchange of digital assets and blockchain-native tokens, including through any software developed using the licensed work created by ZeroEx Intl. (the “Work”), vary by jurisdiction. As set forth in the Apache License, Version 2.0 applicable to the Work, developers are “solely responsible for determining the appropriateness of using or redistributing the Work,” which includes responsibility for ensuring compliance with any such applicable laws and regulations.</Paragraph> - <Paragraph size="small" isMuted={0.5}>See the Apache License, Version 2.0 for the specific language governing all applicable permissions and limitations.</Paragraph> + <Paragraph size="small" isMuted={0.5}> + Disclaimer: The laws and regulations applicable to the use and exchange of digital assets and blockchain-native tokens, including through any software developed using the licensed work created by ZeroEx Intl. (the “Work”), vary by jurisdiction. As set forth in the Apache License, Version 2.0 applicable to the Work, developers are “solely responsible for determining the appropriateness of using or redistributing the Work,” which includes responsibility for ensuring compliance with any such applicable laws and regulations. + </Paragraph> + <Paragraph size="small" isMuted={0.5}> + See the Apache License, Version 2.0 for the specific language governing all applicable permissions and limitations. + </Paragraph> </Column> </Wrap> </Section> </SiteWrap> ); - -const ChapterLink = styled.a ` - font-size: 1.222222222rem; - display: block; - opacity: 0.8; - margin-bottom: 1.666666667rem; - - &:first-child { - opacity: 1; - } - - &:hover { - opacity: 1; - } -`; |