import * as React from 'react';
import * as _ from 'lodash';
import styled from 'styled-components';
import {colors} from 'ts/style/colors';
import {Button, ButtonWrap} from 'ts/@next/components/button';
import {Column, Section, Wrap, WrapCentered, WrapGrid} from 'ts/@next/components/layout';
import {SiteWrap} from 'ts/@next/components/siteWrap';
import {Heading, Paragraph} from 'ts/@next/components/text';
import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg';
import ProtocolIcon from 'ts/@next/icons/illustrations/protocol.svg';
import ReadyToBuildIcon from 'ts/@next/icons/illustrations/ready-to-build.svg';
import SupportIcon from 'ts/@next/icons/illustrations/support.svg';
/**
Note(ez): Maybe when we're done at least with a basic structure,
we can take out each section into e.g. LandingSectionIntro.tsx in
@next/sections/landing ? so then our routes would only look like
*/
export const NextLanding = () => (
Powering Decentralized Exchange
0x is the best solution for adding exchange functionality to your business.
0x is an open protocol that enables the peer-to-peer exchange of Ethereum-based
tokens. Anyone in the world can use 0x to service a wide variety of markets
ranging from gaming items to financial instruments to assets that could have
near existed before.
{/* Note you can also pass in a string "large/default" or a number for custom margins */}
{/* NOTE: this probably should be withComponent as part of a
*/}
873,435
Number of transactions
$203M
Total volume
227,372
Number of relayers
You're in good company
{_.map([...Array(9)], (item, index) => (
))}
Ready to build on 0x?
Ready to build on 0x?
);
const SampleLogo = styled.div`
width: 60px;
height: 60px;
border: 1px solid blue;
margin: 30px 60px;
`;