diff options
Diffstat (limited to 'packages/website/ts/@next/pages/ecosystem.tsx')
| -rw-r--r-- | packages/website/ts/@next/pages/ecosystem.tsx | 105 |
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; - } -`; |