added advisors as a section to team page

src/components/team-advisors.js

@@ -0,0 +1,86 @@
+import React, { Component } from 'react'
+
+import Image from './image'
+
+import Email from '../assets/images/icon-email.inline.svg'
+import LinkedIn from '../assets/images/icon-linkedin.inline.svg'
+import Twitter from '../assets/images/icon-twitter.inline.svg'
+import Instagram from '../assets/images/icon-instagram.inline.svg'
+import Portfolio from '../assets/images/icon-portfolio.inline.svg'
+
+import config from '../../config'
+
+class TeamAdvisor extends Component {
+  render() {
+    const { name, title, bio, social, image } = this.props.member
+
+    return (
+      <div className="team-advisor margin-bottom--double">
+        <div className="pure-g">
+          <div className="pure-u-1 pure-u-lg-1-2">
+            <div className="pad-right--only-lg margin-bottom">
+              <Image
+                src={image}
+                sizes={config.sizes.fullToHalfAtLargeInsideMaxWidth}
+                className="image--max-width"
+              />
+            </div>
+          </div>
+          <div className="pure-u-1 pure-u-lg-1-2">
+            <div className="pad-left--only-lg">
+              <p className="text--bold margin-top--none margin-bottom--half">
+                {name}
+              </p>
+              <p className="text--gray margin--none">{title}</p>
+              <ul className="social-links list--unstyled container container--align-center">
+                {social.email ? (
+                  <li>
+                    <a href={`mailto:${social.email}`}>
+                      <Email className="icon icon--md" />
+                    </a>
+                  </li>
+                ) : null}
+                {social.twitter ? (
+                  <li>
+                    <a href={social.twitter}>
+                      <Twitter className="icon icon--md" />
+                    </a>
+                  </li>
+                ) : null}
+                {social.linkedin ? (
+                  <li>
+                    <a href={social.linkedin}>
+                      <LinkedIn className="icon icon--md" />
+                    </a>
+                  </li>
+                ) : null}
+                {social.instagram ? (
+                  <li>
+                    <a href={social.instagram}>
+                      <Instagram className="icon icon--md" />
+                    </a>
+                  </li>
+                ) : null}
+                {social.portfolio ? (
+                  <li>
+                    <a href={social.portfolio}>
+                      <Portfolio className="icon icon--md" />
+                    </a>
+                  </li>
+                ) : null}
+                {social.other ? (
+                  <li>
+                    <a href={social.other.link}>{social.other.text}</a>
+                  </li>
+                ) : null}
+              </ul>
+              <p className="text--gray margin-top--none">{bio}</p>
+            </div>
+          </div>
+        </div>
+      </div>
+    )
+  }
+}
+
+export default TeamAdvisor

src/data/advisors.json

@@ -0,0 +1,12 @@
+[
+  {
+    "name": "Shayla Nettey",
+    "title": "Clinical Strategist (on-call)",
+    "bio": "Shayla Nettey is a physician with a taste for design. Her focus on community medicine and patient education pushes her public health goals where all patients better control their health with help from happier, skilled clinicians. Shayla joined Invo in 2021, is a graduate of Morehouse School of Medicine, and practices as a hospitalist in North Carolina.",
+    "social": {
+      "email": "[email protected]",
+      "linkedin": "https://www.linkedin.com/in/shaylanetteymd/"
+    },
+    "image": "/images/about/headshot-shayla-nettey.jpg"
+  }
+]

src/data/team.json

@@ -120,16 +120,6 @@
     },
     "image": "/images/about/headshot-oliver-bello.jpg"
   },
-  {
-    "name": "Shayla Nettey",
-    "title": "Clinical Strategist (on-call)",
-    "bio": "Shayla Nettey is a physician with a taste for design. Her focus on community medicine and patient education pushes her public health goals where all patients better control their health with help from happier, skilled clinicians. Shayla joined Invo in 2021, is a graduate of Morehouse School of Medicine, and practices as a hospitalist in North Carolina.",
-    "social": {
-      "email": "[email protected]",
-      "linkedin": "https://www.linkedin.com/in/shaylanetteymd/"
-    },
-    "image": "/images/about/headshot-shayla-nettey.jpg"
-  },
   {
     "name": "Maverick Chan",
     "title": "Designer",

src/pages/about/index.js

@@ -5,10 +5,12 @@ import Layout from '../../components/layouts/layout'
 import Hero from '../../components/hero'
 import ImageBlock from '../../components/image-block'
 import TeamMember from '../../components/team-member'
+import TeamAdvisor from '../../components/team-advisors'
 import Image from '../../components/image'
 import Columns from '../../components/columns'
 import Card from '../../components/card'
 import team from '../../data/team.json'
+import advisors from '../../data/advisors.json'
 import HubspotForm from '../../components/hubspot-form'
 
 import config from '../../../config'
@@ -219,6 +221,14 @@ const AboutPage = () => (
         <TeamMember key={member.name} member={member} />
       ))}
     </div>
+
+    <div className="max-width content-padding">
+      <h2 className="header--xl text--center pad-vertical--double">Our advisors</h2>
+      {advisors.slice(0, advisors.length).map(advisor => (
+        <TeamAdvisor key={advisor.name} member={advisor} />
+      ))}
+    </div>
+
     <div className="background--gray pad-vertical--double--only-lg pad-top--double">
       <div className="max-width content-padding">
         <h3 className="header--md text--center text--md">Code of Ethics</h3>
@@ -259,8 +269,8 @@ const AboutPage = () => (
             <h3 className="header--md text--center text--md">Our Story</h3>
             <p className="text--gray margin-bottom pad-right--only-lg">
               With early roots designing for Apple, Microsoft, Oracle, and
-              Obama’s 2008 campaign, GoInvo is now focused exclusively on
-              healthcare. We’ve delivered over 110 products with partners
+              Obama's 2008 campaign, GoInvo is now focused exclusively on
+              healthcare. We've delivered over 110 products with partners
               ranging from 3M, U.S. Department of Health and Human Services,
               Partners Healthcare, and a variety of startups.
             </p>