{"version":3,"sources":["webpack:///./src/pages/about.js"],"names":["AboutWrapper","styled","div","IndexPage","node","useStaticQuery","allStrapiAboutSection","nodes","class","src","hero_image","childImageSharp","fluid","alt","title","style","color","dangerouslySetInnerHTML","__html","description","sub_title","introduction"],"mappings":"6FAAA,yIAQaA,EAAaC,IAAOC,IAAR,0EAACD,CAAD,4cAmFVE,UA3CG,WAChB,IAmBMC,EAnBOC,yBAAe,cAmBTC,sBAAsBC,MAAM,GAC9C,OACC,kBAACP,EAAD,KACE,kBAAC,IAAD,MACA,yBAAKQ,MAAM,gBACT,yBAAKC,IAAKL,EAAKM,WAAWC,gBAAgBC,MAAMH,IAAKI,IAAI,GAAGC,MAAM,GAAGN,MAAM,oBAE7E,yBAAKA,MAAM,OACT,wBAAIA,MAAM,aAAaJ,EAAKU,OAC5B,yBAAKN,MAAM,0BACT,uBAAGA,MAAM,aAAaO,MAAO,CAACC,MAAM,WAAYC,wBAAyB,CAAEC,OAAQd,EAAKe,eACxF,6BACA,4BAAI,2BAAIf,EAAKgB,YACb,uBAAGH,wBAAyB,CAAEC,OAAQd,EAAKiB,kBAI/C,kBAAC,IAAD,MACA,kBAAC,IAAD","file":"component---src-pages-about-js-881924c734e7f4c26770.js","sourcesContent":["import React from \"react\";\r\nimport Footer from \"../components/footer/footer\";\r\nimport Header from \"../components/header/header\";\r\nimport ClientLogo from \"../components/clientsLogo/clientsLogo\";\r\nimport styled from \"styled-components\";\r\nimport { useStaticQuery, graphql } from \"gatsby\";\r\n\r\n\r\nexport const AboutWrapper=styled.div`\r\n    max-width: 960px;\r\n    margin:15px;\r\n    padding-left: 15px;\r\n    margin-right: auto;\r\n    margin-left: auto;\r\n    background-color: #fff;\r\n    box-shadow: 0px 5px 10px #ccc;\r\n    min-height: 550px;\r\n    padding: 15px;\r\n    .row {\r\n      margin-right: -15px;\r\n      margin-left: -15px;\r\n  }\r\n  h2 {\r\n    color: #2e308f;\r\n    margin-bottom: 20px;\r\n    margin-top: 20px;\r\n    font-size: 30px;\r\n  }\r\n  .text-justify {\r\n    text-align: justify;\r\n}\r\nh4{\r\n  margin-top: 10px;\r\n  margin-bottom: 10px;\r\n  font-size:18px;\r\n}\r\np {\r\n  margin: 0 0 10px;\r\n}\r\nhr {\r\n  margin-top: 20px;\r\n  margin-bottom: 20px;\r\n  border: 0;\r\n  border-top: 1px solid #eee;\r\n}\r\n\r\n`;\r\n\r\nconst IndexPage = () => {\r\n  const data = useStaticQuery(graphql`\r\n    {\r\n      allStrapiAboutSection {\r\n        nodes {\r\n          description\r\n          hero_image {\r\n            childImageSharp {\r\n              fluid {\r\n                src\r\n              }\r\n            }\r\n          }\r\n          sub_title\r\n          title\r\n          introduction\r\n        }\r\n      }\r\n    }\r\n  `)\r\n  const node  = data.allStrapiAboutSection.nodes[0];\r\n   return (\r\n    <AboutWrapper>\r\n      <Header />\r\n      <div class=\"inner-slider\">\r\n        <img src={node.hero_image.childImageSharp.fluid.src} alt=\"\" title=\"\" class=\"img-responsive\"></img>\r\n      </div>\r\n      <div class=\"row\">\r\n        <h2 class=\"col-md-12\">{node.title}</h2>\r\n        <div class=\"col-md-12 text-justify\">\r\n          <p class=\"about-home\" style={{color:`#2e308f`}} dangerouslySetInnerHTML={{ __html: node.description }}></p>        \r\n          <hr />\r\n          <h4><b>{node.sub_title}</b></h4>\r\n          <p dangerouslySetInnerHTML={{ __html: node.introduction }}></p>\r\n          \r\n        </div>\r\n      </div>\r\n      <ClientLogo />\r\n      <Footer />\r\n    </AboutWrapper>\r\n  )\r\n}\r\n\r\nexport default IndexPage;\r\n"],"sourceRoot":""}