Damn

.tool-versions

@@ -0,0 +1 @@
+nodejs 8.17.0

src/components/Contact.js

@@ -4,12 +4,11 @@ import React from 'react'
 import ContactMap from './SingleLocationMap'
 
 const ContactBox = props => {
-  console.log('ADDREESS HERE', props)
   return (
     <div className="flex-ns justify-between">
       <div className="">
         <div className="fw7">ECOcentrix Consultants, LLC</div>
-        <div className="fw5">2612 Delmar Blvd</div>
+        <div className="fw5">{props.address.street1}</div>
         {props.address.street2 && (
           <div className="fw5">{props.address.street2}</div>
         )}
@@ -73,9 +72,13 @@ export const ContactBoxQuery = () => (
         }
       }
     `}
-    render={data => (
-      <ContactBox {...data.allMarkdownRemark.edges[0].node.frontmatter} />
-    )}
+    render={data => {
+      const { node } = data.allMarkdownRemark.edges.find(
+        edge => edge.node.frontmatter.address !== null
+      )
+      console.log({ node })
+      return <ContactBox {...node.frontmatter} />
+    }}
   />
 )
 

src/templates/contact-us.js

@@ -11,7 +11,7 @@ export const ContactPageTemplate = ({ title, content, contentComponent }) => {
   return (
     <div className="contact-main">
       <div className="pb0-ns z-1 h5 relative">
-        <div className="bg-grey-color-80 absolute cover h-100 w-100 z-2" />
+        <div className="bg-blue absolute cover h-100 w-100 z-2" />
         <h1 className="mw8 pl5 f2 f-5-ns center white mv0 lh-copy z-5 relative">
           {title}
         </h1>
@@ -72,7 +72,7 @@ export const ContactPageTemplate = ({ title, content, contentComponent }) => {
         </form>
       </section>
       <PageContent
-        className="markdown-content pt4 mw7 center ph4"
+        className="markdown-content pv4 mw7 center ph4"
         content={content}
       />
       <section className="pb5 mw7 center ph4">