diff options
Diffstat (limited to 'packages/website')
-rw-r--r-- | packages/website/ts/@next/pages/launch_kit.tsx | 58 |
1 files changed, 26 insertions, 32 deletions
diff --git a/packages/website/ts/@next/pages/launch_kit.tsx b/packages/website/ts/@next/pages/launch_kit.tsx index bef5d2164..189c46892 100644 --- a/packages/website/ts/@next/pages/launch_kit.tsx +++ b/packages/website/ts/@next/pages/launch_kit.tsx @@ -1,7 +1,7 @@ import * as _ from 'lodash'; import * as React from 'react'; -import {Hero} from 'ts/@next/components/hero'; +import { Hero } from 'ts/@next/components/hero'; import { Banner } from 'ts/@next/components/banner'; import { Button } from 'ts/@next/components/button'; @@ -9,7 +9,7 @@ import { Definition } from 'ts/@next/components/definition'; import { Icon } from 'ts/@next/components/icon'; import { SiteWrap } from 'ts/@next/components/siteWrap'; -import {Section} from 'ts/@next/components/newLayout'; +import { Section } from 'ts/@next/components/newLayout'; import { ModalContact } from '../components/modals/modal_contact'; import { WebsitePaths } from 'ts/types'; @@ -20,15 +20,9 @@ const offersData = [ title: 'Perfect for developers who need a simple drop-in marketplace', description: ( <ul> - <li> - Quickly launch a market for your project’s token - </li> - <li> - Seamlessly create an in-game marketplace for digital items and collectables - </li> - <li> - Easily build a 0x relayer for your local market - </li> + <li>Quickly launch a market for your project’s token</li> + <li>Seamlessly create an in-game marketplace for digital items and collectables</li> + <li>Easily build a 0x relayer for your local market</li> </ul> ), }, @@ -47,14 +41,10 @@ export class NextLaunchKit extends React.Component { title="0x Launch Kit" description="Launch a relayer in under a minute" figure={<Icon name="launchKit" size="hero" margin={['small', 0, 'small', 0]} />} - actions={<HeroActions/>} + actions={<HeroActions />} /> - <Section - bgColor="dark" - isFlex={true} - maxWidth="1170px" - > + <Section bgColor="dark" isFlex={true} maxWidth="1170px"> <Definition title="Networked Liquidity Pool" titleSize="small" @@ -84,16 +74,16 @@ export class NextLaunchKit extends React.Component { </Section> <Section> - {_.map(offersData, (item, index) => ( - <Definition - key={`offers-${index}`} - icon={item.icon} - title={item.title} - description={item.description} - isInlineIcon={true} - iconSize={240} - /> - ))} + {_.map(offersData, (item, index) => ( + <Definition + key={`offers-${index}`} + icon={item.icon} + title={item.title} + description={item.description} + isInlineIcon={true} + iconSize={240} + /> + ))} </Section> <Banner @@ -109,21 +99,25 @@ export class NextLaunchKit extends React.Component { public _onOpenContactModal = (): void => { this.setState({ isContactModalOpen: true }); - } + }; public _onDismissContactModal = (): void => { this.setState({ isContactModalOpen: false }); - } + }; } const HeroActions = () => ( - <> + <React.Fragment> <Button href="https://github.com/0xProject/0x-launch-kit" isInline={true}> Get Started </Button> - <Button to={WebsitePaths.Why} isTransparent={true} isInline={true}> + <Button + to={'https://blog.0xproject.com/introducing-the-0x-launch-kit-4acdc3453585'} + isTransparent={true} + isInline={true} + > Learn More </Button> - </> + </React.Fragment> ); |