diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
index 4b30fc7..ae449ce 100644
Binary files a/public/android-chrome-192x192.png and b/public/android-chrome-192x192.png differ
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
index 7a12520..a8ce942 100644
Binary files a/public/android-chrome-512x512.png and b/public/android-chrome-512x512.png differ
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
index 8ba447f..52c87da 100644
Binary files a/public/apple-touch-icon.png and b/public/apple-touch-icon.png differ
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
index 987d5d6..0e59cf5 100644
Binary files a/public/favicon-16x16.png and b/public/favicon-16x16.png differ
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
index bff991b..84d26dd 100644
Binary files a/public/favicon-32x32.png and b/public/favicon-32x32.png differ
diff --git a/public/favicon.ico b/public/favicon.ico
index 171f3ab..1e80bef 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/src/lib/api.ts b/src/lib/api.ts
index c3a1559..e458d5f 100644
--- a/src/lib/api.ts
+++ b/src/lib/api.ts
@@ -26,6 +26,7 @@ const createDir = (dir: string) => {
 createDir(assetsDir)
 createDir(notasImagesDir)
 createDir(workImagesDir)
+createDir(avatarImagesDir)
 
 export interface IFileWithData extends IFile {
   filename_disk: string
@@ -138,7 +139,7 @@ export interface ITeamMember {
   avatar: number
 }
 
-export interface ITeamMemberWithImage {
+export interface ITeamMemberWithImage extends ITeamMember {
   avatar_file: string
 }
 
diff --git a/src/pages/team.tsx b/src/pages/team.tsx
new file mode 100644
index 0000000..b8ce103
--- /dev/null
+++ b/src/pages/team.tsx
@@ -0,0 +1,70 @@
+import { Stack, Heading, Text, Box, Flex } from '@chakra-ui/react'
+
+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%', '1170px']} pt="2rem" px="1rem" mx="auto">
+        <Flex wrap="wrap">
+          <Box w="50%">
+            <Heading fontSize={['3xl', '3xl', '7xl']} mb="3rem">
+              El team
+            </Heading>
+          </Box>
+          <Box w="50%" pt="6rem">
+            <Text fontWeight="300" lineHeight="1.9" pb="2rem">
+              {about.texto_team}
+            </Text>
+            <Stack wrap="wrap" direction="row" justify="space-between" mb="6rem">
+              {teamMembers.map((member) => (
+                <Box key={member.nombre} w="calc(50% - 2rem)" fontWeight="300">
+                  <Box>
+                    <ResponsiveImage
+                      url={`avatar/${member.avatar_file}`}
+                      alt={`Foto de ${member.nombre}`}
+                      w="100%"
+                      h="100%"
+                      borderRadius="primary"
+                      mb="1rem"
+                    />
+                  </Box>
+                  <Heading as="h3" fontSize="xl" mb="1rem">
+                    {member.nombre}
+                  </Heading>
+                  <Text fontSize="md">
+                    <i>“{member.cita}”</i>
+                  </Text>
+                </Box>
+              ))}
+            </Stack>
+          </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 } } }
+}