From aa4234a38cfdbf2ff4b674f5847c6983d87c4cc9 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Thu, 29 Nov 2018 10:55:22 +0100
Subject: WIP landing and button changes

---
 packages/website/ts/@next/pages/landing.tsx | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

(limited to 'packages/website/ts/@next/pages')

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,10 +1,35 @@
 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">
-- 
cgit