{"version":3,"sources":["webpack:///./src/components/Hero.js","webpack:///./src/pages/contact.js","webpack:///./src/components/Location.js","webpack:///./src/images/sp-pattern-blue.svg"],"names":["Hero","props","Tag","className","fluid","imagebg","style","title","overlay","Contact","data","meta_title","prismicContact","meta_description","src","backgroundImage","pattern","backgroundSize","dangerouslySetInnerHTML","__html","hero_text","html","id","action","method","target","type","name","placeholder","required","rows","cols","data-sitekey","prismicGlobal","phone_number","text","href","email_address","address","Location","backgroundColor","prismicAbout","location_content","map","childImageSharp","alt","query","render","module","exports"],"mappings":"8FAAA,8CAmBeA,IAhBF,SAAAC,GAAK,OAChB,kBAAC,IAAD,CACEC,IAAI,MACJC,UAAS,iCAAkCF,EAAME,UAAYF,EAAME,UAAY,IAC/EC,MAAOH,EAAMI,QACbC,MAAOL,EAAMK,OAEb,yBAAKH,UAAU,wCACb,yBAAKA,UAAU,kBACb,yBAAKA,UAAU,sDAAsDF,EAAMM,SAG/E,yBAAKJ,UAAcF,EAAMO,QAAX,0B,oCCflB,0HA0FeC,UAhFC,SAAC,GAAD,IAAGC,EAAH,EAAGA,KAAH,OACd,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEC,WAAYD,EAAKE,eAAeF,KAAKC,WACrCE,iBAAkBH,EAAKE,eAAeF,KAAKG,mBAE7C,kBAAC,IAAD,KACE,4BAAQC,IAAI,6CAGd,yBACEX,UAAU,uCACVG,MAAO,CAAES,gBAAgB,OAAQC,IAAT,IAAqBC,eAAgB,QAE7D,yBAAKd,UAAU,2BACb,yBAAKA,UAAU,kBACb,yBAAKA,UAAU,6CACb,yBACEe,wBAAyB,CACvBC,OAAQT,EAAKE,eAAeF,KAAKU,UAAUC,YAQvD,6BAASlB,UAAU,sDACjB,yBAAKA,UAAU,iCACb,yBAAKA,UAAU,qCACb,0BACEmB,GAAG,aACHC,OAAO,4DACPC,OAAO,OACPC,OAAO,UAEP,2BAAOC,KAAK,OAAOC,KAAK,WAAWC,YAAY,YAAYC,UAAQ,IACnE,2BAAOH,KAAK,OAAOC,KAAK,QAAQC,YAAY,iBAC5C,2BAAOF,KAAK,OAAOC,KAAK,QAAQC,YAAY,gBAAgBC,UAAQ,IAEpE,8BAAUH,KAAK,OAAOC,KAAK,UAAUC,YAAY,UAAUE,KAAK,IAAIC,KAAK,KAAKF,UAAQ,IAEtF,2BAAOH,KAAK,OAAOC,KAAK,WAAWxB,UAAU,aAC7C,yBAAKA,UAAU,mBAAmB6B,eAAa,6CAC/C,4BACE7B,UAAU,8GACVuB,KAAK,UAFP,mBASN,yBAAKvB,UAAU,kCACb,yBAAKA,UAAU,qCACb,4CACA,2BAAIO,EAAKuB,cAAcvB,KAAKwB,aAAaC,MACzC,uBAAGhC,UAAU,QACX,uBACEiC,KAAI,WAAa1B,EAAKuB,cAAcvB,KAAK2B,cAAcF,KAAnD,IACJhC,UAAU,qDAETO,EAAKuB,cAAcvB,KAAK2B,cAAcF,OAI3C,uCACA,yBACEjB,wBAAyB,CACvBC,OAAQT,EAAKuB,cAAcvB,KAAK4B,QAAQjB,WAOlD,kBAAC,IAAD,S,kCCtFJ,0DAIMkB,EAAW,SAAC,GAAD,IAAG7B,EAAH,EAAGA,KAAH,OACf,6BAASP,UAAU,MAAMG,MAAO,CAAEkC,gBAAiB,YACjD,yBAAKrC,UAAU,aACb,yBAAKA,UAAU,2BACb,yBAAKA,UAAU,iCACb,yBACEe,wBAAyB,CACvBC,OAAQT,EAAK+B,aAAa/B,KAAKgC,iBAAiBrB,SAItD,yBAAKlB,UAAU,gCACb,kBAAC,IAAD,CAAKC,MAAOM,EAAKiC,IAAIC,gBAAgBxC,MAAOD,UAAU,eAAe0C,IAAI,0BAOpE,aAAA5C,GAAK,OAClB,kBAAC,cAAD,CACE6C,MAAK,aAqBLC,OAAQ,SAAArC,GAAI,OAAI,kBAAC6B,EAAD,eAAU7B,KAAMA,GAAUT,S,mBC9C9C+C,EAAOC,QAAU","file":"component---src-pages-contact-js-c92ed78059fb108229e4.js","sourcesContent":["import React from 'react';\nimport BackgroundImage from 'gatsby-background-image';\n\nconst Hero = props => (\n  <BackgroundImage\n    Tag=\"div\"\n    className={`hero hero-large z-0 relative ${props.className ? props.className : ''}`}\n    fluid={props.imagebg}\n    style={props.style}\n  >\n    <div className=\"hero-body relative w-full block z-30\">\n      <div className=\"container flex\">\n        <div className=\"w-full md:w-2/3 lg:w-1/2 flex self-end text-white \">{props.title}</div>\n      </div>\n    </div>\n    <div className={`${props.overlay} absolute pin z-10`} />\n  </BackgroundImage>\n);\n\nexport default Hero;\n","import React from 'react';\nimport { graphql } from 'gatsby';\nimport Helmet from 'react-helmet';\n\nimport Layout from '../components/Layout';\nimport SEO from '../components/SEO';\nimport Hero from '../components/Hero';\nimport pattern from '../images/sp-pattern-blue.svg';\nimport Location from '../components/Location';\n\nconst Contact = ({ data }) => (\n  <Layout>\n    <SEO\n      meta_title={data.prismicContact.data.meta_title}\n      meta_description={data.prismicContact.data.meta_description}\n    />\n    <Helmet>\n      <script src=\"https://www.google.com/recaptcha/api.js\" />\n    </Helmet>\n\n    <div\n      className=\"hero hero-large z-0 relative bg-blue\"\n      style={{ backgroundImage: `url(${pattern})`, backgroundSize: '22%' }}\n    >\n      <div className=\"hero-body relative z-10\">\n        <div className=\"container flex\">\n          <div className=\"w-full md:w-1/2 flex self-end text-white \">\n            <div\n              dangerouslySetInnerHTML={{\n                __html: data.prismicContact.data.hero_text.html,\n              }}\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n\n    <section className=\"p-0 h-full text-white flex flex-wrap relative z-10\">\n      <div className=\"w-full md:w-1/2 bg-grey-light\">\n        <div className=\"py-16 container md:px-12 max-w-md\">\n          <form\n            id=\"sp-contact\"\n            action=\"https://api.formbucket.com/f/buk_KJVBGtyTYA8QWklcd8hvhbT4\"\n            method=\"post\"\n            target=\"_blank\"\n          >\n            <input type=\"text\" name=\"fullname\" placeholder=\"Full Name\" required />\n            <input type=\"text\" name=\"phone\" placeholder=\"Phone Number\" />\n            <input type=\"text\" name=\"email\" placeholder=\"Email Address\" required />\n\n            <textarea type=\"text\" name=\"message\" placeholder=\"Message\" rows=\"8\" cols=\"50\" required />\n\n            <input type=\"text\" name=\"honeypot\" className=\"honeypot\" />\n            <div className=\"g-recaptcha mb-2\" data-sitekey=\"6Lcb6IUUAAAAAFmvzqNDt0q9Qb8NTpg7CHAyh2EY\" />\n            <button\n              className=\"border border-2 border-black rounded-full px-6 py-4 no-underline text-black hover:bg-black hover:text-white\"\n              type=\"submit\"\n            >\n              Send Message\n            </button>\n          </form>\n        </div>\n      </div>\n      <div className=\"w-full md:w-1/2 bg-orange-dark\">\n        <div className=\"py-16 container md:px-12 max-w-md\">\n          <h4>Get in touch</h4>\n          <p>{data.prismicGlobal.data.phone_number.text}</p>\n          <p className=\"mb-8\">\n            <a\n              href={`mailto: ${data.prismicGlobal.data.email_address.text} `}\n              className=\"no-underline text-white hover:text-orange-darkest\"\n            >\n              {data.prismicGlobal.data.email_address.text}\n            </a>\n          </p>\n\n          <h4>Address</h4>\n          <div\n            dangerouslySetInnerHTML={{\n              __html: data.prismicGlobal.data.address.html,\n            }}\n          />\n        </div>\n      </div>\n    </section>\n\n    <Location />\n  </Layout>\n);\n\nexport default Contact;\n\nexport const query = graphql`\n  query contactPage {\n    prismicContact {\n      uid\n      id\n      data {\n        meta_title\n        meta_description\n        title {\n          text\n        }\n        content {\n          html\n        }\n        hero_text {\n          html\n        }\n      }\n    }\n    prismicGlobal {\n      id\n      data {\n        address {\n          html\n        }\n        email_address {\n          text\n        }\n        phone_number {\n          text\n        }\n      }\n    }\n  }\n`;\n","import React from 'react';\nimport { StaticQuery, graphql } from 'gatsby';\nimport Img from 'gatsby-image';\n\nconst Location = ({ data }) => (\n  <section className=\"p-0\" style={{ backgroundColor: '#F2F0EB' }}>\n    <div className=\"container\">\n      <div className=\"flex flex-wrap md:-mx-6\">\n        <div className=\"w-full md:w-1/2 py-16 md:px-6\">\n          <div\n            dangerouslySetInnerHTML={{\n              __html: data.prismicAbout.data.location_content.html,\n            }}\n          />\n        </div>\n        <div className=\"w-full md:w-1/2 md:px-6 flex\">\n          <Img fluid={data.map.childImageSharp.fluid} className=\"block w-full\" alt=\"Service area Map\" />\n        </div>\n      </div>\n    </div>\n  </section>\n);\n\nexport default props => (\n  <StaticQuery\n    query={graphql`\n      query location {\n        prismicAbout {\n          id\n          data {\n            location_content {\n              html\n            }\n          }\n        }\n        map: file(relativePath: { eq: \"structure_plus-map.jpg\" }) {\n          id\n          publicURL\n          childImageSharp {\n            fluid(quality: 100) {\n              ...GatsbyImageSharpFluid_withWebp\n            }\n          }\n        }\n      }\n    `}\n    render={data => <Location data={data} {...props} />}\n  />\n);\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMTAgMTgyLjMyIiBmaWxsPSIjMDA2N0E5Ij48cGF0aCBkPSJNNTQgMjN2MTguNDhsMTYgOS4yNHYxNy42MmwxNiA5LjI0VjU5LjUzbDE2IDkuMjRWNTAuMjlsLTE2LTkuMjR2LjY1LTE4LjQ4bC0xNi05LjI1djE4LjI3ek0xNTUgMjN2MTguNDhsLTE2IDkuMjR2MTcuNjJsLTE2IDkuMjRWNTkuNTNsLTE2IDkuMjRWNTAuMjlsMTYtOS4yNHYuNjUtMTguNDhsMTYtOS4yNXYxOC4yN3pNMiAxMTUuMjV2MTguNDhsMTYgOS4yM3YxNy45MWwxNSA4LjY3di0xNy43NmwxNiA5LjIzdi0xOC40OGwtMTYtOS4yM1YxMTUuNzVsLTE1LTguNjZ2MTcuMzl6TTEwMiAxMTUuMjV2MTguNDhsLTE2IDkuMjN2MTcuOTFsLTE1IDguNjd2LTE3Ljc2bC0xNiA5LjIzdi0xOC40OGwxNi05LjIzVjExNS43NWwxNS04LjY2djE3LjM5ek04My4wNiA4My4ybC0xNS42My05LjAyTDUxLjggODMuMmwtMTUuNjMtOS4wMi0xNS42NCA5LjAyIDE1LjY0IDkuMDMtMTUuNjQgOS4wMiAxNS42NCA5LjAzIDE1LjYzLTkuMDMgMTUuNjMgOS4wMyAxNS42My05LjAzLTE1LjYzLTkuMDJ6TTEwNyAxMTQuNDh2MTguNDhsMTYgOS4yM3YxNy45MWwxNSA4LjY3di0xNy43NmwxNiA5LjIzdi0xOC40OGwtMTYtOS4yM1YxMTQuOThsLTE1LTguNjZ2MTcuMzl6TTIwNyAxMTQuNDh2MTguNDhsLTE2IDkuMjN2MTcuOTFsLTE1IDguNjd2LTE3Ljc2bC0xNiA5LjIzdi0xOC40OGwxNi05LjIzVjExNC45OGwxNS04LjY2djE3LjM5ek0xODguNSA4Mi40M2wtMTUuNjMtOS4wMi0xNS42MyA5LjAyLTE1LjYzLTkuMDItMTUuNjQgOS4wMiAxNS42NCA5LjAzLTE1LjY0IDkuMDIgMTUuNjQgOS4wMyAxNS42My05LjAzIDE1LjYzIDkuMDMgMTUuNjMtOS4wMy0xNS42My05LjAyek0xNjAgMjN2MTguNDhsMTYgOS4yNHYxNy45MWwxNSA4LjY2VjU5LjUzbDE2IDkuMjRWNTAuMjlsLTE2LTkuMjRWMjMuNTFsLTE1LTguNjd2MTcuNHoiLz48Zz48cGF0aCBkPSJNNDkgMjN2MTguNDhsLTE2IDkuMjR2MTcuOTFsLTE1IDguNjZWNTkuNTNMMiA2OC43N1Y1MC4yOWwxNi05LjI0VjIzLjUxbDE1LTguNjd2MTcuNHoiLz48L2c+PGc+PHBhdGggZD0iTTg4Ljg5IDE4LjA0bDE1LjYzLTkuMDMgMTUuNjMgOS4wMyAxNS42My05LjAzTDEyMC4xOCAwSDg4Ljg2TDczLjI1IDkuMDF6TTE5NC4wMSAxOC4wNGwxNS42My05LjAzLjM2LjJWMGgtMTYuMDJsLTE1LjYxIDkuMDF6TTE1LjAzIDE4LjA0bDE1LjYzLTkuMDNMMTUuMDYgMEgwdjkuMzV6TTEyMC4xNSAxNjQuNTlsLTE1LjYzIDkuMDItMTUuNjMtOS4wMi0xNS42NCA5LjAyIDE1LjA4IDguNzFoMzIuMzdsMTUuMDgtOC43MXpNMjA5LjY0IDE3My42MWwtMTUuNjMtOS4wMi0xNS42NCA5LjAyIDE1LjA4IDguNzFIMjEwdi04Ljkyek0xNS4wMyAxNjQuNTlMMCAxNzMuMjZ2OS4wNmgxNS41OGwxNS4wOC04LjcxeiIvPjwvZz48L3N2Zz4=\""],"sourceRoot":""}