From 1b65efb38c4de06745280ba75388def8e62b7a58 Mon Sep 17 00:00:00 2001 From: Brandon Millman Date: Fri, 4 Jan 2019 09:24:59 -0800 Subject: feat(website): update market maker page copy and links --- packages/website/ts/pages/market_maker.tsx | 24 ++++++++++-------------- 1 file changed, 10 insertions(+), 14 deletions(-) (limited to 'packages/website/ts/pages') diff --git a/packages/website/ts/pages/market_maker.tsx b/packages/website/ts/pages/market_maker.tsx index 55566c798..e5e28aac3 100644 --- a/packages/website/ts/pages/market_maker.tsx +++ b/packages/website/ts/pages/market_maker.tsx @@ -8,29 +8,25 @@ import { Hero } from 'ts/components/hero'; import { ModalContact } from 'ts/components/modals/modal_contact'; import { Section } from 'ts/components/newLayout'; import { SiteWrap } from 'ts/components/siteWrap'; +import { WebsitePaths } from 'ts/types'; const offersData = [ { icon: 'supportForAllEthereumStandards', title: 'Comprehensive Tutorials', description: - 'Stay on the bleeding edge of crypto by learning how to market make on decentralized exchanges. The network of 0x relayers provides market makers a first-mover advantage to capture larger spreads, arbitrage markets, and access a long-tail of new tokens not currently listed on centralized exchanges.', + 'Stay on the bleeding edge of crypto by learning how to market make on decentralized exchanges. The network of 0x relayers provides market makers a first-mover advantage to capture larger spreads, find arbitrage opportunities, and trade on new types of exchanges like prediction markets and non-fungible token marketplaces.', }, { icon: 'generateRevenueForYourBusiness-large', title: 'Market Making Compensation', - description: ( - - ), + description: 'Accepted applicants can receive up to $15,000 for completing onboarding', }, { icon: 'getInTouch', - title: 'Personalized Support', + title: 'Dedicated Support', description: - 'The 0x MM Success Manager will walk you through how to read 0x order types, spin up an Ethereum node, set up your MM bot, and execute trades on the blockchain. We are more than happy to promptly answer your questions and give you complete onboarding assistance.', + 'The 0x team will provide 1:1 onboarding assistance and promptly answer all your questions. They will walk you through the tutorials so that you know how to read 0x order types, spin up an Ethereum node, and execute trades on the blockchain.', }, ]; @@ -48,7 +44,7 @@ export class NextMarketMaker extends React.Component { isFullWidth={false} isCenteredMobile={false} title="Bring liquidity to the exchanges of the future" - description="Market makers (MMs) are important stakeholders in the 0x ecosystem. The Market Making Program provides a set of resources that help onboard MMs bring liquidity to the 0x network. The program includes tutorials, a robust data platform, trade compensation, and 1:1 support from our MM Success Manager." + description="Market makers (MMs) are important stakeholders in the 0x ecosystem. The Market Making Program provides a set of resources that help onboard MMs to bring liquidity to the 0x network. The Program includes tutorials, monetary incentives, and 1:1 support from the 0x team." actions={} /> @@ -74,7 +70,7 @@ export class NextMarketMaker extends React.Component { @@ -117,7 +113,7 @@ export class NextMarketMaker extends React.Component { const HeroActions = () => ( <> - -- cgit v1.2.3 From 4e4de07e69d401a1cd220512560c995fbd0c4801 Mon Sep 17 00:00:00 2001 From: Brandon Millman Date: Fri, 4 Jan 2019 09:44:25 -0800 Subject: feat(website): add link underneath the first feature in market maker page --- packages/website/ts/pages/market_maker.tsx | 7 +++++++ 1 file changed, 7 insertions(+) (limited to 'packages/website/ts/pages') diff --git a/packages/website/ts/pages/market_maker.tsx b/packages/website/ts/pages/market_maker.tsx index e5e28aac3..b374e5a2f 100644 --- a/packages/website/ts/pages/market_maker.tsx +++ b/packages/website/ts/pages/market_maker.tsx @@ -16,6 +16,12 @@ const offersData = [ title: 'Comprehensive Tutorials', description: 'Stay on the bleeding edge of crypto by learning how to market make on decentralized exchanges. The network of 0x relayers provides market makers a first-mover advantage to capture larger spreads, find arbitrage opportunities, and trade on new types of exchanges like prediction markets and non-fungible token marketplaces.', + links: [ + { + label: 'Explore the Docs', + url: `${WebsitePaths.Wiki}#Market-Making-on-0x`, + }, + ], }, { icon: 'generateRevenueForYourBusiness-large', @@ -87,6 +93,7 @@ export class NextMarketMaker extends React.Component { isInlineIcon={true} iconSize={240} fontSize="medium" + actions={item.links} /> ))} -- cgit v1.2.3 From 99b6ca5b4fd48019a5568a7ba353ebc1040577f4 Mon Sep 17 00:00:00 2001 From: Brandon Millman Date: Fri, 4 Jan 2019 10:00:41 -0800 Subject: feat(website): Add support for copper forms in the offers --- packages/website/ts/pages/market_maker.tsx | 77 +++++++++++++++++++----------- 1 file changed, 49 insertions(+), 28 deletions(-) (limited to 'packages/website/ts/pages') diff --git a/packages/website/ts/pages/market_maker.tsx b/packages/website/ts/pages/market_maker.tsx index b374e5a2f..cb0c011d2 100644 --- a/packages/website/ts/pages/market_maker.tsx +++ b/packages/website/ts/pages/market_maker.tsx @@ -3,43 +3,64 @@ import * as React from 'react'; import { Banner } from 'ts/components/banner'; import { Button } from 'ts/components/button'; -import { Definition } from 'ts/components/definition'; +import { Action, Definition } from 'ts/components/definition'; import { Hero } from 'ts/components/hero'; import { ModalContact } from 'ts/components/modals/modal_contact'; import { Section } from 'ts/components/newLayout'; import { SiteWrap } from 'ts/components/siteWrap'; import { WebsitePaths } from 'ts/types'; -const offersData = [ - { - icon: 'supportForAllEthereumStandards', - title: 'Comprehensive Tutorials', - description: - 'Stay on the bleeding edge of crypto by learning how to market make on decentralized exchanges. The network of 0x relayers provides market makers a first-mover advantage to capture larger spreads, find arbitrage opportunities, and trade on new types of exchanges like prediction markets and non-fungible token marketplaces.', - links: [ - { - label: 'Explore the Docs', - url: `${WebsitePaths.Wiki}#Market-Making-on-0x`, - }, - ], - }, - { - icon: 'generateRevenueForYourBusiness-large', - title: 'Market Making Compensation', - description: 'Accepted applicants can receive up to $15,000 for completing onboarding', - }, - { - icon: 'getInTouch', - title: 'Dedicated Support', - description: - 'The 0x team will provide 1:1 onboarding assistance and promptly answer all your questions. They will walk you through the tutorials so that you know how to read 0x order types, spin up an Ethereum node, and execute trades on the blockchain.', - }, -]; +interface OfferData { + icon: string; + title: string; + description: string; + links?: Action[]; +} +export interface NextMarketMakerProps {} -export class NextMarketMaker extends React.Component { +export class NextMarketMaker extends React.Component { public state = { isContactModalOpen: false, }; + + private _offersData: OfferData[]; + + constructor(props: NextMarketMakerProps) { + super(props); + this._offersData = [ + { + icon: 'supportForAllEthereumStandards', + title: 'Comprehensive Tutorials', + description: + 'Stay on the bleeding edge of crypto by learning how to market make on decentralized exchanges. The network of 0x relayers provides market makers a first-mover advantage to capture larger spreads, find arbitrage opportunities, and trade on new types of exchanges like prediction markets and non-fungible token marketplaces.', + links: [ + { + label: 'Explore the Docs', + url: `${WebsitePaths.Wiki}#Market-Making-on-0x`, + }, + ], + }, + { + icon: 'generateRevenueForYourBusiness-large', + title: 'Market Making Compensation', + description: 'Accepted applicants can receive up to $15,000 for completing onboarding', + }, + { + icon: 'getInTouch', + title: 'Dedicated Support', + description: + 'The 0x team will provide 1:1 onboarding assistance and promptly answer all your questions. They will walk you through the tutorials so that you know how to read 0x order types, spin up an Ethereum node, and execute trades on the blockchain.', + links: [ + { + label: 'Contact Us', + onClick: this._onOpenContactModal.bind(this), + shouldUseAnchorTag: true, + }, + ], + }, + ]; + } + public render(): React.ReactNode { return ( @@ -84,7 +105,7 @@ export class NextMarketMaker extends React.Component {
- {_.map(offersData, (item, index) => ( + {_.map(this._offersData, (item, index) => ( Date: Sun, 6 Jan 2019 20:45:46 -0800 Subject: feat(website): implement market maker form --- packages/website/ts/pages/market_maker.tsx | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) (limited to 'packages/website/ts/pages') diff --git a/packages/website/ts/pages/market_maker.tsx b/packages/website/ts/pages/market_maker.tsx index cb0c011d2..5c0820f61 100644 --- a/packages/website/ts/pages/market_maker.tsx +++ b/packages/website/ts/pages/market_maker.tsx @@ -5,7 +5,7 @@ import { Banner } from 'ts/components/banner'; import { Button } from 'ts/components/button'; import { Action, Definition } from 'ts/components/definition'; import { Hero } from 'ts/components/hero'; -import { ModalContact } from 'ts/components/modals/modal_contact'; +import { ModalContact, ModalContactType } from 'ts/components/modals/modal_contact'; import { Section } from 'ts/components/newLayout'; import { SiteWrap } from 'ts/components/siteWrap'; import { WebsitePaths } from 'ts/types'; @@ -125,7 +125,11 @@ export class NextMarketMaker extends React.Component { mainCta={{ text: 'Explore the Docs', href: `${WebsitePaths.Wiki}#Market-Making-on-0x` }} secondaryCta={{ text: 'Get in Touch', onClick: this._onOpenContactModal.bind(this) }} /> - + ); } -- cgit v1.2.3 From 59ec243c2678cca2d2170e49a235f00102b14f96 Mon Sep 17 00:00:00 2001 From: Brandon Millman Date: Sun, 6 Jan 2019 21:35:05 -0800 Subject: feat(website): add contact us hero action to market maker page --- packages/website/ts/pages/market_maker.tsx | 36 +++++++++++++++++++----------- 1 file changed, 23 insertions(+), 13 deletions(-) (limited to 'packages/website/ts/pages') diff --git a/packages/website/ts/pages/market_maker.tsx b/packages/website/ts/pages/market_maker.tsx index 5c0820f61..6e0a5c320 100644 --- a/packages/website/ts/pages/market_maker.tsx +++ b/packages/website/ts/pages/market_maker.tsx @@ -1,4 +1,5 @@ import * as _ from 'lodash'; +import { opacify } from 'polished'; import * as React from 'react'; import { Banner } from 'ts/components/banner'; @@ -8,6 +9,7 @@ import { Hero } from 'ts/components/hero'; import { ModalContact, ModalContactType } from 'ts/components/modals/modal_contact'; import { Section } from 'ts/components/newLayout'; import { SiteWrap } from 'ts/components/siteWrap'; +import { colors } from 'ts/style/colors'; import { WebsitePaths } from 'ts/types'; interface OfferData { @@ -53,7 +55,7 @@ export class NextMarketMaker extends React.Component { links: [ { label: 'Contact Us', - onClick: this._onOpenContactModal.bind(this), + onClick: this._onOpenContactModal, shouldUseAnchorTag: true, }, ], @@ -72,7 +74,7 @@ export class NextMarketMaker extends React.Component { isCenteredMobile={false} title="Bring liquidity to the exchanges of the future" description="Market makers (MMs) are important stakeholders in the 0x ecosystem. The Market Making Program provides a set of resources that help onboard MMs to bring liquidity to the 0x network. The Program includes tutorials, monetary incentives, and 1:1 support from the 0x team." - actions={} + actions={this._renderHeroActions()} />
@@ -123,7 +125,7 @@ export class NextMarketMaker extends React.Component { heading="Start trading today." subline="Dive into our docs, or contact us if needed" mainCta={{ text: 'Explore the Docs', href: `${WebsitePaths.Wiki}#Market-Making-on-0x` }} - secondaryCta={{ text: 'Get in Touch', onClick: this._onOpenContactModal.bind(this) }} + secondaryCta={{ text: 'Get in Touch', onClick: this._onOpenContactModal }} /> { ); } - public _onOpenContactModal = (): void => { + private readonly _onOpenContactModal = (): void => { this.setState({ isContactModalOpen: true }); }; - public _onDismissContactModal = (): void => { + private readonly _onDismissContactModal = (): void => { this.setState({ isContactModalOpen: false }); }; -} -const HeroActions = () => ( - <> - - -); + private readonly _renderHeroActions = () => ( + <> + + + + ); +} -- cgit v1.2.3 From 79863d830e7de40ecef93a6ee26aaf2a843be0e4 Mon Sep 17 00:00:00 2001 From: Brandon Millman Date: Sun, 6 Jan 2019 21:40:39 -0800 Subject: chore(website): update market making page copy --- packages/website/ts/pages/market_maker.tsx | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) (limited to 'packages/website/ts/pages') diff --git a/packages/website/ts/pages/market_maker.tsx b/packages/website/ts/pages/market_maker.tsx index 6e0a5c320..139f0504c 100644 --- a/packages/website/ts/pages/market_maker.tsx +++ b/packages/website/ts/pages/market_maker.tsx @@ -72,14 +72,14 @@ export class NextMarketMaker extends React.Component { isLargeTitle={false} isFullWidth={false} isCenteredMobile={false} - title="Bring liquidity to the exchanges of the future" + title="Bring liquidity to the markets of the future" description="Market makers (MMs) are important stakeholders in the 0x ecosystem. The Market Making Program provides a set of resources that help onboard MMs to bring liquidity to the 0x network. The Program includes tutorials, monetary incentives, and 1:1 support from the 0x team." actions={this._renderHeroActions()} />
{ { Date: Mon, 7 Jan 2019 12:19:21 -0800 Subject: chore(website): fix linter --- packages/website/ts/pages/market_maker.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'packages/website/ts/pages') diff --git a/packages/website/ts/pages/market_maker.tsx b/packages/website/ts/pages/market_maker.tsx index 139f0504c..133ced864 100644 --- a/packages/website/ts/pages/market_maker.tsx +++ b/packages/website/ts/pages/market_maker.tsx @@ -25,7 +25,7 @@ export class NextMarketMaker extends React.Component { isContactModalOpen: false, }; - private _offersData: OfferData[]; + private readonly _offersData: OfferData[]; constructor(props: NextMarketMakerProps) { super(props); -- cgit v1.2.3 From 42e04012df02d1485c9a615b97426aadb15cd686 Mon Sep 17 00:00:00 2001 From: Brandon Millman Date: Mon, 7 Jan 2019 13:03:45 -0800 Subject: fix(website): fix some copy on the market maker page --- packages/website/ts/pages/market_maker.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'packages/website/ts/pages') diff --git a/packages/website/ts/pages/market_maker.tsx b/packages/website/ts/pages/market_maker.tsx index 133ced864..01ecc0780 100644 --- a/packages/website/ts/pages/market_maker.tsx +++ b/packages/website/ts/pages/market_maker.tsx @@ -155,7 +155,7 @@ export class NextMarketMaker extends React.Component { isTransparent={true} isInline={true} > - Contact Us + Apply Now ); -- cgit v1.2.3 From b8f3fa9c8cf215e73a496ea99e1748bad21efc40 Mon Sep 17 00:00:00 2001 From: Brandon Millman Date: Mon, 7 Jan 2019 13:21:42 -0800 Subject: chore(website): update copy on market making page --- packages/website/ts/pages/market_maker.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'packages/website/ts/pages') diff --git a/packages/website/ts/pages/market_maker.tsx b/packages/website/ts/pages/market_maker.tsx index 01ecc0780..854870358 100644 --- a/packages/website/ts/pages/market_maker.tsx +++ b/packages/website/ts/pages/market_maker.tsx @@ -125,7 +125,7 @@ export class NextMarketMaker extends React.Component { heading="Start trading today." subline="Check out our Market Making tutorials to get started" mainCta={{ text: 'Tutorials', href: `${WebsitePaths.Wiki}#Market-Making-on-0x` }} - secondaryCta={{ text: 'Get in Touch', onClick: this._onOpenContactModal }} + secondaryCta={{ text: 'Apply Now', onClick: this._onOpenContactModal }} /> Date: Wed, 9 Jan 2019 14:44:03 +0100 Subject: Updated CHANGELOGS --- packages/website/ts/pages/documentation/developers_page.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'packages/website/ts/pages') diff --git a/packages/website/ts/pages/documentation/developers_page.tsx b/packages/website/ts/pages/documentation/developers_page.tsx index fcca2b6ad..78376a0f2 100644 --- a/packages/website/ts/pages/documentation/developers_page.tsx +++ b/packages/website/ts/pages/documentation/developers_page.tsx @@ -153,7 +153,7 @@ export class DevelopersPage extends React.Component