From 13a88af73e45773d6acb39628db99a590b2b7ea7 Mon Sep 17 00:00:00 2001
From: Ian Mancini <ianmethyst@gmail.com>
Date: Thu, 10 Dec 2020 21:43:58 -0300
Subject: [PATCH] Add /about page

---
 src/pages/about.tsx | 55 +++++++++++++++++++++++++++++++++++++++++++++
 src/pages/team.tsx  |  2 +-
 2 files changed, 56 insertions(+), 1 deletion(-)
 create mode 100644 src/pages/about.tsx

diff --git a/src/pages/about.tsx b/src/pages/about.tsx
new file mode 100644
index 0000000..af17466
--- /dev/null
+++ b/src/pages/about.tsx
@@ -0,0 +1,55 @@
+import { Stack, Heading, Text, Box, Flex } from '@chakra-ui/react'
+
+import ReactMarkdown from 'react-markdown'
+import ResponsiveImage from '../components/ResponsiveImage'
+import SEO from '../components/SEO'
+
+import {
+  getAbout,
+  getTeamMembersWithImages,
+  IAbout,
+  ITeamMemberWithImage,
+  login,
+} from '../lib/api'
+
+const Team: React.FC<{
+  data: { about: IAbout; teamMembers: ITeamMemberWithImage[] }
+}> = ({ data }) => {
+  const { about, teamMembers } = data
+  return (
+    <>
+      <SEO title="work" />
+      <Box w={['100%', '100%', '1220px']} pt="2rem" px="1rem" mx="auto">
+        <Flex wrap="wrap">
+          <Box w="50%" pr="3rem">
+            <Heading fontSize={['3xl', '3xl', '7xl']} mb="3rem">
+              About y cosas que hacemos ;)
+            </Heading>
+          </Box>
+          <Box w="50%" pt="6rem">
+            <Text
+              as={ReactMarkdown}
+              fontWeight="300"
+              lineHeight="1.9"
+              pb="2rem"
+              sx={{ p: { display: 'block', pb: '2rem' } }}
+            >
+              {about.texto_about}
+            </Text>
+          </Box>
+        </Flex>
+      </Box>
+    </>
+  )
+}
+
+export default Team
+
+export async function getStaticProps() {
+  await login()
+
+  const about = await getAbout()
+  const teamMembers = await getTeamMembersWithImages()
+
+  return { props: { data: { about: about.data, teamMembers } } }
+}
diff --git a/src/pages/team.tsx b/src/pages/team.tsx
index b8ce103..8e4e25f 100644
--- a/src/pages/team.tsx
+++ b/src/pages/team.tsx
@@ -18,7 +18,7 @@ const Team: React.FC<{
   return (
     <>
       <SEO title="work" />
-      <Box w={['100%', '100%', '1170px']} pt="2rem" px="1rem" mx="auto">
+      <Box w={['100%', '100%', '1220px']} pt="2rem" px="1rem" mx="auto">
         <Flex wrap="wrap">
           <Box w="50%">
             <Heading fontSize={['3xl', '3xl', '7xl']} mb="3rem">