1 files changed, 31 insertions, 37 deletions

diff --git a/packages/website/ts/@next/pages/launch_kit.tsx b/packages/website/ts/@next/pages/launch_kit.tsx
index bef5d2164..7ae54293b 100644
--- a/packages/website/ts/@next/pages/launch_kit.tsx
+++ b/packages/website/ts/@next/pages/launch_kit.tsx
@@ -1,7 +1,7 @@
 import * as _ from 'lodash';
 import * as React from 'react';
 
-import {Hero} from 'ts/@next/components/hero';
+import { Hero } from 'ts/@next/components/hero';
 
 import { Banner } from 'ts/@next/components/banner';
 import { Button } from 'ts/@next/components/button';
@@ -9,10 +9,10 @@ import { Definition } from 'ts/@next/components/definition';
 import { Icon } from 'ts/@next/components/icon';
 import { SiteWrap } from 'ts/@next/components/siteWrap';
 
-import {Section} from 'ts/@next/components/newLayout';
-import { ModalContact } from '../components/modals/modal_contact';
+import { Section } from 'ts/@next/components/newLayout';
+import { constants } from 'ts/utils/constants';
 
-import { WebsitePaths } from 'ts/types';
+import { ModalContact } from '../components/modals/modal_contact';
 
 const offersData = [
     {
@@ -20,15 +20,9 @@ const offersData = [
         title: 'Perfect for developers who need a simple drop-in marketplace',
         description: (
             <ul>
-                <li>
-                    Quickly launch a market for your project’s token
-                </li>
-                <li>
-                    Seamlessly create an in-game marketplace for digital items and collectables
-                </li>
-                <li>
-                    Easily build a 0x relayer for your local market
-                </li>
+                <li>Quickly launch a market for your project’s token</li>
+                <li>Seamlessly create an in-game marketplace for digital items and collectables</li>
+                <li>Easily build a 0x relayer for your local market</li>
             </ul>
         ),
     },
@@ -47,14 +41,10 @@ export class NextLaunchKit extends React.Component {
                     title="0x Launch Kit"
                     description="Launch a relayer in under a minute"
                     figure={<Icon name="launchKit" size="hero" margin={['small', 0, 'small', 0]} />}
-                    actions={<HeroActions/>}
+                    actions={<HeroActions />}
                 />
 
-                <Section
-                    bgColor="dark"
-                    isFlex={true}
-                    maxWidth="1170px"
-                >
+                <Section bgColor="dark" isFlex={true} maxWidth="1170px">
                     <Definition
                         title="Networked Liquidity Pool"
                         titleSize="small"
@@ -84,22 +74,26 @@ export class NextLaunchKit extends React.Component {
                 </Section>
 
                 <Section>
-                {_.map(offersData, (item, index) => (
-                    <Definition
-                        key={`offers-${index}`}
-                        icon={item.icon}
-                        title={item.title}
-                        description={item.description}
-                        isInlineIcon={true}
-                        iconSize={240}
-                    />
-                ))}
+                    {_.map(offersData, (item, index) => (
+                        <Definition
+                            key={`offers-${index}`}
+                            icon={item.icon}
+                            title={item.title}
+                            description={item.description}
+                            isInlineIcon={true}
+                            iconSize={240}
+                        />
+                    ))}
                 </Section>
 
                 <Banner
                     heading="Need more flexibility?"
                     subline="Dive into our docs, or contact us if needed"
-                    mainCta={{ text: 'Get Started', href: '/docs' }}
+                    mainCta={{
+                        text: 'Get Started',
+                        href: `${constants.URL_LAUNCH_KIT}/#table-of-contents`,
+                        shouldOpenInNewTab: true,
+                    }}
                     secondaryCta={{ text: 'Get in Touch', onClick: this._onOpenContactModal.bind(this) }}
                 />
                 <ModalContact isOpen={this.state.isContactModalOpen} onDismiss={this._onDismissContactModal} />
@@ -109,21 +103,21 @@ export class NextLaunchKit extends React.Component {
 
     public _onOpenContactModal = (): void => {
         this.setState({ isContactModalOpen: true });
-    }
+    };
 
     public _onDismissContactModal = (): void => {
         this.setState({ isContactModalOpen: false });
-    }
+    };
 }
 
 const HeroActions = () => (
-    <>
-        <Button href="https://github.com/0xProject/0x-launch-kit" isInline={true}>
+    <React.Fragment>
+        <Button href={constants.URL_LAUNCH_KIT} isInline={true} target="_blank">
             Get Started
         </Button>
 
-        <Button to={WebsitePaths.Why} isTransparent={true} isInline={true}>
-            Learn More
+        <Button href={constants.URL_LAUNCH_KIT_BLOG_POST} isTransparent={true} isInline={true} target="_blank">
+            Learn More!
         </Button>
-    </>
+    </React.Fragment>
 );