Merge pull request #1375 from bakkenbaeck/website

[WIP] Website

1 files changed, 34 insertions, 0 deletions

diff --git a/packages/website/ts/@next/components/sections/landing/cta.tsx b/packages/website/ts/@next/components/sections/landing/cta.tsx
new file mode 100644
index 000000000..1a959a6e9
--- /dev/null
+++ b/packages/website/ts/@next/components/sections/landing/cta.tsx
@@ -0,0 +1,34 @@
+import * as React from 'react';
+
+import {BlockIconLink} from 'ts/@next/components/blockIconLink';
+import {Section} from 'ts/@next/components/newLayout';
+
+import {AnimatedChatIcon} from 'ts/@next/components/animatedChatIcon';
+import {AnimatedCompassIcon} from 'ts/@next/components/animatedCompassIcon';
+
+interface Props {
+    onContactClick?: () => void;
+}
+
+export const SectionLandingCta = (props: Props) => (
+    <Section
+        isPadded={false}
+        isFlex={true}
+        maxWidth="auto"
+        wrapWidth="100%"
+        flexBreakpoint="900px"
+    >
+        <BlockIconLink
+            iconComponent={<AnimatedCompassIcon />}
+            title="Ready to build on 0x?"
+            linkLabel="Get Started"
+            linkUrl="https://0xproject.com/docs"
+        />
+        <BlockIconLink
+            iconComponent={<AnimatedChatIcon />}
+            title="Want help from the 0x team?"
+            linkLabel="Get in Touch"
+            linkAction={props.onContactClick}
+        />
+    </Section>
+);