{"version":3,"sources":["webpack:///./src/pages/about/index.js"],"names":["About","props","aboutInfo","data","allMarkdownRemark","edges","reduce","acc","aboutSection","node","frontmatter","name","body","excerpt","html","___EmotionJSX","Layout","bodyClass","SEO","title","className","alt","src","history","image","dangerouslySetInnerHTML","__html","mission","services","style","width"],"mappings":"4FAAA,yDA0IeA,UAnIDC,IACZ,MAAMC,EAAYD,EAAME,KAAKC,kBAAkBC,MAAMC,OACnD,CAACC,EAAKC,KACG,IACFD,EACH,CAACC,EAAaC,KAAKC,YAAYC,MAAO,IACjCH,EAAaC,KAAKC,YACrBE,KAAMJ,EAAaC,KAAKI,QACxBC,KAAMN,EAAaC,KAAKK,QAI9B,IAGF,OACEC,cAACC,IAAM,CAACC,UAAU,YAChBF,cAACG,IAAG,CAACC,MAAM,UACXJ,cAAA,OAAKK,UAAU,gCACbL,cAAA,OAAKK,UAAU,cAAa,aAG9BL,cAAA,OAAKK,UAAU,kBACbL,cAAA,OAAKK,UAAU,aACbL,cAAA,OAAKK,UAAU,OACbL,cAAA,OAAKK,UAAU,+BACbL,cAAA,OAAKK,UAAU,SACbL,cAAA,OACEM,IAAI,gBACJC,IAAKpB,EAAUqB,QAAQC,MACvBJ,UAAU,iBAGdL,cAAA,OAAKK,UAAU,SACbL,cAAA,OAAKK,UAAU,cACbL,cAAA,MAAIK,UAAU,eAAelB,EAAUqB,QAAQJ,OAC/CJ,cAAA,YAEFA,cAAA,WACAA,cAAA,OACEK,UAAU,gBACVK,wBAAyB,CAAEC,OAAQxB,EAAUqB,QAAQT,aAOjEC,cAAA,OAAKK,UAAU,kBACbL,cAAA,OAAKK,UAAU,aACbL,cAAA,OAAKK,UAAU,OACbL,cAAA,OAAKK,UAAU,8CACbL,cAAA,OAAKK,UAAU,SACbL,cAAA,OAAKK,UAAU,cACbL,cAAA,MAAIK,UAAU,eAAelB,EAAUyB,QAAQR,OAC/CJ,cAAA,YAEFA,cAAA,WACAA,cAAA,OACEK,UAAU,gBACVK,wBAAyB,CAAEC,OAAQxB,EAAUyB,QAAQb,SAGzDC,cAAA,OAAKK,UAAU,SACbL,cAAA,OACEM,IAAI,mBACJC,IAAKpB,EAAUyB,QAAQH,MACvBJ,UAAU,qBAOtBL,cAAA,OAAKK,UAAU,kBACbL,cAAA,OAAKK,UAAU,aACbL,cAAA,OAAKK,UAAU,OACbL,cAAA,OAAKK,UAAU,8CACbL,cAAA,OAAKK,UAAU,SACbL,cAAA,OACEM,IAAI,eACJC,IAAKpB,EAAU0B,SAASJ,MACxBJ,UAAU,cACVS,MAAO,CAAEC,MAAO,UAGpBf,cAAA,OAAKK,UAAU,SACbL,cAAA,OAAKK,UAAU,cACbL,cAAA,MAAIK,UAAU,eAAelB,EAAU0B,SAAST,OAChDJ,cAAA,YAEFA,cAAA,WACAA,cAAA,OACEK,UAAU,gBACVK,wBAAyB,CAAEC,OAAQxB,EAAU0B,SAASd","file":"component---src-pages-about-index-js-f6d4353974c9dba117d7.js","sourcesContent":["import React from 'react'\nimport { graphql } from 'gatsby'\nimport PropTypes from 'prop-types'\n\nimport SEO from '../../components/SEO'\nimport Layout from '../../layouts/index'\n\nconst About = props => {\n  const aboutInfo = props.data.allMarkdownRemark.edges.reduce(\n    (acc, aboutSection) => {\n      return {\n        ...acc,\n        [aboutSection.node.frontmatter.name]: {\n          ...aboutSection.node.frontmatter,\n          body: aboutSection.node.excerpt,\n          html: aboutSection.node.html,\n        },\n      }\n    },\n    {},\n  )\n\n  return (\n    <Layout bodyClass='gradient'>\n      <SEO title='About' />\n      <div className='page-banner about-background'>\n        <div className='page-title'>About Us</div>\n      </div>\n\n      <div className='page-section-1'>\n        <div className='container'>\n          <div className='row'>\n            <div className='col-12 mb-1 about-container'>\n              <div className='about'>\n                <img\n                  alt='Highway Truck'\n                  src={aboutInfo.history.image}\n                  className='about-image'\n                />\n              </div>\n              <div className='about'>\n                <div className='about-meta'>\n                  <h2 className='about-title'>{aboutInfo.history.title}</h2>\n                  <hr />\n                </div>\n                <hr />\n                <div\n                  className='about-content'\n                  dangerouslySetInnerHTML={{ __html: aboutInfo.history.html }}\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className='page-section-2'>\n        <div className='container'>\n          <div className='row'>\n            <div className='col-12 mb-1 about-container mobile-mission'>\n              <div className='about'>\n                <div className='about-meta'>\n                  <h2 className='about-title'>{aboutInfo.mission.title}</h2>\n                  <hr />\n                </div>\n                <hr />\n                <div\n                  className='about-content'\n                  dangerouslySetInnerHTML={{ __html: aboutInfo.mission.html }}\n                />\n              </div>\n              <div className='about'>\n                <img\n                  alt='Close Up Tractor'\n                  src={aboutInfo.mission.image}\n                  className='about-image'\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className='page-section-3'>\n        <div className='container'>\n          <div className='row'>\n            <div className='col-12 mb-1 about-container mobile-mission'>\n              <div className='about'>\n                <img\n                  alt='Tall Tractor'\n                  src={aboutInfo.services.image}\n                  className='about-image'\n                  style={{ width: '90%' }}\n                />\n              </div>\n              <div className='about'>\n                <div className='about-meta'>\n                  <h2 className='about-title'>{aboutInfo.services.title}</h2>\n                  <hr />\n                </div>\n                <hr />\n                <div\n                  className='about-content'\n                  dangerouslySetInnerHTML={{ __html: aboutInfo.services.html }}\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </Layout>\n  )\n}\n\nAbout.propTypes = {\n  data: PropTypes.object,\n}\n\nexport const query = graphql`\n  query AboutQuery {\n    allMarkdownRemark(\n      filter: { fileAbsolutePath: { regex: \"/about/\" } }\n      sort: { fields: [frontmatter___date], order: DESC }\n    ) {\n      edges {\n        node {\n          html\n          excerpt(pruneLength: 1000)\n          frontmatter {\n            path\n            name\n            title\n            image\n          }\n        }\n      }\n    }\n  }\n`\n\nexport default About\n"],"sourceRoot":""}