Merge pull request #1418 from 0xProject/feature/website/integrate-instant-docs-track

[website] add 0x Instant as a track in the docs

packages/website/public/images/developers/tutorials/integrate_0x_instant.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="39" viewBox="0 0 32 39" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16 1L1 23.242H16L16.0412 38L31 15.7159H16V1Z" stroke="#3289F1" stroke-width="1.5" stroke-miterlimit="10" stroke-linejoin="round"/>
+</svg>

packages/website/translations/english.json

@@ -92,6 +92,9 @@
     "ORDER_BASICS_DESCRIPTION": "Tutorial on how to create, validate and fill an order using 0x",
     "USE_NETWORKED_LIQUIDITY": "use networked liquidity",
     "USE_NETWORKED_LIQUIDITY_DESCRIPTION": "Learn how to tap into networked liquidity using the Standard Relayer API",
+    "INTEGRATE_0X_INSTANT": "add seamless purchasing of crypto assets to your website or app",
+    "INTEGRATE_0X_INSTANT_DESCRIPTION":
+        "learn how to use 0x Instant or AssetBuyer to give your users the power of purchasing crypto assets using 0x",
     "VIEW_ALL_DOCUMENTATION": "view all documentation",
     "SANDBOX": "0x.js sandbox",
     "GITHUB": "github",

packages/website/ts/pages/documentation/docs_home.tsx

@@ -44,6 +44,14 @@ const TUTORIALS: TutorialInfo[] = [
             to: `${WebsitePaths.Wiki}#Find,-Submit,-Fill-Order-From-Relayer`,
         },
     },
+    {
+        iconUrl: '/images/developers/tutorials/integrate_0x_instant.svg',
+        description: Key.Integrate0xInstantDescription,
+        link: {
+            title: Key.Integrate0xInstant,
+            to: `${WebsitePaths.Wiki}#Get-Started-With-Instant`,
+        },
+    },
 ];
 
 const CATEGORY_TO_PACKAGES: ObjectMap<Package[]> = {

packages/website/ts/types.ts

@@ -474,6 +474,8 @@ export enum Key {
     OrderBasicsDescription = 'ORDER_BASICS_DESCRIPTION',
     UseNetworkedLiquidity = 'USE_NETWORKED_LIQUIDITY',
     UseNetworkedLiquidityDescription = 'USE_NETWORKED_LIQUIDITY_DESCRIPTION',
+    Integrate0xInstant = 'INTEGRATE_0X_INSTANT',
+    Integrate0xInstantDescription = 'INTEGRATE_0X_INSTANT_DESCRIPTION',
     ViewAllDocumentation = 'VIEW_ALL_DOCUMENTATION',
     Sandbox = 'SANDBOX',
     Github = 'GITHUB',