Move benefits to language files and fix copy

7 files changed, 78 insertions, 34 deletions

diff --git a/packages/website/translations/chinese.json b/packages/website/translations/chinese.json
index 489b6b5ae..83ecef40e 100644
--- a/packages/website/translations/chinese.json
+++ b/packages/website/translations/chinese.json
@@ -96,10 +96,17 @@
         "A list of available tools maintained by the 0x core developers and wider community for building on top of 0x Protocol and Ethereum",
     "MORE": "more",
     "LAUNCH_KIT": "0x launch kit",
-    "LAUNCH_KIT_PITCH": "Launch an exchange in under a minute.",
+    "LAUNCH_KIT_PITCH": "launch a relayer in under a minute.",
     "GET_STARTED": "get started",
     "GET_IN_TOUCH": "get in touch",
     "EXPLORE_THE_DOCS": "explore the docs",
+    "LOCAL_MARKET": "Easily build a 0x relayer for your local market",
+    "SEEMLESSLY_CREATE": "Seamlessly create an in-game marketplace for digital items and collectables",
+    "QUICKLY_LAUNCH": "Quickly launch a market for your community token",
+    "ENABLE_TRADING": "Enable trading for any ERC-20 or ERC-721 asset",
+    "FORK_AND_EXTEND": "Fork and extend to support new modes of exchange",
+    "TAP_INTO_AND_SHARE": "Tap into and share liquidity with other relayers",
+    "PERFECT_FOR_DEVELOPERS": "Perfect for developers who need a simple drop-in marketplace",
     "LEARN_MORE": "learn more",
     "START_BUILDING_ON_0X": "Start building on 0x",
     "START_BUILDING_ON_0X_DESCRIPTION":
diff --git a/packages/website/translations/english.json b/packages/website/translations/english.json
index 02c7f2e8a..663587e6a 100644
--- a/packages/website/translations/english.json
+++ b/packages/website/translations/english.json
@@ -100,10 +100,17 @@
         "A list of available tools maintained by the 0x core developers and wider community for building on top of 0x Protocol and Ethereum",
     "MORE": "more",
     "LAUNCH_KIT": "0x launch kit",
-    "LAUNCH_KIT_PITCH": "Launch an exchange in under a minute.",
+    "LAUNCH_KIT_PITCH": "launch a relayer in under a minute.",
     "GET_STARTED": "get started",
     "GET_IN_TOUCH": "get in touch",
     "EXPLORE_THE_DOCS": "explore the docs",
+    "LOCAL_MARKET": "Easily build a 0x relayer for your local market",
+    "SEEMLESSLY_CREATE": "Seamlessly create an in-game marketplace for digital items and collectables",
+    "QUICKLY_LAUNCH": "Quickly launch a market for your community token",
+    "ENABLE_TRADING": "Enable trading for any ERC-20 or ERC-721 asset",
+    "FORK_AND_EXTEND": "Fork and extend to support new modes of exchange",
+    "TAP_INTO_AND_SHARE": "Tap into and share liquidity with other relayers",
+    "PERFECT_FOR_DEVELOPERS": "Perfect for developers who need a simple drop-in marketplace",
     "LEARN_MORE": "learn more",
     "OUR_MISSION_AND_VALUES": "our mission & values",
     "GAMING_AND_COLLECTABLES": "gaming & collectables",
diff --git a/packages/website/translations/korean.json b/packages/website/translations/korean.json
index aa2a24c5b..2ce7e52c4 100644
--- a/packages/website/translations/korean.json
+++ b/packages/website/translations/korean.json
@@ -96,10 +96,17 @@
         "A list of available tools maintained by the 0x core developers and wider community for building on top of 0x Protocol and Ethereum",
     "MORE": "more",
     "LAUNCH_KIT": "0x launch kit",
-    "LAUNCH_KIT_PITCH": "Launch an exchange in under a minute.",
+    "LAUNCH_KIT_PITCH": "launch a relayer in under a minute.",
     "GET_STARTED": "get started",
     "GET_IN_TOUCH": "get in touch",
     "EXPLORE_THE_DOCS": "explore the docs",
+    "LOCAL_MARKET": "Easily build a 0x relayer for your local market",
+    "SEEMLESSLY_CREATE": "Seamlessly create an in-game marketplace for digital items and collectables",
+    "QUICKLY_LAUNCH": "Quickly launch a market for your community token",
+    "ENABLE_TRADING": "Enable trading for any ERC-20 or ERC-721 asset",
+    "FORK_AND_EXTEND": "Fork and extend to support new modes of exchange",
+    "TAP_INTO_AND_SHARE": "Tap into and share liquidity with other relayers",
+    "PERFECT_FOR_DEVELOPERS": "Perfect for developers who need a simple drop-in marketplace",
     "LEARN_MORE": "learn more",
     "START_BUILDING_ON_0X": "Start building on 0x",
     "START_BUILDING_ON_0X_DESCRIPTION":
diff --git a/packages/website/translations/russian.json b/packages/website/translations/russian.json
index 6d35452ca..2bb047510 100644
--- a/packages/website/translations/russian.json
+++ b/packages/website/translations/russian.json
@@ -96,10 +96,17 @@
         "A list of available tools maintained by the 0x core developers and wider community for building on top of 0x Protocol and Ethereum",
     "MORE": "more",
     "LAUNCH_KIT": "0x launch kit",
-    "LAUNCH_KIT_PITCH": "Launch an exchange in under a minute.",
+    "LAUNCH_KIT_PITCH": "launch a relayer in under a minute.",
     "GET_STARTED": "get started",
     "GET_IN_TOUCH": "get in touch",
     "EXPLORE_THE_DOCS": "explore the docs",
+    "LOCAL_MARKET": "Easily build a 0x relayer for your local market",
+    "SEEMLESSLY_CREATE": "Seamlessly create an in-game marketplace for digital items and collectables",
+    "QUICKLY_LAUNCH": "Quickly launch a market for your community token",
+    "ENABLE_TRADING": "Enable trading for any ERC-20 or ERC-721 asset",
+    "FORK_AND_EXTEND": "Fork and extend to support new modes of exchange",
+    "TAP_INTO_AND_SHARE": "Tap into and share liquidity with other relayers",
+    "PERFECT_FOR_DEVELOPERS": "Perfect for developers who need a simple drop-in marketplace",
     "LEARN_MORE": "learn more",
     "START_BUILDING_ON_0X": "Start building on 0x",
     "START_BUILDING_ON_0X_DESCRIPTION":
diff --git a/packages/website/translations/spanish.json b/packages/website/translations/spanish.json
index 31b9e1a7a..88ea54c40 100644
--- a/packages/website/translations/spanish.json
+++ b/packages/website/translations/spanish.json
@@ -97,10 +97,17 @@
         "A list of available tools maintained by the 0x core developers and wider community for building on top of 0x Protocol and Ethereum",
     "MORE": "more",
     "LAUNCH_KIT": "0x launch kit",
-    "LAUNCH_KIT_PITCH": "Launch an exchange in under a minute.",
+    "LAUNCH_KIT_PITCH": "launch a relayer in under a minute.",
     "GET_STARTED": "get started",
     "GET_IN_TOUCH": "get in touch",
     "EXPLORE_THE_DOCS": "explore the docs",
+    "LOCAL_MARKET": "Easily build a 0x relayer for your local market",
+    "SEEMLESSLY_CREATE": "Seamlessly create an in-game marketplace for digital items and collectables",
+    "QUICKLY_LAUNCH": "Quickly launch a market for your community token",
+    "ENABLE_TRADING": "Enable trading for any ERC-20 or ERC-721 asset",
+    "FORK_AND_EXTEND": "Fork and extend to support new modes of exchange",
+    "TAP_INTO_AND_SHARE": "Tap into and share liquidity with other relayers",
+    "PERFECT_FOR_DEVELOPERS": "Perfect for developers who need a simple drop-in marketplace",
     "LEARN_MORE": "learn more",
     "START_BUILDING_ON_0X": "Start building on 0x",
     "START_BUILDING_ON_0X_DESCRIPTION":
diff --git a/packages/website/ts/pages/launch_kit/launch_kit.tsx b/packages/website/ts/pages/launch_kit/launch_kit.tsx
index 7c3cc1c99..208e84b12 100644
--- a/packages/website/ts/pages/launch_kit/launch_kit.tsx
+++ b/packages/website/ts/pages/launch_kit/launch_kit.tsx
@@ -32,34 +32,6 @@ interface Benefit {
     icon: string;
     description: string;
 }
-const BENEFITS_1: Benefit[] = [
-    {
-        icon: '/images/launch_kit/shared_liquidity.svg',
-        description: 'Tap into and share liquidity with other relayers',
-    },
-    {
-        icon: '/images/launch_kit/fork.svg',
-        description: 'Fork and extend to support new modes of exchange',
-    },
-    {
-        icon: '/images/launch_kit/enable_trading.svg',
-        description: 'Enable trading for any ERC-20 or ERC-721 asset',
-    },
-];
-const BENEFITS_2: Benefit[] = [
-    {
-        icon: '/images/launch_kit/secondary_market.svg',
-        description: 'Quickly form a secondary market for your own token',
-    },
-    {
-        icon: '/images/launch_kit/in_game_marketplace.svg',
-        description: 'Seamlessly create an in-game marketplace for digital items and collectables',
-    },
-    {
-        icon: '/images/launch_kit/local_market.svg',
-        description: 'Easily build a 0x relayer for your local market',
-    },
-];
 
 export class LaunchKit extends React.Component<LaunchKitProps, LaunchKitState> {
     private readonly _throttledScreenWidthUpdate: () => void;
@@ -100,6 +72,20 @@ export class LaunchKit extends React.Component<LaunchKitProps, LaunchKitState> {
         );
     }
     private _renderHero(): React.ReactNode {
+        const BENEFITS_1: Benefit[] = [
+            {
+                icon: '/images/launch_kit/shared_liquidity.svg',
+                description: this.props.translate.get(Key.TapIntoAndShare, Deco.Cap),
+            },
+            {
+                icon: '/images/launch_kit/fork.svg',
+                description: this.props.translate.get(Key.ForkAndExtend, Deco.Cap),
+            },
+            {
+                icon: '/images/launch_kit/enable_trading.svg',
+                description: this.props.translate.get(Key.EnableTrading, Deco.Cap),
+            },
+        ];
         const isSmallScreen = this.state.screenWidth === ScreenWidths.Sm;
         const smallButtonPadding = '12px 30px 12px 30px';
         const largeButtonPadding = '14px 60px 14px 60px';
@@ -190,6 +176,20 @@ export class LaunchKit extends React.Component<LaunchKitProps, LaunchKitState> {
         );
     }
     private _renderSection(): React.ReactNode {
+        const BENEFITS_2: Benefit[] = [
+            {
+                icon: '/images/launch_kit/secondary_market.svg',
+                description: this.props.translate.get(Key.QuicklyLaunch, Deco.Cap),
+            },
+            {
+                icon: '/images/launch_kit/in_game_marketplace.svg',
+                description: this.props.translate.get(Key.SeemlesslyCreate, Deco.Cap),
+            },
+            {
+                icon: '/images/launch_kit/local_market.svg',
+                description: this.props.translate.get(Key.LocalMarket, Deco.Cap),
+            },
+        ];
         return (
             <div className="clearfix pb4" style={{ backgroundColor: darkerBackgroundColor }}>
                 <Container
@@ -198,9 +198,11 @@ export class LaunchKit extends React.Component<LaunchKitProps, LaunchKitState> {
                     paddingTop="89px"
                     paddingBottom="89px"
                     maxWidth="421px"
+                    paddingLeft="10px"
+                    paddingRight="10px"
                 >
                     <Text fontSize="26px" lineHeight="37px" fontWeight="medium" fontColor={colors.white}>
-                        Perfect for developers who need simple exchange functionality
+                        {this.props.translate.get(Key.PerfectForDevelopers, Deco.CapWords)}
                     </Text>
                 </Container>
                 {this._renderBenefits(BENEFITS_2)}
diff --git a/packages/website/ts/types.ts b/packages/website/ts/types.ts
index 7065097d9..444a8348d 100644
--- a/packages/website/ts/types.ts
+++ b/packages/website/ts/types.ts
@@ -483,6 +483,13 @@ export enum Key {
     LaunchKit = 'LAUNCH_KIT',
     LaunchKitPitch = 'LAUNCH_KIT_PITCH',
     ExploreTheDocs = 'EXPLORE_THE_DOCS',
+    EnableTrading = 'ENABLE_TRADING',
+    ForkAndExtend = 'FORK_AND_EXTEND',
+    LocalMarket = 'LOCAL_MARKET',
+    SeemlesslyCreate = 'SEEMLESSLY_CREATE',
+    QuicklyLaunch = 'QUICKLY_LAUNCH',
+    TapIntoAndShare = 'TAP_INTO_AND_SHARE',
+    PerfectForDevelopers = 'PERFECT_FOR_DEVELOPERS',
     GetInTouch = 'GET_IN_TOUCH',
     LearnMore = 'LEARN_MORE',
     GetStarted = 'GET_STARTED',