aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/pages/ecosystem.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/@next/pages/ecosystem.tsx')
-rw-r--r--packages/website/ts/@next/pages/ecosystem.tsx105
1 files changed, 55 insertions, 50 deletions
diff --git a/packages/website/ts/@next/pages/ecosystem.tsx b/packages/website/ts/@next/pages/ecosystem.tsx
index 199c9038e..094d5e126 100644
--- a/packages/website/ts/@next/pages/ecosystem.tsx
+++ b/packages/website/ts/@next/pages/ecosystem.tsx
@@ -1,6 +1,4 @@
import * as React from 'react';
-import styled from 'styled-components';
-import { Link as ReactRouterLink } from 'react-router-dom';
import { colors } from 'ts/style/colors';
@@ -8,19 +6,19 @@ import {Button} from 'ts/@next/components/button';
import { Column, Section, Wrap, WrapCentered } from 'ts/@next/components/layout';
import { SiteWrap } from 'ts/@next/components/siteWrap';
import { Heading, Paragraph } from 'ts/@next/components/text';
-import { Image } from 'ts/@next/components/image';
-import CoinIcon from 'ts/@next/icons/illustrations/coin.svg';
-import ConsistentlyShipIcon from 'ts/@next/icons/illustrations/consistently-ship.svg';
-import LongTermImpactIcon from 'ts/@next/icons/illustrations/long-term-impact.svg';
import RightThingIcon from 'ts/@next/icons/illustrations/right-thing.svg';
export const NextEcosystem = () => (
<SiteWrap theme="light">
<Section>
<WrapCentered>
- <Heading size="medium" isCentered={true}>Jumpstart your Business on 0x</Heading>
- <Paragraph size="medium" isCentered={true} isMuted={true}>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>
+ <Heading size="medium" isCentered={true}>
+ Jumpstart your Business on 0x
+ </Heading>
+ <Paragraph size="medium" isCentered={true} isMuted={true}>
+ 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="#">Get Started</a>
<a href="#">Learn More</a>
@@ -31,39 +29,68 @@ export const NextEcosystem = () => (
<Section bgColor={colors.backgroundLight}>
<Wrap>
<Column>
- <Heading size="small" color={colors.brandDark} isCentered={true}>Join a vibrant ecosystem of projects in the 0x Network.</Heading>
+ <Heading size="small" color={colors.brandDark} isCentered={true}>
+ Join a vibrant ecosystem of projects in the 0x Network.
+ </Heading>
</Column>
</Wrap>
<Wrap>
+ {/* This */}
<Column colWidth="1/3">
<RightThingIcon width="60" />
- <Heading color={colors.textDarkPrimary} size="small">Milestone Grants</Heading>
- <Paragraph isMuted={0.5}>Receive non-dilutive capital ranging from $10,000 to $100,000, with grant sizes awarded based on the quality of your team, vision, execution, and community involvement.</Paragraph>
+ <Heading color={colors.textDarkPrimary} size="small">
+ Milestone Grants
+ </Heading>
+ <Paragraph isMuted={0.5}>
+ Receive non-dilutive capital ranging from $10,000 to $100,000, with grant sizes awarded based on the quality of your team, vision, execution, and community involvement.
+ </Paragraph>
</Column>
+
<Column colWidth="1/3">
<RightThingIcon width="60" />
- <Heading color={colors.textDarkPrimary} size="small">VC Introductions</Heading>
- <Paragraph isMuted={0.5}>Connect with leading venture capital firms that could participate in your next funding round.</Paragraph>
+ <Heading color={colors.textDarkPrimary} size="small">
+ VC Introductions
+ </Heading>
+ <Paragraph isMuted={0.5}>
+ Connect with leading venture capital firms that could participate in your next funding round.
+ </Paragraph>
</Column>
+
<Column colWidth="1/3">
<RightThingIcon width="60" />
- <Heading color={colors.textDarkPrimary} size="small">Technical Support</Heading>
- <Paragraph isMuted={0.5}>Receive ongoing technical assistance from knowledgeable and responsive 0x developers.</Paragraph>
+ <Heading color={colors.textDarkPrimary} size="small">
+ Technical Support
+ </Heading>
+ <Paragraph isMuted={0.5}>
+ Receive ongoing technical assistance from knowledgeable and responsive 0x developers.
+ </Paragraph>
</Column>
<Column colWidth="1/3">
<RightThingIcon width="60" />
- <Heading color={colors.textDarkPrimary} size="small">Recruiting Assistance</Heading>
- <Paragraph isMuted={0.5}>Grow your team by accessing an exclusive pool of top engineering and business operations talent.</Paragraph>
+ <Heading color={colors.textDarkPrimary} size="small">
+ Recruiting Assistance
+ </Heading>
+ <Paragraph isMuted={0.5}>
+ Grow your team by accessing an exclusive pool of top engineering and business operations talent.
+ </Paragraph>
</Column>
<Column colWidth="1/3">
<RightThingIcon width="60" />
- <Heading color={colors.textDarkPrimary} size="small">Marketing and Design Help</Heading>
- <Paragraph isMuted={0.5}>Get strategic advice on product positioning, customer acquisition, and UI/UX design that can impact the growth of your business.</Paragraph>
+ <Heading color={colors.textDarkPrimary} size="small">
+ Marketing and Design Help
+ </Heading>
+ <Paragraph isMuted={0.5}>
+ Get strategic advice on product positioning, customer acquisition, and UI/UX design that can impact the growth of your business.
+ </Paragraph>
</Column>
<Column colWidth="1/3">
<RightThingIcon width="60" />
- <Heading color={colors.textDarkPrimary} size="small">Legal Resources</Heading>
- <Paragraph isMuted={0.5}>Obtain important legal documents and resources that will help you navigate the regulatory landscape.</Paragraph>
+ <Heading color={colors.textDarkPrimary} size="small">
+ Legal Resources
+ </Heading>
+ <Paragraph isMuted={0.5}>
+ Obtain important legal documents and resources that will help you navigate the regulatory landscape.
+ </Paragraph>
</Column>
</Wrap>
</Section>
@@ -72,8 +99,12 @@ export const NextEcosystem = () => (
<Wrap>
<Column colWidth="1/2" isPadLarge={true}>
<WrapCentered>
- <Heading>Apply for the program now</Heading>
- <Paragraph>Have questions? Please join our Discord channel</Paragraph>
+ <Heading>
+ Apply for the program now
+ </Heading>
+ <Paragraph>
+ Have questions? Please join our Discord channel
+ </Paragraph>
</WrapCentered>
</Column>
@@ -81,7 +112,7 @@ export const NextEcosystem = () => (
<WrapCentered>
<div>
<Button href="#">Apply Now</Button>
- <Button href="#" transparent>Join Discord</Button>
+ <Button href="#" isTransparent={true}>Join Discord</Button>
</div>
</WrapCentered>
</Column>
@@ -89,29 +120,3 @@ export const NextEcosystem = () => (
</Section>
</SiteWrap>
);
-
-const BenefitsList = styled.ul`
- color: #000;
- list-style: disc;
- columns: auto 2;
- column-gap: 80px;
-
- li {
- margin-bottom: 1em;
- }
-`;
-
-const ChapterLink = styled(ReactRouterLink)`
- font-size: 1.222222222rem;
- display: block;
- opacity: 0.8;
- margin-bottom: 1.666666667rem;
-
- &:first-child {
- opacity: 1;
- }
-
- &:hover {
- opacity: 1;
- }
-`;