Fixes all lint issues, cleanup

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;
-    }
-`;