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