prettify launch kit

This commit is contained in:
Steve Klebanoff
2018-12-17 15:15:37 -08:00
parent 4626921bb6
commit 248a3998cf

View File

@@ -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 projects 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 projects 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,11 +99,11 @@ export class NextLaunchKit extends React.Component {
public _onOpenContactModal = (): void => {
this.setState({ isContactModalOpen: true });
}
};
public _onDismissContactModal = (): void => {
this.setState({ isContactModalOpen: false });
}
};
}
const HeroActions = () => (