add email, phone, and address to footer

agilesix · Apr 8, 2020 · 7667910 · 7667910
1 parent bc4918c
commit 7667910
Showing 1 changed file with 59 additions and 39 deletions.
diff --git a/src/components/footer.js b/src/components/footer.js
@@ -9,13 +9,12 @@ import React from "react"
 import { StaticQuery, graphql, Link } from "gatsby"
 import Block from "./block"
 
-
 const CaseStudies = ({ children }) => (
   <StaticQuery
     query={graphql`
       query FooterQuery {
         allMarkdownRemark(
-            filter: { frontmatter: {templateKey: {eq: "casestudy"}} }
+          filter: { frontmatter: { templateKey: { eq: "casestudy" } } }
         ) {
           edges {
             node {
@@ -31,68 +30,89 @@ const CaseStudies = ({ children }) => (
         }
       }
     `}
-    render={(data) => {
-      let caseStudies = data.allMarkdownRemark.edges;
+    render={data => {
+      let caseStudies = data.allMarkdownRemark.edges
 
       return (
-        <footer className={'text-grey-medium'}>
+        <footer className={"text-grey-medium"}>
           <Block className={"bg-white"}>
-            <div className={'md:flex'}>
-              <div className={'md:w-1/4 md:pr-4'}>
-                <div className={'mb-6'}>
-                  <div className={'uppercase font-bold'}>Legal Name</div>
+            <div className={"md:flex"}>
+              <div className={"md:w-1/4 md:pr-4"}>
+                <div className={"mb-6"}>
+                  <div className={"uppercase font-bold"}>Legal Name</div>
                   <div>Agile Six Applications, Inc</div>
                 </div>
-                <div className={'mb-6'}>
-                  <div className={'uppercase font-bold'}>DUNS Number</div>
+                <div className={"mb-6"}>
+                  <div className={"uppercase font-bold"}>DUNS Number</div>
                   <div>079622664</div>
                 </div>
-                <div className={'mb-6'}>
-                  <div className={'uppercase font-bold'}>Cage Code</div>
+                <div className={"mb-6"}>
+                  <div className={"uppercase font-bold"}>Cage Code</div>
                   <div>79H77</div>
                 </div>
+                <div className={"mb-6"}>
+                  <div className={"uppercase font-bold"}>NAICS Codes</div>
+                  <div>
+                    541511, 541512, 541513, 541519, 541611, 611420, 611430
+                  </div>
+                </div>
+                <div className={"mb-6"}>
+                  <div className={"uppercase font-bold"}>Email</div>
+                  <div>contact@agile6.com</div>
+                </div>
+                <div className={"mb-6"}>
+                  <div className={"uppercase font-bold"}>Main Phone</div>
+                  <div>(619) 350-6292</div>
+                </div>
                 <div>
-                  <div className={'uppercase font-bold'}>NAICS Codes</div>
-                  <div>541511, 541512, 541513, 541519, 541611, 611420, 611430</div>
+                  <div className={"uppercase font-bold"}>Mailing Address</div>
+                  <div>501 West Broadway, Suite 800</div>
+                  <div>San Diego, CA 92101</div>
                 </div>
               </div>
-              <div className={'md:w-1/4 md:px-4 mt-10 md:mt-0'}>
-                <div className={'uppercase font-bold mb-4'}>Case Studies</div>
-                {caseStudies.map((caseStudy) => {
-                  return(
-                    <div className={'mb-6'}>
-                      <Link to={caseStudy.node.fields.slug}>{caseStudy.node.frontmatter.title}</Link>
+              <div className={"md:w-1/4 md:px-4 mt-10 md:mt-0"}>
+                <div className={"uppercase font-bold mb-4"}>Case Studies</div>
+                {caseStudies.map(caseStudy => {
+                  return (
+                    <div className={"mb-6"}>
+                      <Link to={caseStudy.node.fields.slug}>
+                        {caseStudy.node.frontmatter.title}
+                      </Link>
                     </div>
                   )
                 })}
               </div>
-              <div className={'md:w-1/4 md:px-4 mt-10 md:mt-0'}>
-                <div className={'uppercase font-bold mb-4'}>Learn About</div>
-                <div className={'mb-6'}>
-                  <Link to={'/about'}>Agile Six</Link>
+              <div className={"md:w-1/4 md:px-4 mt-10 md:mt-0"}>
+                <div className={"uppercase font-bold mb-4"}>Learn About</div>
+                <div className={"mb-6"}>
+                  <Link to={"/about"}>Agile Six</Link>
                 </div>
-                <div className={'mb-6'}>
-                  <Link to={'/capabilities'}>Our Capabilities</Link>
+                <div className={"mb-6"}>
+                  <Link to={"/capabilities"}>Our Capabilities</Link>
                 </div>
-                <div className={'mb-6'}>
-                  <Link to={'/team'}>The Team</Link>
+                <div className={"mb-6"}>
+                  <Link to={"/team"}>The Team</Link>
                 </div>
               </div>
-              <div className={'md:w-1/4 md:px-4 mt-10 md:mt-0'}>
-                <div className={'uppercase font-bold mb-4'}>Contact</div>
-                <div className={'mb-6'}>
-                  <Link to={'/contact'}>Hire Us</Link>
+              <div className={"md:w-1/4 md:px-4 mt-10 md:mt-0"}>
+                <div className={"uppercase font-bold mb-4"}>Contact</div>
+                <div className={"mb-6"}>
+                  <Link to={"/contact"}>Hire Us</Link>
                 </div>
-                <div className={'mb-6'}>
-                  <a href={'https://www.github.com/agilesix/'}>GitHub</a>
+                <div className={"mb-6"}>
+                  <a href={"https://www.github.com/agilesix/"}>GitHub</a>
                 </div>
-                <div className={'mb-6'}>
-                  <a href={'https://www.linkedin.com/company/agilesix/'}>LinkedIn</a>
+                <div className={"mb-6"}>
+                  <a href={"https://www.linkedin.com/company/agilesix/"}>
+                    LinkedIn
+                  </a>
                 </div>
               </div>
             </div>
-            <div className={'border-t-2 border-grey-light pt-8 mt-8'}>
-              <div className={'text-md'}>Copyright © 2020 Agile Six Applications, Inc.</div>
+            <div className={"border-t-2 border-grey-light pt-8 mt-8"}>
+              <div className={"text-md"}>
+                Copyright © 2020 Agile Six Applications, Inc.
+              </div>
             </div>
           </Block>
         </footer>