diff options
| author | Fred Carlsen <fred@sjelfull.no> | 2018-11-29 17:55:22 +0800 |
|---|---|---|
| committer | Fred Carlsen <fred@sjelfull.no> | 2018-11-29 17:55:34 +0800 |
| commit | aa4234a38cfdbf2ff4b674f5847c6983d87c4cc9 (patch) | |
| tree | 1dc9e2d9eaaa29f481fefea6b7ed67b6ec64a934 /packages/website/ts/@next/pages | |
| parent | 9b794c00eab124b499ab6c8c9ec1cccc8e09546b (diff) | |
| download | dexon-sol-tools-aa4234a38cfdbf2ff4b674f5847c6983d87c4cc9.tar dexon-sol-tools-aa4234a38cfdbf2ff4b674f5847c6983d87c4cc9.tar.gz dexon-sol-tools-aa4234a38cfdbf2ff4b674f5847c6983d87c4cc9.tar.bz2 dexon-sol-tools-aa4234a38cfdbf2ff4b674f5847c6983d87c4cc9.tar.lz dexon-sol-tools-aa4234a38cfdbf2ff4b674f5847c6983d87c4cc9.tar.xz dexon-sol-tools-aa4234a38cfdbf2ff4b674f5847c6983d87c4cc9.tar.zst dexon-sol-tools-aa4234a38cfdbf2ff4b674f5847c6983d87c4cc9.zip | |
WIP landing and button changes
Diffstat (limited to 'packages/website/ts/@next/pages')
| -rw-r--r-- | packages/website/ts/@next/pages/landing.tsx | 27 |
1 files changed, 26 insertions, 1 deletions
diff --git a/packages/website/ts/@next/pages/landing.tsx b/packages/website/ts/@next/pages/landing.tsx index e3c1cc740..abb01e11a 100644 --- a/packages/website/ts/@next/pages/landing.tsx +++ b/packages/website/ts/@next/pages/landing.tsx @@ -1,13 +1,38 @@ import * as React from 'react'; +import styled from 'styled-components' + +import { Button } from 'ts/@next/components/button'; +import { Column, Section, Wrap } from 'ts/@next/components/layout'; import { SiteWrap } from 'ts/@next/components/siteWrap'; -import { Section, Wrap, Column } from 'ts/@next/components/layout'; +import { Heading, Intro } from 'ts/@next/components/text'; + +import logoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg'; +const Icon = styled.div` + flex-shrink: 0; +`; export const NextLanding = () => ( <SiteWrap> <Section> <Wrap> <Column colWidth="2/3"> + <Heading>Powering Decentralized Exchange</Heading> + <Intro>0x is the best solution for adding exchange functionality to your business.</Intro> + <Icon> + <Button text="Get Started" /> + <Button text="Learn More" transparent /> + </Icon> + </Column> + + <Column colWidth="1/3"> + <Icon as={logoOutlined as 'svg'} /> + </Column> + </Wrap> + </Section> + <Section> + <Wrap> + <Column colWidth="2/3"> Powering Decentralized Exchange<br/> Example of a 2/3 1/3 assymetric composition </Column> |