diff options
Diffstat (limited to 'packages/website/ts/@next/pages/launch_kit.tsx')
-rw-r--r-- | packages/website/ts/@next/pages/launch_kit.tsx | 66 |
1 files changed, 30 insertions, 36 deletions
diff --git a/packages/website/ts/@next/pages/launch_kit.tsx b/packages/website/ts/@next/pages/launch_kit.tsx index bef5d2164..67fd5ee57 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,10 +9,10 @@ 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 { ModalContact } from '../components/modals/modal_contact'; +import { Section } from 'ts/@next/components/newLayout'; +import { constants } from 'ts/utils/constants'; -import { WebsitePaths } from 'ts/types'; +import { ModalContact } from '../components/modals/modal_contact'; const offersData = [ { @@ -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,22 +74,26 @@ 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 heading="Need more flexibility?" subline="Dive into our docs, or contact us if needed" - mainCta={{ text: 'Get Started', href: '/docs' }} + mainCta={{ + text: 'Get Started', + href: `${constants.URL_LAUNCH_KIT}/#table-of-contents`, + shouldOpenInNewTab: true, + }} secondaryCta={{ text: 'Get in Touch', onClick: this._onOpenContactModal.bind(this) }} /> <ModalContact isOpen={this.state.isContactModalOpen} onDismiss={this._onDismissContactModal} /> @@ -109,21 +103,21 @@ export class NextLaunchKit extends React.Component { public _onOpenContactModal = (): void => { this.setState({ isContactModalOpen: true }); - } + }; public _onDismissContactModal = (): void => { this.setState({ isContactModalOpen: false }); - } + }; } const HeroActions = () => ( - <> - <Button href="https://github.com/0xProject/0x-launch-kit" isInline={true}> + <React.Fragment> + <Button href={constants.URL_LAUNCH_KIT} isInline={true} target="_blank"> Get Started </Button> - <Button to={WebsitePaths.Why} isTransparent={true} isInline={true}> + <Button to={constants.URL_LAUNCH_KIT_BLOG_POST} isTransparent={true} isInline={true}> Learn More </Button> - </> + </React.Fragment> ); |