aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website')
-rw-r--r--packages/website/ts/@next/pages/launch_kit.tsx58
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>
);