Added about / mission

2 files changed, 22 insertions, 1 deletions

diff --git a/packages/website/ts/@next/components/header.tsx b/packages/website/ts/@next/components/header.tsx
index 357056c04..0f47588bd 100644
--- a/packages/website/ts/@next/components/header.tsx
+++ b/packages/website/ts/@next/components/header.tsx
@@ -19,7 +19,7 @@ const links = [
     { url: '/next/why', text: 'Why 0x' },
     { url: '/next/0x-instant', text: 'Products' },
     { url: '#', text: 'Developers' },
-    { url: '#', text: 'About' },
+    { url: '/next/about/mission', text: 'About' },
     { url: '#', text: 'Blog' },
 ];
 
diff --git a/packages/website/ts/@next/components/image.tsx b/packages/website/ts/@next/components/image.tsx
new file mode 100644
index 000000000..f49c8c059
--- /dev/null
+++ b/packages/website/ts/@next/components/image.tsx
@@ -0,0 +1,21 @@
+import * as React from 'react';
+import styled from 'styled-components';
+
+interface Props {
+    alt?: string;
+    src: any;
+    srcset: any;
+    center: any;
+}
+
+const ImageClass: React.FunctionComponent<Props> = (props: Props) => {
+    const { src, srcset, alt } = props;
+
+    return (
+        <img src={src} {...props} />
+    );
+};
+
+export const Image = styled(ImageClass)`
+    margin: ${(props: Props) => props.center && `0 auto`};
+`;