Update links and routes

6 files changed, 25 insertions, 28 deletions

diff --git a/packages/website/ts/@next/components/aboutPageLayout.tsx b/packages/website/ts/@next/components/aboutPageLayout.tsx
index 97e709471..7d98804bb 100644
--- a/packages/website/ts/@next/components/aboutPageLayout.tsx
+++ b/packages/website/ts/@next/components/aboutPageLayout.tsx
@@ -8,6 +8,7 @@ import { SiteWrap } from 'ts/@next/components/siteWrap';
 import { Heading, Paragraph } from 'ts/@next/components/text';
 
 import { addFadeInAnimation } from 'ts/@next/constants/animations';
+import { WebsitePaths } from 'ts/types';
 
 interface Props {
     title: string;
@@ -21,10 +22,10 @@ export const AboutPageLayout = (props: Props) => (
     <SiteWrap theme="light">
         <Section isFlex={true} maxWidth="1170px" wrapWidth="100%">
             <Column>
-               <ChapterLink to="/next/about/mission">Mission</ChapterLink>
-               <ChapterLink to="/next/about/team">Team</ChapterLink>
-               <ChapterLink to="/next/about/press">Press</ChapterLink>
-               <ChapterLink to="/next/about/jobs">Jobs</ChapterLink>
+               <ChapterLink to={WebsitePaths.AboutMission}>Mission</ChapterLink>
+               <ChapterLink to={WebsitePaths.AboutTeam}>Team</ChapterLink>
+               <ChapterLink to={WebsitePaths.AboutPress}>Press</ChapterLink>
+               <ChapterLink to={WebsitePaths.AboutJobs}>Jobs</ChapterLink>
            </Column>
 
            <Column width="70%" maxWidth="800px">
diff --git a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx
index 4bf82efb8..1677d3c08 100644
--- a/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx
+++ b/packages/website/ts/@next/components/dropdowns/dropdown_products.tsx
@@ -4,22 +4,19 @@ import * as React from 'react';
 import {Link} from 'react-router-dom';
 import styled from 'styled-components';
 import {Heading, Paragraph} from 'ts/@next/components/text';
+import { WebsitePaths } from 'ts/types';
 
 const navData = [
         {
             title: '0x Instant',
             description: 'Simple crypto purchasing',
-            url: '/next/0x-instant',
+            url: WebsitePaths.Instant,
         },
         {
             title: '0x Launch kit',
             description: 'Build on the 0x protocol',
-            url: '#',
+            url: WebsitePaths.LaunchKit,
         },
-        // {
-        //     title: 'Extensions',
-        //     url: '#',
-        // },
 ];
 
 export const DropdownProducts: React.FunctionComponent<{}> = () => (
diff --git a/packages/website/ts/@next/components/footer.tsx b/packages/website/ts/@next/components/footer.tsx
index bc441499d..5e5106ff3 100644
--- a/packages/website/ts/@next/components/footer.tsx
+++ b/packages/website/ts/@next/components/footer.tsx
@@ -7,6 +7,7 @@ import styled from 'styled-components';
 import { Logo } from 'ts/@next/components/logo';
 import { Column, FlexWrap, WrapGrid } from 'ts/@next/components/newLayout';
 import { NewsletterForm } from 'ts/@next/components/newsletter_form';
+import { WebsitePaths } from 'ts/types';
 
 interface LinkInterface {
     text: string;
@@ -29,8 +30,8 @@ const linkRows: LinkRows[] = [
         heading: 'Products',
         isOnMobile: true,
         links: [
-            { url: '/next/instant', text: '0x Instant' },
-            { url: '#', text: '0x Launch Kit' },
+            { url: WebsitePaths.Instant, text: '0x Instant' },
+            { url: WebsitePaths.LaunchKit, text: '0x Launch Kit' },
         ],
     },
     {
@@ -45,11 +46,11 @@ const linkRows: LinkRows[] = [
         heading: 'About',
         isOnMobile: true,
         links: [
-            { url: '#', text: 'Mission' },
-            { url: '#', text: 'Team' },
-            { url: '#', text: 'Jobs' },
-            { url: '#', text: 'Press Kit' },
-            { url: '/next/ecosystem-program', text: 'Grant Program' },
+            { url: WebsitePaths.AboutMission, text: 'Mission' },
+            { url: WebsitePaths.AboutTeam, text: 'Team' },
+            { url: WebsitePaths.AboutJobs, text: 'Jobs' },
+            { url: WebsitePaths.AboutPress, text: 'Press Kit' },
+            { url: WebsitePaths.Ecosystem, text: 'Grant Program' },
         ],
     },
     {
diff --git a/packages/website/ts/@next/components/header.tsx b/packages/website/ts/@next/components/header.tsx
index b31d34765..c5615e61f 100644
--- a/packages/website/ts/@next/components/header.tsx
+++ b/packages/website/ts/@next/components/header.tsx
@@ -12,6 +12,7 @@ import { Logo } from 'ts/@next/components/logo';
 import { MobileNav } from 'ts/@next/components/mobileNav';
 import { FlexWrap } from 'ts/@next/components/newLayout';
 import { ThemeValuesInterface } from 'ts/@next/components/siteWrap';
+import { WebsitePaths } from 'ts/types';
 
 interface HeaderProps {
     location?: Location;
@@ -35,12 +36,12 @@ interface DropdownWrapInterface {
 const navItems: NavItemProps[] = [
     {
         id: 'why',
-        url: '/next/why',
+        url: WebsitePaths.Why,
         text: 'Why 0x',
     },
     {
         id: 'products',
-        url: '/next/instant',
+        url: '#',
         text: 'Products',
         dropdownComponent: DropdownProducts,
         dropdownWidth: 280,
@@ -54,7 +55,7 @@ const navItems: NavItemProps[] = [
     },
     {
         id: 'about',
-        url: '/next/about/mission',
+        url: WebsitePaths.AboutMission,
         text: 'About',
     },
     {
diff --git a/packages/website/ts/@next/components/mobileNav.tsx b/packages/website/ts/@next/components/mobileNav.tsx
index 2b8c10ea6..35b4353e1 100644
--- a/packages/website/ts/@next/components/mobileNav.tsx
+++ b/packages/website/ts/@next/components/mobileNav.tsx
@@ -5,6 +5,7 @@ import styled from 'styled-components';
 import {Link} from 'react-router-dom';
 
 import {WrapGrid, WrapProps} from 'ts/@next/components/newLayout';
+import { WebsitePaths } from 'ts/types';
 
 interface Props {
     isToggled: boolean;
@@ -38,21 +39,16 @@ export class MobileNav extends React.PureComponent<Props> {
                     <Section isDark={true}>
                         <Grid as="ul" isFullWidth={true} isWrapped={true}>
                             <li>
-                                <Link to="/next/why">
+                                <Link to={WebsitePaths.Why}>
                                     Why 0x
                                 </Link>
                             </li>
                             <li>
-                                <Link to="/next/about/mission">
+                                <Link to={WebsitePaths.AboutMission}>
                                     About
                                 </Link>
                             </li>
                             <li>
-                                <Link to="/next">
-                                    Products
-                                </Link>
-                            </li>
-                            <li>
                                 <Link to="https://blog.0xproject.com/latest">
                                     Blog
                                 </Link>
diff --git a/packages/website/ts/@next/components/sections/landing/hero.tsx b/packages/website/ts/@next/components/sections/landing/hero.tsx
index 2460586d5..6bd34c46d 100644
--- a/packages/website/ts/@next/components/sections/landing/hero.tsx
+++ b/packages/website/ts/@next/components/sections/landing/hero.tsx
@@ -5,6 +5,7 @@ import {Hero} from 'ts/@next/components/hero';
 import {LandingAnimation} from 'ts/@next/components/heroImage';
 
 import {HeroAnimation} from 'ts/@next/components/heroAnimation';
+import { WebsitePaths } from 'ts/types';
 
 export const SectionLandingHero = () => (
     <Hero
@@ -23,7 +24,7 @@ const HeroActions = () => (
             Get Started
         </Button>
 
-        <Button to="/next/why" isTransparent={true} isInline={true}>
+        <Button to={WebsitePaths.Why} isTransparent={true} isInline={true}>
             Learn More
         </Button>
     </>