diff --git a/packages/website/ts/components/docs/home/get_started_links.tsx b/packages/website/ts/components/docs/home/get_started_links.tsx index d413d6f9e5..fe94e74137 100644 --- a/packages/website/ts/components/docs/home/get_started_links.tsx +++ b/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 = ({ heading, links }) => ( @@ -28,7 +30,13 @@ export const GetStartedLinks: React.FC = ({ heading, link export const GetStartedLink: React.FC = props => ( <> - + {props.heading} diff --git a/packages/website/ts/pages/docs/home.tsx b/packages/website/ts/pages/docs/home.tsx index 3b25136467..2d7e176477 100644 --- a/packages/website/ts/pages/docs/home.tsx +++ b/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`, }, ]; diff --git a/packages/website/ts/utils/constants.ts b/packages/website/ts/utils/constants.ts index cdaf5d1c7e..7d03444337 100644 --- a/packages/website/ts/utils/constants.ts +++ b/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',