From 7d9ab27b9d26bf008a1113c50a00b18a1ad6e641 Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Mon, 10 Dec 2018 13:11:31 +0100
Subject: Divides landing into section components, cleanup

---
 .../ts/@next/components/sections/landing/hero.tsx  | 39 ++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 packages/website/ts/@next/components/sections/landing/hero.tsx

(limited to 'packages/website/ts/@next/components/sections/landing/hero.tsx')

diff --git a/packages/website/ts/@next/components/sections/landing/hero.tsx b/packages/website/ts/@next/components/sections/landing/hero.tsx
new file mode 100644
index 000000000..e43ac41f2
--- /dev/null
+++ b/packages/website/ts/@next/components/sections/landing/hero.tsx
@@ -0,0 +1,39 @@
+import * as React from 'react';
+import {Button, ButtonWrap} from 'ts/@next/components/button';
+import {Column, Section, Wrap, WrapCentered, WrapGrid} from 'ts/@next/components/layout';
+import {Heading, Paragraph} from 'ts/@next/components/text';
+
+import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg';
+
+export const SectionLandingHero = () => (
+    <Section>
+        <Wrap>
+            <Column colWidth="1/2">
+                <Heading size="large">
+                    Powering Decentralized Exchange
+                </Heading>
+
+                <Paragraph size="medium" isMuted={true}>
+                    0x is the best solution for adding<br />
+                    exchange functionality to your business.
+                </Paragraph>
+
+                <ButtonWrap>
+                    <Button isInline={true}>
+                        Get Started
+                    </Button>
+
+                    <Button isTransparent={true} isInline={true}>
+                        Learn More
+                    </Button>
+                </ButtonWrap>
+            </Column>
+
+            <Column colWidth="1/2">
+                <WrapCentered>
+                    <LogoOutlined/>
+                </WrapCentered>
+            </Column>
+        </Wrap>
+    </Section>
+);
-- 
cgit 


From f93e77e77cede2ef87db8bfc2d40d5a9b842e9d7 Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Mon, 10 Dec 2018 14:10:58 +0100
Subject: Refines landingpage

---
 .../website/ts/@next/components/sections/landing/hero.tsx  | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

(limited to 'packages/website/ts/@next/components/sections/landing/hero.tsx')

diff --git a/packages/website/ts/@next/components/sections/landing/hero.tsx b/packages/website/ts/@next/components/sections/landing/hero.tsx
index e43ac41f2..98e111805 100644
--- a/packages/website/ts/@next/components/sections/landing/hero.tsx
+++ b/packages/website/ts/@next/components/sections/landing/hero.tsx
@@ -7,7 +7,13 @@ import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg';
 
 export const SectionLandingHero = () => (
     <Section>
-        <Wrap>
+        <Wrap isReversed={true}>
+            <Column colWidth="1/2">
+                <WrapCentered>
+                    <LogoOutlined/>
+                </WrapCentered>
+            </Column>
+
             <Column colWidth="1/2">
                 <Heading size="large">
                     Powering Decentralized Exchange
@@ -28,12 +34,6 @@ export const SectionLandingHero = () => (
                     </Button>
                 </ButtonWrap>
             </Column>
-
-            <Column colWidth="1/2">
-                <WrapCentered>
-                    <LogoOutlined/>
-                </WrapCentered>
-            </Column>
         </Wrap>
     </Section>
 );
-- 
cgit 


From 55ed406746e3a1bd5cca6010e438b8f2a3550a3c Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Mon, 10 Dec 2018 14:26:32 +0100
Subject: Use defined paddings

---
 packages/website/ts/@next/components/sections/landing/hero.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'packages/website/ts/@next/components/sections/landing/hero.tsx')

diff --git a/packages/website/ts/@next/components/sections/landing/hero.tsx b/packages/website/ts/@next/components/sections/landing/hero.tsx
index 98e111805..d94da18ec 100644
--- a/packages/website/ts/@next/components/sections/landing/hero.tsx
+++ b/packages/website/ts/@next/components/sections/landing/hero.tsx
@@ -6,7 +6,7 @@ import {Heading, Paragraph} from 'ts/@next/components/text';
 import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg';
 
 export const SectionLandingHero = () => (
-    <Section>
+    <Section isPadLarge={true}>
         <Wrap isReversed={true}>
             <Column colWidth="1/2">
                 <WrapCentered>
-- 
cgit 


From bc64c9566c4f1410dc7c22e287533473a6052085 Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Tue, 11 Dec 2018 16:18:10 +0100
Subject: Header changes, mobile alignments

---
 packages/website/ts/@next/components/sections/landing/hero.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'packages/website/ts/@next/components/sections/landing/hero.tsx')

diff --git a/packages/website/ts/@next/components/sections/landing/hero.tsx b/packages/website/ts/@next/components/sections/landing/hero.tsx
index d94da18ec..9e7ed7402 100644
--- a/packages/website/ts/@next/components/sections/landing/hero.tsx
+++ b/packages/website/ts/@next/components/sections/landing/hero.tsx
@@ -14,7 +14,7 @@ export const SectionLandingHero = () => (
                 </WrapCentered>
             </Column>
 
-            <Column colWidth="1/2">
+            <Column colWidth="1/2" isMobileCentered={true}>
                 <Heading size="large">
                     Powering Decentralized Exchange
                 </Heading>
-- 
cgit 


From c5db8f25d31d45ac3ff9fff78f7e1fde348d81d4 Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Wed, 12 Dec 2018 09:47:55 +0100
Subject: WIP

---
 .../ts/@next/components/sections/landing/hero.tsx  | 47 +++++++++-------------
 1 file changed, 19 insertions(+), 28 deletions(-)

(limited to 'packages/website/ts/@next/components/sections/landing/hero.tsx')

diff --git a/packages/website/ts/@next/components/sections/landing/hero.tsx b/packages/website/ts/@next/components/sections/landing/hero.tsx
index 9e7ed7402..9c6ff7151 100644
--- a/packages/website/ts/@next/components/sections/landing/hero.tsx
+++ b/packages/website/ts/@next/components/sections/landing/hero.tsx
@@ -1,39 +1,30 @@
 import * as React from 'react';
 import {Button, ButtonWrap} from 'ts/@next/components/button';
+import {LandingAnimation} from 'ts/@next/components/heroImage';
 import {Column, Section, Wrap, WrapCentered, WrapGrid} from 'ts/@next/components/layout';
 import {Heading, Paragraph} from 'ts/@next/components/text';
 
+import {Hero} from 'ts/@next/components/hero';
+
 import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg';
 
 export const SectionLandingHero = () => (
-    <Section isPadLarge={true}>
-        <Wrap isReversed={true}>
-            <Column colWidth="1/2">
-                <WrapCentered>
-                    <LogoOutlined/>
-                </WrapCentered>
-            </Column>
-
-            <Column colWidth="1/2" isMobileCentered={true}>
-                <Heading size="large">
-                    Powering Decentralized Exchange
-                </Heading>
-
-                <Paragraph size="medium" isMuted={true}>
-                    0x is the best solution for adding<br />
-                    exchange functionality to your business.
-                </Paragraph>
+    <Hero
+        title="Powering Decentralized Exchange"
+        description="0x is the best solution for adding exchange functionality to your business."
+        figure={<LandingAnimation image={<LogoOutlined />} />}
+        actions={<Actions />}
+    />
+);
 
-                <ButtonWrap>
-                    <Button isInline={true}>
-                        Get Started
-                    </Button>
+const Actions = () => (
+    <>
+        <Button isInline={true}>
+            Get Started
+        </Button>
 
-                    <Button isTransparent={true} isInline={true}>
-                        Learn More
-                    </Button>
-                </ButtonWrap>
-            </Column>
-        </Wrap>
-    </Section>
+        <Button isTransparent={true} isInline={true}>
+            Learn More
+        </Button>
+    </>
 );
-- 
cgit 


From b1f4bb722d9a6aaacdd3fdfe1bf7049efe043aa7 Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Wed, 12 Dec 2018 13:24:13 +0100
Subject: More layout changes

---
 packages/website/ts/@next/components/sections/landing/hero.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

(limited to 'packages/website/ts/@next/components/sections/landing/hero.tsx')

diff --git a/packages/website/ts/@next/components/sections/landing/hero.tsx b/packages/website/ts/@next/components/sections/landing/hero.tsx
index 9c6ff7151..930b80e89 100644
--- a/packages/website/ts/@next/components/sections/landing/hero.tsx
+++ b/packages/website/ts/@next/components/sections/landing/hero.tsx
@@ -1,10 +1,8 @@
 import * as React from 'react';
-import {Button, ButtonWrap} from 'ts/@next/components/button';
-import {LandingAnimation} from 'ts/@next/components/heroImage';
-import {Column, Section, Wrap, WrapCentered, WrapGrid} from 'ts/@next/components/layout';
-import {Heading, Paragraph} from 'ts/@next/components/text';
 
+import {Button} from 'ts/@next/components/button';
 import {Hero} from 'ts/@next/components/hero';
+import {LandingAnimation} from 'ts/@next/components/heroImage';
 
 import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg';
 
@@ -13,11 +11,11 @@ export const SectionLandingHero = () => (
         title="Powering Decentralized Exchange"
         description="0x is the best solution for adding exchange functionality to your business."
         figure={<LandingAnimation image={<LogoOutlined />} />}
-        actions={<Actions />}
+        actions={<HeroActions />}
     />
 );
 
-const Actions = () => (
+const HeroActions = () => (
     <>
         <Button isInline={true}>
             Get Started
-- 
cgit 


From bd5a0616c4b9a857aa2e46a738ec87d199437503 Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Wed, 12 Dec 2018 18:59:32 +0100
Subject: Whitespace on instant image thing, other changes

---
 packages/website/ts/@next/components/sections/landing/hero.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'packages/website/ts/@next/components/sections/landing/hero.tsx')

diff --git a/packages/website/ts/@next/components/sections/landing/hero.tsx b/packages/website/ts/@next/components/sections/landing/hero.tsx
index 930b80e89..7970d50a9 100644
--- a/packages/website/ts/@next/components/sections/landing/hero.tsx
+++ b/packages/website/ts/@next/components/sections/landing/hero.tsx
@@ -4,13 +4,13 @@ import {Button} from 'ts/@next/components/button';
 import {Hero} from 'ts/@next/components/hero';
 import {LandingAnimation} from 'ts/@next/components/heroImage';
 
-import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg';
+import {HeroAnimation} from 'ts/@next/components/heroAnimation';
 
 export const SectionLandingHero = () => (
     <Hero
         title="Powering Decentralized Exchange"
         description="0x is the best solution for adding exchange functionality to your business."
-        figure={<LandingAnimation image={<LogoOutlined />} />}
+        figure={<LandingAnimation image={<HeroAnimation />} />}
         actions={<HeroActions />}
     />
 );
-- 
cgit 


From 5bd185e8319f654d1691b021d38c934983a1f107 Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Thu, 13 Dec 2018 10:54:18 +0100
Subject: Adds images in instant page

---
 packages/website/ts/@next/components/sections/landing/hero.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'packages/website/ts/@next/components/sections/landing/hero.tsx')

diff --git a/packages/website/ts/@next/components/sections/landing/hero.tsx b/packages/website/ts/@next/components/sections/landing/hero.tsx
index 7970d50a9..513fa9867 100644
--- a/packages/website/ts/@next/components/sections/landing/hero.tsx
+++ b/packages/website/ts/@next/components/sections/landing/hero.tsx
@@ -17,11 +17,11 @@ export const SectionLandingHero = () => (
 
 const HeroActions = () => (
     <>
-        <Button isInline={true}>
+        <Button href="https://0xproject.com/docs" isInline={true}>
             Get Started
         </Button>
 
-        <Button isTransparent={true} isInline={true}>
+        <Button href="/why" isTransparent={true} isInline={true}>
             Learn More
         </Button>
     </>
-- 
cgit 


From 81690d1ce508fc40ab90aff3539359efe7a93dba Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Thu, 13 Dec 2018 16:39:03 +0100
Subject: Removes <Link> component, clean up Button.tsx

---
 packages/website/ts/@next/components/sections/landing/hero.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'packages/website/ts/@next/components/sections/landing/hero.tsx')

diff --git a/packages/website/ts/@next/components/sections/landing/hero.tsx b/packages/website/ts/@next/components/sections/landing/hero.tsx
index 513fa9867..8c9d4376f 100644
--- a/packages/website/ts/@next/components/sections/landing/hero.tsx
+++ b/packages/website/ts/@next/components/sections/landing/hero.tsx
@@ -21,7 +21,7 @@ const HeroActions = () => (
             Get Started
         </Button>
 
-        <Button href="/why" isTransparent={true} isInline={true}>
+        <Button to="/next/why" isTransparent={true} isInline={true}>
             Learn More
         </Button>
     </>
-- 
cgit 


From 8a06dccbbf7e95b4223446cbd018f55b90214a62 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Fri, 14 Dec 2018 14:00:12 +0100
Subject: Tweak launch kit

---
 packages/website/ts/@next/components/sections/landing/hero.tsx | 1 +
 1 file changed, 1 insertion(+)

(limited to 'packages/website/ts/@next/components/sections/landing/hero.tsx')

diff --git a/packages/website/ts/@next/components/sections/landing/hero.tsx b/packages/website/ts/@next/components/sections/landing/hero.tsx
index 8c9d4376f..504ee6025 100644
--- a/packages/website/ts/@next/components/sections/landing/hero.tsx
+++ b/packages/website/ts/@next/components/sections/landing/hero.tsx
@@ -9,6 +9,7 @@ import {HeroAnimation} from 'ts/@next/components/heroAnimation';
 export const SectionLandingHero = () => (
     <Hero
         title="Powering Decentralized Exchange"
+        isLargeTitle={true}
         description="0x is the best solution for adding exchange functionality to your business."
         figure={<LandingAnimation image={<HeroAnimation />} />}
         actions={<HeroActions />}
-- 
cgit 


From ef200b1ce699adb48071eb1cc94cc47bcfbdbd9d Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Fri, 14 Dec 2018 14:34:06 +0100
Subject: Copy updates

---
 packages/website/ts/@next/components/sections/landing/hero.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'packages/website/ts/@next/components/sections/landing/hero.tsx')

diff --git a/packages/website/ts/@next/components/sections/landing/hero.tsx b/packages/website/ts/@next/components/sections/landing/hero.tsx
index 504ee6025..9af013a48 100644
--- a/packages/website/ts/@next/components/sections/landing/hero.tsx
+++ b/packages/website/ts/@next/components/sections/landing/hero.tsx
@@ -10,7 +10,7 @@ export const SectionLandingHero = () => (
     <Hero
         title="Powering Decentralized Exchange"
         isLargeTitle={true}
-        description="0x is the best solution for adding exchange functionality to your business."
+        description="0x is an open protocol that enables the peer-to-peer exchange of assets on the Ethereum blockchain."
         figure={<LandingAnimation image={<HeroAnimation />} />}
         actions={<HeroActions />}
     />
-- 
cgit 


From f3f78f63eca08e091ca623c9c42219e0e9a0033c Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Fri, 14 Dec 2018 15:21:55 +0100
Subject: Fix hero landing

---
 packages/website/ts/@next/components/sections/landing/hero.tsx | 1 +
 1 file changed, 1 insertion(+)

(limited to 'packages/website/ts/@next/components/sections/landing/hero.tsx')

diff --git a/packages/website/ts/@next/components/sections/landing/hero.tsx b/packages/website/ts/@next/components/sections/landing/hero.tsx
index 9af013a48..2460586d5 100644
--- a/packages/website/ts/@next/components/sections/landing/hero.tsx
+++ b/packages/website/ts/@next/components/sections/landing/hero.tsx
@@ -10,6 +10,7 @@ export const SectionLandingHero = () => (
     <Hero
         title="Powering Decentralized Exchange"
         isLargeTitle={true}
+        isFullWidth={true}
         description="0x is an open protocol that enables the peer-to-peer exchange of assets on the Ethereum blockchain."
         figure={<LandingAnimation image={<HeroAnimation />} />}
         actions={<HeroActions />}
-- 
cgit 


From b9fa158092c0179d41f5cf7b4f62eec95dd7f4f6 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Fri, 14 Dec 2018 23:03:45 +0100
Subject: Update links and routes

---
 packages/website/ts/@next/components/sections/landing/hero.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

(limited to 'packages/website/ts/@next/components/sections/landing/hero.tsx')

diff --git a/packages/website/ts/@next/components/sections/landing/hero.tsx b/packages/website/ts/@next/components/sections/landing/hero.tsx
index 2460586d5..6bd34c46d 100644
--- a/packages/website/ts/@next/components/sections/landing/hero.tsx
+++ b/packages/website/ts/@next/components/sections/landing/hero.tsx
@@ -5,6 +5,7 @@ import {Hero} from 'ts/@next/components/hero';
 import {LandingAnimation} from 'ts/@next/components/heroImage';
 
 import {HeroAnimation} from 'ts/@next/components/heroAnimation';
+import { WebsitePaths } from 'ts/types';
 
 export const SectionLandingHero = () => (
     <Hero
@@ -23,7 +24,7 @@ const HeroActions = () => (
             Get Started
         </Button>
 
-        <Button to="/next/why" isTransparent={true} isInline={true}>
+        <Button to={WebsitePaths.Why} isTransparent={true} isInline={true}>
             Learn More
         </Button>
     </>
-- 
cgit 


From 51b1cab72a80b8ef05038ecf392d9c72b8d4294e Mon Sep 17 00:00:00 2001
From: Brandon Millman <brandon.millman@gmail.com>
Date: Fri, 14 Dec 2018 14:46:05 -0800
Subject: fix(website) replace 0xproject.com with 0x.org

---
 packages/website/ts/@next/components/sections/landing/hero.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'packages/website/ts/@next/components/sections/landing/hero.tsx')

diff --git a/packages/website/ts/@next/components/sections/landing/hero.tsx b/packages/website/ts/@next/components/sections/landing/hero.tsx
index 6bd34c46d..85290d1c6 100644
--- a/packages/website/ts/@next/components/sections/landing/hero.tsx
+++ b/packages/website/ts/@next/components/sections/landing/hero.tsx
@@ -20,7 +20,7 @@ export const SectionLandingHero = () => (
 
 const HeroActions = () => (
     <>
-        <Button href="https://0xproject.com/docs" isInline={true}>
+        <Button href="https://0x.org/docs" isInline={true}>
             Get Started
         </Button>
 
-- 
cgit 


From 9bd71aeeffbadebb41756a605ef6a0aacbfd47c4 Mon Sep 17 00:00:00 2001
From: Steve Klebanoff <steve.klebanoff@gmail.com>
Date: Tue, 18 Dec 2018 13:24:53 -0800
Subject: run prettier on website

---
 packages/website/ts/@next/components/sections/landing/hero.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'packages/website/ts/@next/components/sections/landing/hero.tsx')

diff --git a/packages/website/ts/@next/components/sections/landing/hero.tsx b/packages/website/ts/@next/components/sections/landing/hero.tsx
index 85290d1c6..cf67ad66d 100644
--- a/packages/website/ts/@next/components/sections/landing/hero.tsx
+++ b/packages/website/ts/@next/components/sections/landing/hero.tsx
@@ -1,10 +1,10 @@
 import * as React from 'react';
 
-import {Button} from 'ts/@next/components/button';
-import {Hero} from 'ts/@next/components/hero';
-import {LandingAnimation} from 'ts/@next/components/heroImage';
+import { Button } from 'ts/@next/components/button';
+import { Hero } from 'ts/@next/components/hero';
+import { LandingAnimation } from 'ts/@next/components/heroImage';
 
-import {HeroAnimation} from 'ts/@next/components/heroAnimation';
+import { HeroAnimation } from 'ts/@next/components/heroAnimation';
 import { WebsitePaths } from 'ts/types';
 
 export const SectionLandingHero = () => (
-- 
cgit 

