More layout changes

1 files changed, 22 insertions, 54 deletions

diff --git a/packages/website/ts/@next/components/sections/landing/cta.tsx b/packages/website/ts/@next/components/sections/landing/cta.tsx
index ad78a1ab4..4c06982e4 100644
--- a/packages/website/ts/@next/components/sections/landing/cta.tsx
+++ b/packages/website/ts/@next/components/sections/landing/cta.tsx
@@ -1,63 +1,31 @@
 import * as React from 'react';
 import {Button, ButtonWrap, Link} from 'ts/@next/components/button';
 import {Icon, InlineIconWrap} from 'ts/@next/components/icon';
-import {Column, Section, Wrap, WrapCentered, WrapGrid} from 'ts/@next/components/layout';
+import {Wrap, WrapCentered, WrapGrid} from 'ts/@next/components/layout';
 import {Heading, Paragraph} from 'ts/@next/components/text';
 
-export const SectionLandingCta = () => (
-    <Section>
-        <Wrap>
-            <Column
-                bgColor="#003831"
-                colWidth="1/2"
-                isPadLarge={true}
-            >
-                <WrapCentered>
-                    <Icon
-                        name="ready-to-build"
-                        size="large"
-                        margin={[0, 0, 'default', 0]}
-                    />
-
-                    <Paragraph size="medium" color="#00AE99" marginBottom="15px">
-                        Ready to build on 0x?
-                    </Paragraph>
-
-                    <Link
-                        href="#"
-                        isTransparent={true}
-                        isWithArrow={true}
-                    >
-                        Get Started
-                    </Link>
-                </WrapCentered>
-            </Column>
+import {Column, Section} from 'ts/@next/components/newLayout';
 
-            <Column
-                bgColor="#003831"
-                colWidth="1/2"
-                isPadLarge={true}
-            >
-                <WrapCentered>
-                    <Icon
-                        name="ready-to-build"
-                        size="large"
-                        margin={[0, 0, 'default', 0]}
-                    />
+import {BlockIconLink} from 'ts/@next/components/blockIconLink';
 
-                    <Paragraph size="medium" color="#00AE99" marginBottom="15px">
-                        Want help from the 0x team?
-                    </Paragraph>
-
-                    <Link
-                        href="#"
-                        isTransparent={true}
-                        isWithArrow={true}
-                    >
-                        Get in Touch
-                    </Link>
-                </WrapCentered>
-            </Column>
-        </Wrap>
+export const SectionLandingCta = () => (
+    <Section
+        isPadded={false}
+        isFullWidth={true}
+        isFlex={true}
+        flexBreakpoint="900px"
+    >
+        <BlockIconLink
+            icon=""
+            title="Ready to build on 0x?"
+            linkLabel="Get Started"
+            linkUrl="#"
+        />
+        <BlockIconLink
+            icon="coin"
+            title="Wat help from the 0x team?"
+            linkLabel="Get in Touch"
+            linkUrl="#"
+        />
     </Section>
 );