Fix Get Started links

packages/website/ts/components/docs/home/get_started_links.tsx

@@ -14,7 +14,9 @@ interface IGetStartedLinksProps {
 export interface IGetStartedLinkProps {
     heading: string;
     description: string;
-    url: string;
+    url?: string;
+    target?: string;
+    href?: string;
 }
 
 export const GetStartedLinks: React.FC<IGetStartedLinksProps> = ({ heading, links }) => (
@@ -28,7 +30,13 @@ export const GetStartedLinks: React.FC<IGetStartedLinksProps> = ({ heading, link
 
 export const GetStartedLink: React.FC<IGetStartedLinkProps> = props => (
     <>
-        <GetStartedButton color={colors.brandDark} to={props.url} isWithArrow={true}>
+        <GetStartedButton
+            color={colors.brandDark}
+            to={props.url}
+            href={props.href}
+            target={props.target}
+            isWithArrow={true}
+        >
             {props.heading}
         </GetStartedButton>
         <GetStartedParagraph color={colors.textDarkPrimary} isMuted={1}>

packages/website/ts/pages/docs/home.tsx

@@ -56,7 +56,7 @@ const shortcutLinks = [
 const usefulLinks = [
     {
         title: '0x Cheat Sheet',
-        url: `${WebsitePaths.Docs}/guides`,
+        url: `${WebsitePaths.Docs}/guides/0x-cheat-sheet`,
     },
     {
         title: 'Code Sandbox',
@@ -74,24 +74,25 @@ const usefulLinks = [
 
 const getStartedLinks = [
     {
-        heading: 'Launch an exchange in 30 seconds',
+        heading: 'Launch an exchange in a few minutes',
         description: 'Learn how to spin up an exchange or marketplace in seconds.',
-        url: WebsitePaths.DocsCoreConcepts,
+        href: constants.URL_LAUNCH_KIT_TUTORIAL_YOUTUBE,
+        target: '_blank',
     },
     {
         heading: 'Tap into contract-fillable liquidity',
         description: 'Source contract-fillable liquidity at the best prices from 0x.',
-        url: WebsitePaths.DocsApiExplorer,
+        url: `${WebsitePaths.DocsGuides}/contract-fillable-liquidity`,
     },
     {
-        heading: 'Launch your in-game marketplace',
-        description: 'Make your in-game items tradable with minimal effort.',
-        url: WebsitePaths.DocsGuides,
+        heading: 'Start market-making on 0x',
+        description: 'A primer on how to market-make successfully on 0x.',
+        url: `${WebsitePaths.DocsGuides}/market-making-on-0x`,
     },
     {
-        heading: 'Predict the future with 0x',
-        description: 'Build a prediction market end-to-end using 0x and Augur.',
-        url: WebsitePaths.DocsTools,
+        heading: 'Add 0x Instant to your website / mobile app',
+        description: 'Add a free and simple crypto purchasing flow to your website or mobile app.',
+        url: `${WebsitePaths.DocsGuides}/integrate-instant`,
     },
 ];
 

packages/website/ts/utils/constants.ts

@@ -110,6 +110,7 @@ export const constants = {
     URL_LAUNCH_KIT: 'https://github.com/0xProject/0x-launch-kit',
     URL_LAUNCH_KIT_ERC20_DEMO: 'https://demo.0x.org/erc20/',
     URL_LAUNCH_KIT_ERC721_DEMO: 'https://demo.0x.org/marketplace/',
+    URL_LAUNCH_KIT_TUTORIAL_YOUTUBE: 'https://www.youtube.com/watch?v=NX_Iag0OCS4',
     URL_WEB3_DOCS: 'https://github.com/ethereum/wiki/wiki/JavaScript-API',
     URL_WEB3_DECODED_LOG_ENTRY_EVENT:
         'https://github.com/0xProject/web3-typescript-typings/blob/f5bcb96/index.d.ts#L123',