aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-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;
+ }
+`;