Add MemberBioSinglePage component with GraphQL query for member details

Signed-off-by: Lee Calcote <lee.calcote@layer5.io>

Author: leecalcote

src/templates/executive-bio.js

@@ -0,0 +1,68 @@
+import React from "react";
+import { graphql } from "gatsby";
+
+import SEO from "../components/seo";
+
+import MemberBio from "../sections/Community/Member-single/executive_bio";
+
+export const query = graphql`query MemberBioBySlug($member: String!) {
+  allMdx(
+    filter: {
+        fields: { collection: { eq: "members" } }
+        frontmatter: { name: { eq: $member }, published: { eq: true } }
+      }
+  ) {
+    nodes {
+        id
+        body
+    frontmatter {
+      name
+      position
+      github
+      twitter
+      email
+      profile
+      meshmate
+      linkedin
+      location
+      badges
+      bio
+      executive_bio
+      executive_position
+      company
+      executive_image {
+        childImageSharp {
+          gatsbyImageData(width: 500, layout: CONSTRAINED)
+        }
+        extension
+        publicURL
+      }
+    }
+}
+  }
+}
+`;
+
+const MemberBioSinglePage = ({ data }) => {
+
+
+  return (
+
+    <>
+
+
+      <MemberBio
+        frontmatter={data.allMdx.nodes[0].frontmatter}
+        body={data.allMdx.nodes[0].body}
+      />
+
+    </>
+
+  );
+};
+
+export default MemberBioSinglePage;
+
+export const Head = ({ data }) => {
+  return <SEO title={data.allMdx.nodes[0].frontmatter.name} image={data.allMdx.nodes[0].frontmatter.executive_image.publicURL} />;
+};