WIP about pages

1 files changed, 15 insertions, 12 deletions

diff --git a/packages/website/ts/@next/pages/about/team.tsx b/packages/website/ts/@next/pages/about/team.tsx
index c8764b033..20b5a49eb 100644
--- a/packages/website/ts/@next/pages/about/team.tsx
+++ b/packages/website/ts/@next/pages/about/team.tsx
@@ -1,13 +1,13 @@
+import * as _ from 'lodash/core';
 import * as React from 'react';
 import { Link as ReactRouterLink } from 'react-router-dom';
 import styled from 'styled-components';
-import * as _ from 'lodash/core';
 
 import { colors } from 'ts/style/colors';
 
+import { Link } from 'ts/@next/components/button';
 import { ChapterLink } from 'ts/@next/components/chapter_link';
 import { Column, Section, Wrap } from 'ts/@next/components/layout';
-import { Link } from 'ts/@next/components/link';
 import { SiteWrap } from 'ts/@next/components/siteWrap';
 import { Heading, Paragraph } from 'ts/@next/components/text';
 
@@ -153,18 +153,21 @@ const Member = ({ name, title, imageUrl }: TeamMember) => (
 
 export const NextAboutTeam = () => (
   <SiteWrap theme="light">
-    <Section>
+    <Section isPadLarge={true}>
       <Wrap>
-         <Column colWidth="1/3">
-            <ChapterLink to="/next/about/mission">Our Mission</ChapterLink>
-            <ChapterLink to="/next/about/team">Team</ChapterLink>
-            <ChapterLink to="/next/about/press">Press</ChapterLink>
-            <ChapterLink to="/next/about/jobs">Jobs</ChapterLink>
-        </Column>
+          <Column colWidth="1/3">
+             <ChapterLink to="/next/about/mission">Our Mission</ChapterLink>
+             <ChapterLink to="/next/about/team">Team</ChapterLink>
+             <ChapterLink to="/next/about/press">Press</ChapterLink>
+             <ChapterLink to="/next/about/jobs">Jobs</ChapterLink>
+         </Column>
+
         <Column colWidth="2/3">
-            <Heading size="medium">We are a global, growing team</Heading>
-            <Paragraph size="medium">We are a distributed team with backgrounds in engineering, academic research, business, and design. The 0x Core Team is passionate about accelerating the adoption decentralized technology and believe in its potential to be an equalizing force in the world. Join us and do the most impactful work of your life.</Paragraph>
-            <Link href="#">Join the Team</Link>
+            <div style={{ maxWidth: '680px' }}>
+                <Heading size="medium">We are a global, growing team</Heading>
+                <Paragraph size="medium" marginBottom="60px">We are a distributed team with backgrounds in engineering, academic research, business, and design. The 0x Core Team is passionate about accelerating the adoption decentralized technology and believe in its potential to be an equalizing force in the world. Join us and do the most impactful work of your life.</Paragraph>
+                <Link href="/mission" isNoBorder={true} isWithArrow={true}>Join the team</Link>
+            </div>
         </Column>
       </Wrap>
     </Section>