prettify launch kit
This commit is contained in:
@@ -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,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 = () => (
|
||||
|
||||
Reference in New Issue
Block a user