aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/pages
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-12-18 21:05:10 +0800
committerSteve Klebanoff <steve.klebanoff@gmail.com>2018-12-19 05:03:35 +0800
commitffa57c37032f414f65d37e25a03b51347ae956c2 (patch)
tree062ba0a125e1a9e94716c9ef9fac0c374db9e0ba /packages/website/ts/@next/pages
parent630ecb98e17c6cce795e368ebfe8af5ffb4a2266 (diff)
downloaddexon-sol-tools-ffa57c37032f414f65d37e25a03b51347ae956c2.tar
dexon-sol-tools-ffa57c37032f414f65d37e25a03b51347ae956c2.tar.gz
dexon-sol-tools-ffa57c37032f414f65d37e25a03b51347ae956c2.tar.bz2
dexon-sol-tools-ffa57c37032f414f65d37e25a03b51347ae956c2.tar.lz
dexon-sol-tools-ffa57c37032f414f65d37e25a03b51347ae956c2.tar.xz
dexon-sol-tools-ffa57c37032f414f65d37e25a03b51347ae956c2.tar.zst
dexon-sol-tools-ffa57c37032f414f65d37e25a03b51347ae956c2.zip
Tweak market maker
Diffstat (limited to 'packages/website/ts/@next/pages')
-rw-r--r--packages/website/ts/@next/pages/market_maker.tsx18
1 files changed, 11 insertions, 7 deletions
diff --git a/packages/website/ts/@next/pages/market_maker.tsx b/packages/website/ts/@next/pages/market_maker.tsx
index f2e49840f..a9d8cb19f 100644
--- a/packages/website/ts/@next/pages/market_maker.tsx
+++ b/packages/website/ts/@next/pages/market_maker.tsx
@@ -1,11 +1,12 @@
import * as _ from 'lodash';
import * as React from 'react';
-import {Hero} from 'ts/@next/components/hero';
+import { colors } from 'ts/style/colors';
import { Banner } from 'ts/@next/components/banner';
import { Button } from 'ts/@next/components/button';
import { Definition } from 'ts/@next/components/definition';
+import { Hero } from 'ts/@next/components/hero';
import { Icon } from 'ts/@next/components/icon';
import { SiteWrap } from 'ts/@next/components/siteWrap';
@@ -25,8 +26,8 @@ const offersData = [
title: 'Market Making Compensation',
description: (
<ul>
- <li>Receive an infrastructure grant of $20,000+ for completing onboarding</li>
- <li>Earn an additional $5,000 by referring other market makers to the Program</li>
+ <li>Receive an infrastructure grant of $20,000+ for completing onboarding*</li>
+ <li>Earn an additional $5,000 by referring other market makers to the Program*</li>
</ul>
),
},
@@ -43,8 +44,10 @@ export class NextMarketMaker extends React.Component {
};
public render(): React.ReactNode {
return (
- <SiteWrap theme="dark">
+ <SiteWrap theme="light">
<Hero
+ maxWidth="865px"
+ maxWidthHeading="715px"
isLargeTitle={false}
isFullWidth={false}
title="Bring liquidity to the exchanges of the future"
@@ -53,7 +56,7 @@ export class NextMarketMaker extends React.Component {
/>
<Section
- bgColor="dark"
+ bgColor="light"
isFlex={true}
maxWidth="1170px"
>
@@ -79,7 +82,7 @@ export class NextMarketMaker extends React.Component {
title="Low Cost"
titleSize="small"
description="Pay no fees on orders except for bulk cancellations"
- icon="secureTrading"
+ icon="low-cost"
iconSize="medium"
isInline={true}
/>
@@ -94,6 +97,7 @@ export class NextMarketMaker extends React.Component {
description={item.description}
isInlineIcon={true}
iconSize={240}
+ fontSize="medium"
/>
))}
</Section>
@@ -120,7 +124,7 @@ export class NextMarketMaker extends React.Component {
const HeroActions = () => (
<>
- <Button href="https://github.com/0xProject/0x-launch-kit" isInline={true}>
+ <Button href="https://github.com/0xProject/0x-launch-kit" bgColor="dark" isInline={true}>
Get Started
</Button>
</>