aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/pages
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-11-29 21:18:19 +0800
committerFred Carlsen <fred@sjelfull.no>2018-11-29 21:18:19 +0800
commit1bba985124549aab3b79fa9834c613c2fe829b51 (patch)
treea86d20e6471902189b6682b830e9a22d891a3e76 /packages/website/ts/@next/pages
parent8bcb5b00ba464188b790ff61192d441842fb6b25 (diff)
downloaddexon-0x-contracts-1bba985124549aab3b79fa9834c613c2fe829b51.tar
dexon-0x-contracts-1bba985124549aab3b79fa9834c613c2fe829b51.tar.gz
dexon-0x-contracts-1bba985124549aab3b79fa9834c613c2fe829b51.tar.bz2
dexon-0x-contracts-1bba985124549aab3b79fa9834c613c2fe829b51.tar.lz
dexon-0x-contracts-1bba985124549aab3b79fa9834c613c2fe829b51.tar.xz
dexon-0x-contracts-1bba985124549aab3b79fa9834c613c2fe829b51.tar.zst
dexon-0x-contracts-1bba985124549aab3b79fa9834c613c2fe829b51.zip
Add text and illustrations for home
Diffstat (limited to 'packages/website/ts/@next/pages')
-rw-r--r--packages/website/ts/@next/pages/landing.tsx14
1 files changed, 12 insertions, 2 deletions
diff --git a/packages/website/ts/@next/pages/landing.tsx b/packages/website/ts/@next/pages/landing.tsx
index 463d53d44..849437c26 100644
--- a/packages/website/ts/@next/pages/landing.tsx
+++ b/packages/website/ts/@next/pages/landing.tsx
@@ -5,12 +5,15 @@ import { colors } from 'ts/style/colors'
import { Button, ButtonTransparent } from 'ts/@next/components/button';
import { Column, Section, Wrap } from 'ts/@next/components/layout';
import { SiteWrap } from 'ts/@next/components/siteWrap';
-import { Heading, Intro } from 'ts/@next/components/text';
+import { Heading, Intro, Text } from 'ts/@next/components/text';
import logoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg';
+import protocol from 'ts/@next/icons/illustrations/protocol.svg';
const Icon = styled.div`
flex-shrink: 0;
+
+ ${props => props.center && `text-align: center`}
`;
export const NextLanding = () => (
@@ -22,7 +25,7 @@ export const NextLanding = () => (
<Intro>0x is the best solution for adding exchange functionality to your business.</Intro>
<div>
<Button text="Get Started" inline={true} />
- <Button text="Learn More" transparent={true} inline={true} />
+ <ButtonTransparent text="Learn More" inline={true} />
</div>
</Column>
@@ -31,6 +34,13 @@ export const NextLanding = () => (
</Column>
</Wrap>
</Section>
+
+ <Section bgColor={colors.backgroundDark} noPadding>
+ <Icon as={protocol as 'svg'} />
+ <Text size="medium" center={true}>0x is the best solution for adding exchange functionality to your business.</Text>
+ <Text size="medium" center={true}>Discover how developers use 0x (need arrow + line under)</Text>
+ </Section>
+
<Section>
<Wrap>
<Column colWidth="2/3">