1 files changed, 29 insertions, 0 deletions
diff --git a/packages/website/ts/components/sections/landing/cta.tsx b/packages/website/ts/components/sections/landing/cta.tsx
new file mode 100644
index 000000000..ec5a58a58
--- /dev/null
+++ b/packages/website/ts/components/sections/landing/cta.tsx
@@ -0,0 +1,29 @@
+import * as React from 'react';
+
+import { BlockIconLink } from 'ts/components/blockIconLink';
+import { Section } from 'ts/components/newLayout';
+
+import { AnimatedChatIcon } from 'ts/components/animatedChatIcon';
+import { AnimatedCompassIcon } from 'ts/components/animatedCompassIcon';
+import { WebsitePaths } from 'ts/types';
+
+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={WebsitePaths.Docs}
+        />
+        <BlockIconLink
+            iconComponent={<AnimatedChatIcon />}
+            title="Want help from the 0x team?"
+            linkLabel="Get in Touch"
+            linkAction={props.onContactClick}
+        />
+    </Section>
+);