added who we are data

Author: vmcodes

components/containers/Member.js

@@ -42,7 +42,7 @@ export default function Member({
               height='25px'
               width='25px'
             />
-            <Link href={`https://linkedin.com/${linkedIn}`}>{linkedIn}</Link>
+            <Link href={`https://linkedin.com/in/${linkedIn}`}>{linkedIn}</Link>
           </div>
         )}
         {portfolio && (

pages/about.js

@@ -12,6 +12,7 @@ import Title from '@/components/snippets/Title';
 import Container from '@/components/containers/Container';
 import Row from '@/components/containers/Row';
 import Member from '@/components/containers/Member';
+import { whoWeAre } from './data/about';
 
 export default function AboutUs() {
   return (
@@ -222,32 +223,20 @@ export default function AboutUs() {
             <Title title='Who we are' />
 
             <Row>
-              <Member
-                image='/images/ellipse.png'
-                name='Mariana Caldas'
-                title='Project Team Lead'
-                position='Web Developer (Front-End)'
-                customClass='row-card'
-                linkedIn='mariana-caldas'
-                portfolio='marianacaldas.com'
-                about='Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.'
-              />
-
-              <Member image='/images/ellipse.png' customClass='row-card' />
-
-              <Member image='/images/ellipse.png' customClass='row-card' />
-
-              <Member image='/images/ellipse.png' customClass='row-card' />
-
-              <Member image='/images/ellipse.png' customClass='row-card' />
-
-              <Member image='/images/ellipse.png' customClass='row-card' />
-
-              <Member image='/images/ellipse.png' customClass='row-card' />
-
-              <Member image='/images/ellipse.png' customClass='row-card' />
-
-              <Member image='/images/ellipse.png' customClass='row-card' />
+              {whoWeAre.map(_ => {
+                return (
+                  <Member
+                    key={_?.name}
+                    image={_?.image}
+                    name={_?.name}
+                    title={_?.title}
+                    position={_?.position}
+                    linkedIn={_?.linkedIn}
+                    portfolio={_?.portfolio}
+                    about={_?.about}
+                  />
+                );
+              })}
             </Row>
           </Container>
         </section>

pages/data/about.js

@@ -0,0 +1,72 @@
+export const whoWeAre = [
+  {
+    image: '/images/mariana.webp',
+    name: 'Mariana',
+    title: 'Project Founder and Team Lead',
+    position: 'Front-End Developer',
+    linkedIn: 'mariana-caldas-souza',
+    portfolio: 'www.marianacaldas.com',
+    about:
+      'Mariana is a Front-End developer who strongly believes in the power of sharing knowledge.',
+  },
+  {
+    image: '/images/jana.webp',
+    name: 'Jana Behfarshad',
+    title: 'Project Founder',
+    position: 'Web Developer',
+    linkedIn: 'jana-behfarshad',
+    portfolio: '',
+    about:
+      "A web dev mum who dreams of teaching her children and others coding. The tech industry is revolving hastily towards creating, inspiring, and contributing to the world. Let's all be a part of it!",
+  },
+  {
+    image: '/images/kim.webp',
+    name: 'Kimberly Cashwell',
+    title: '',
+    position: 'UI/UX',
+    linkedIn: 'kimcashwell',
+    portfolio: 'www.kimcashwell.com',
+    about:
+      'Kim loves to design interfaces with the purpose of helping people. She enjoys solving problems with UX and is always learning a new tool or concept.',
+  },
+  {
+    image: '/images/camila.webp',
+    name: 'Camila Santos',
+    title: '',
+    position: 'UI/UX',
+    linkedIn: 'letsgocami',
+    portfolio: 'www.behance.net/letsgocami',
+    about:
+      'Camila is a UI Designer who loves traveling and is passionate about all parts of the creative process. She believes that creating layouts is a team collaboration work process.',
+  },
+  {
+    image: '/images/cheryl.webp',
+    name: 'Cheryl',
+    title: '',
+    position: 'Full-Stack Developer',
+    linkedIn: 'cheryl-h-murphy',
+    portfolio: '',
+    about:
+      'Cheryl is a Full-Stack web and mobile developer who loves learning and creating tools to make life easier and improve efficiency. She also enjoys problem-solving and helping new developers',
+  },
+  {
+    image: '/images/klesta.webp',
+    name: 'Klesta Luli',
+    title: '',
+    position: 'Front-End Developer',
+    linkedIn: 'klestaluli',
+    portfolio: 'www.klesdev.com',
+    about:
+      'Klesta is a Front-End developer who enjoys merging creative and technical skills to provide useful tools people can use to make their lives easier.',
+  },
+  {
+    image: '/images/vincent.webp',
+    name: 'Vincent',
+    title: '',
+    position: 'Web Developer',
+    linkedIn: 'vincentm5',
+    portfolio: 'vmcodes.com',
+    about:
+      'Vincent is a professional in the IT industry and also a web developer that enjoys contributing to open-source projects in his spare time. Whether creating aesthetic web pages, coding server-side applications or configuring an environment to host software, he enjoys it all.',
+  },
+];