aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-12-15 01:15:07 +0800
committerFred Carlsen <fred@sjelfull.no>2018-12-15 01:15:07 +0800
commit4e8d653f1f5ff52585aa0b1ac27fd4e16d3d00bc (patch)
tree833518138cb74d8ff01f1168aaa473336a7956da
parentc5b63ca44120f83753ba23df63db1af85ae348f3 (diff)
downloaddexon-sol-tools-4e8d653f1f5ff52585aa0b1ac27fd4e16d3d00bc.tar
dexon-sol-tools-4e8d653f1f5ff52585aa0b1ac27fd4e16d3d00bc.tar.gz
dexon-sol-tools-4e8d653f1f5ff52585aa0b1ac27fd4e16d3d00bc.tar.bz2
dexon-sol-tools-4e8d653f1f5ff52585aa0b1ac27fd4e16d3d00bc.tar.lz
dexon-sol-tools-4e8d653f1f5ff52585aa0b1ac27fd4e16d3d00bc.tar.xz
dexon-sol-tools-4e8d653f1f5ff52585aa0b1ac27fd4e16d3d00bc.tar.zst
dexon-sol-tools-4e8d653f1f5ff52585aa0b1ac27fd4e16d3d00bc.zip
Add links to ecosystem
-rw-r--r--packages/website/ts/@next/pages/ecosystem.tsx36
1 files changed, 29 insertions, 7 deletions
diff --git a/packages/website/ts/@next/pages/ecosystem.tsx b/packages/website/ts/@next/pages/ecosystem.tsx
index e6330ba67..caa0401d4 100644
--- a/packages/website/ts/@next/pages/ecosystem.tsx
+++ b/packages/website/ts/@next/pages/ecosystem.tsx
@@ -1,5 +1,6 @@
import * as _ from 'lodash';
import * as React from 'react';
+import styled from 'styled-components';
import { colors } from 'ts/style/colors';
@@ -52,18 +53,30 @@ const benefits: BenefitProps[] = [
export const NextEcosystem = () => (
<SiteWrap theme="light">
- <Section>
+ <Section isTextCentered={true}>
<Column>
<Heading size="medium" isCentered={true}>
Jumpstart your Business on 0x
</Heading>
- <Paragraph size="medium" isCentered={true} isMuted={true}>
+ <Paragraph size="medium" isCentered={true} isMuted={true} marginBottom="0">
The Ecosystem Acceleration Program gives teams access to a variety of services including funding, personalized technical support, and recruiting assistance. We created the Ecosystem Acceleration Program to bolster the expansion of both infrastructure projects and relayers building on 0x.
</Paragraph>
- <div>
- <a href="#">Apply Now</a>
- <a href="#">Learn More</a>
- </div>
+ <LinkWrap>
+ <Button
+ to="#"
+ isWithArrow={true}
+ isAccentColor={true}
+ >
+ Apply now
+ </Button>
+ <Button
+ to="#"
+ isWithArrow={true}
+ isAccentColor={true}
+ >
+ Learn More
+ </Button>
+ </LinkWrap>
</Column>
</Section>
@@ -89,4 +102,13 @@ export const NextEcosystem = () => (
</Section>
</SiteWrap>
-); \ No newline at end of file
+);
+
+const LinkWrap = styled.div`
+ display: inline-flex;
+ margin-top: 60px;
+
+ a + a {
+ margin-left: 60px;
+ }
+`;