aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/pages/ecosystem.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/website/ts/pages/ecosystem.tsx')
-rw-r--r--packages/website/ts/pages/ecosystem.tsx128
1 files changed, 0 insertions, 128 deletions
diff --git a/packages/website/ts/pages/ecosystem.tsx b/packages/website/ts/pages/ecosystem.tsx
deleted file mode 100644
index 8e367b21f..000000000
--- a/packages/website/ts/pages/ecosystem.tsx
+++ /dev/null
@@ -1,128 +0,0 @@
-import * as _ from 'lodash';
-import * as React from 'react';
-import DocumentTitle from 'react-document-title';
-import styled from 'styled-components';
-
-import { colors } from 'ts/style/colors';
-
-import { Button } from 'ts/components/button';
-import { Icon } from 'ts/components/icon';
-import { Column, Section, WrapGrid } from 'ts/components/newLayout';
-import { SiteWrap } from 'ts/components/siteWrap';
-import { Heading, Paragraph } from 'ts/components/text';
-import { constants } from 'ts/utils/constants';
-
-interface BenefitProps {
- title: string;
- icon: string;
- description: string;
-}
-
-const benefits: BenefitProps[] = [
- {
- icon: 'milestoneGrants',
- title: 'Milestone Grants',
- description:
- '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.',
- },
- {
- icon: 'vcIntroductions',
- title: 'VC Introductions',
- description: 'Connect with leading venture capital firms that could participate in your next funding round.',
- },
- {
- icon: 'techSupport',
- title: 'Technical Support',
- description: 'Receive ongoing technical assistance from knowledgeable and responsive 0x developers.',
- },
- {
- icon: 'recruitingSupport',
- title: 'Recruiting Assistance',
- description: 'Grow your team by accessing an exclusive pool of top engineering and business operations talent.',
- },
- {
- icon: 'eficientDesign',
- title: 'Marketing and Design Help',
- description:
- 'Get strategic advice on product positioning, customer acquisition, and UI/UX design that can impact the growth of your business.',
- },
- {
- icon: 'legalResources',
- title: 'Legal Resources',
- description: 'Access important legal resources that will help you navigate the regulatory landscape.',
- },
-];
-
-export const NextEcosystem = () => (
- <SiteWrap theme="light">
- <DocumentTitle title="Ecosystem Acceleration Program: Jumpstart your Business on 0x" />
- <Section isTextCentered={true}>
- <Column>
- <Heading size="medium" isCentered={true}>
- Jumpstart your Business on 0x
- </Heading>
- <Paragraph size="medium" isCentered={true} isMuted={true} marginBottom="0">
- The Ecosystem Acceleration Program gives teams access to a variety of services including funding,
- dedicated 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>
- <LinkWrap>
- <Button
- href={constants.URL_ECOSYSTEM_APPLY}
- isWithArrow={true}
- isAccentColor={true}
- shouldUseAnchorTag={true}
- >
- Apply now
- </Button>
- <Button
- href={constants.URL_ECOSYSTEM_BLOG_POST}
- isWithArrow={true}
- isAccentColor={true}
- shouldUseAnchorTag={true}
- target="_blank"
- >
- Learn More
- </Button>
- </LinkWrap>
- </Column>
- </Section>
-
- <Section bgColor={colors.backgroundLight} isFullWidth={true}>
- <Column>
- <Heading
- size={34}
- fontWeight="400"
- asElement="h2"
- isCentered={true}
- maxWidth="507px"
- marginBottom="70px"
- >
- Join a vibrant ecosystem of projects in the 0x Network.
- </Heading>
- </Column>
- <WrapGrid isTextCentered={true} isWrapped={true} isFullWidth={true}>
- {_.map(benefits, (benefit: BenefitProps, index) => (
- <Column key={`benefit-${index}`} width="33%" padding="0 45px 30px">
- <Icon name={benefit.icon} size="medium" margin={[0, 0, 'small', 0]} />
- <Heading color={colors.textDarkPrimary} size="small" marginBottom="10px" isCentered={true}>
- {benefit.title}
- </Heading>
- <Paragraph isMuted={true} isCentered={true}>
- {benefit.description}
- </Paragraph>
- </Column>
- ))}
- </WrapGrid>
- </Section>
- </SiteWrap>
-);
-
-const LinkWrap = styled.div`
- display: inline-flex;
- margin-top: 60px;
-
- a + a {
- margin-left: 60px;
- }
-`;