{"version":3,"sources":["webpack:///./src/pages/services.js","webpack:///./src/images/slider/innerSlider.jpg"],"names":["ServicesWrapper","styled","div","IndexPage","node","useStaticQuery","allStrapiServicePage","nodes","console","log","services","class","src","sliderInner","className","left_content","map","item","href","list_items","title","name","index","image","childImageSharp","fluid","dangerouslySetInnerHTML","__html","description","module","exports"],"mappings":"4FAAA,iKAWaA,EAAkBC,IAAOC,IAAV,2EAAGD,CAAH,wtBA4JbE,UAnGG,WAEhB,IAwBMC,EAxBOC,yBAAe,cAwBVC,qBAAqBC,MAAM,GAE7C,OADAC,QAAQC,IAAI,gBAAgBL,EAAKM,SAAS,IAExC,kBAACV,EAAD,KACE,kBAAC,IAAD,MACA,yBAAKW,MAAM,gBACT,yBAAKC,IAAKC,IAAaF,MAAM,oBAE/B,yBAAKG,UAAU,aACb,yBAAKA,UAAU,OACb,yBAAKH,MAAM,YACT,gCACA,yBAAKA,MAAM,cAEPP,EAAKW,aAAaC,KAAI,SAAAC,GACpB,OAAQ,uBAAGC,KAAK,QAAQP,MAAM,mBAAmBM,EAAKE,iBAK9D,yBAAKR,MAAM,YACT,gCAEA,wBAAIA,MAAM,IAAIP,EAAKgB,OACnB,uBAAGC,KAAK,SAENjB,EAAKM,SAASM,KAAI,SAACC,EAAMK,GACvB,OAAIA,EAAQ,GAAK,EAEb,yBAAKX,MAAM,uBACT,yBAAKA,MAAM,gCACT,yBAAKA,MAAM,YACT,yBAAKC,IAAKK,EAAKM,MAAMC,gBAAgBC,MAAMb,IAAKD,MAAM,oBAExD,yBAAKA,MAAM,YACT,4BAAKM,EAAKG,OACV,uBAAGT,MAAM,eAAee,wBAAyB,CAAEC,OAAQV,EAAKW,gBAElE,yBAAKjB,MAAM,YAAX,OAQJ,yBAAKA,MAAM,uBACT,yBAAKA,MAAM,gCACT,yBAAKA,MAAM,YACT,4BAAKM,EAAKG,OACV,uBAAGT,MAAM,eAAee,wBAAyB,CAAEC,OAAQV,EAAKW,gBAElE,yBAAKjB,MAAM,YACT,yBAAKC,IAAKK,EAAKM,MAAMC,gBAAgBC,MAAMb,IAAKD,MAAM,qBAG1D,yBAAKA,MAAM,YAAX,YAWhB,kBAAC,IAAD,MACA,kBAAC,IAAD,S,qBClKNkB,EAAOC,QAAU,IAA0B","file":"component---src-pages-services-js-66ff4b1fb058ec754108.js","sourcesContent":["import React from \"react\";\r\nimport Header from \"../components/header/header\";\r\nimport ClientLogo from \"../components/clientsLogo/clientsLogo\";\r\nimport Footer from \"../components/footer/footer\";\r\nimport sliderInner from \"../images/slider/innerSlider.jpg\";\r\nimport styled from \"styled-components\";\r\nimport { useStaticQuery, graphql } from \"gatsby\";\r\n\r\n\r\n\r\n\r\nexport const ServicesWrapper = styled.div`\r\n    max-width: 960px;\r\n    margin:15px;\r\n    font-family: sans-serif;\r\n    padding-right: 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    .panel-body {\r\n      padding: 15px;\r\n  }\r\n  h2{\r\n  color: #2e308f;\r\n    margin-bottom: 20px;\r\n}\r\n  .img-responsive{\r\n    display: block;\r\n    max-width: 100%;\r\n    height: auto;\r\n  }\r\n.panel-body .services-wrap\r\n{\r\n  padding:15px 0px;\r\n}\r\n.panel-body .services-wrap img\r\n{\r\n  width: 100%;\r\n  margin-bottom: 20px !important;\r\n}\r\nh4{\r\n  margin-top: 10px;\r\n    margin-bottom: 10px;\r\n    font-weight: 500;\r\n    line-height: 1.1;\r\n    font-size: 18px;\r\n    color: inherit;\r\n\r\n}\r\n.text-justify {\r\n  text-align: justify;\r\n}\r\np {\r\n  margin: 0 0 10px;\r\n}\r\n.panel {\r\n  margin-bottom: 20px;\r\n  background-color: #fff;\r\n  border: 1px solid #ddd;\r\n  border-radius: 4px;\r\n  box-shadow: 0 1px 1px rgba(0,0,0,.05);\r\n}\r\n    `;\r\n\r\nconst IndexPage = () => {\r\n\r\n  const data = useStaticQuery(graphql`\r\n  {\r\n    allStrapiServicePage {\r\n      nodes {\r\n        services {\r\n          description\r\n          id\r\n          title\r\n          image {\r\n                childImageSharp {\r\n                  fluid {\r\n                    src\r\n                  }\r\n                }\r\n              }\r\n        }\r\n        title\r\n        left_content {\r\n          list_items\r\n        }\r\n      }\r\n    }\r\n  }\r\n`)\r\n  const node = data.allStrapiServicePage.nodes[0];\r\n  console.log(\"data services\",node.services[0])\r\n  return (\r\n    <ServicesWrapper>\r\n      <Header />\r\n      <div class=\"inner-slider\">\r\n        <img src={sliderInner} class=\"img-responsive\"></img>\r\n      </div>\r\n      <div className=\"container\">\r\n        <div className=\"row\">\r\n          <div class=\"col-md-3\">\r\n            <p>&nbsp;</p>\r\n            <div class=\"list-group\">\r\n              {\r\n                node.left_content.map(item => {\r\n                  return (<a href=\"#ser1\" class=\"list-group-item\">{item.list_items}</a>);\r\n                })\r\n              }\r\n            </div>\r\n          </div>\r\n          <div class=\"col-md-8\">\r\n            <p>&nbsp;</p>\r\n\r\n            <h2 class=\"\">{node.title}</h2>\r\n            <a name=\"ser1\"></a>\r\n            {\r\n              node.services.map((item, index) => {\r\n                if (index % 2 == 0) {\r\n                  return (\r\n                    <div class=\"panel panel-default\">\r\n                      <div class=\"panel-body services-wrap row\">\r\n                        <div class=\"col-md-5\">\r\n                          <img src={item.image.childImageSharp.fluid.src} class=\"img-responsive\"></img>\r\n                        </div>\r\n                        <div class=\"col-md-7\">\r\n                          <h4>{item.title}</h4>\r\n                          <p class=\"text-justify\" dangerouslySetInnerHTML={{ __html: item.description }}></p>\r\n                        </div>\r\n                        <div class=\"clearfix\">&nbsp;</div>\r\n                      </div>\r\n                    </div>\r\n                  );\r\n\r\n                }\r\n                else {\r\n                  return (\r\n                    <div class=\"panel panel-default\">\r\n                      <div class=\"panel-body services-wrap row\">\r\n                        <div class=\"col-md-7\">\r\n                          <h4>{item.title}</h4>\r\n                          <p class=\"text-justify\" dangerouslySetInnerHTML={{ __html: item.description }}></p>\r\n                        </div>\r\n                        <div class=\"col-md-5\">\r\n                          <img src={item.image.childImageSharp.fluid.src} class=\"img-responsive\"></img>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"clearfix\">&nbsp;</div>\r\n                    </div>\r\n\r\n                  );\r\n\r\n                }\r\n              })\r\n            }\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <ClientLogo />\r\n      <Footer />\r\n    </ServicesWrapper>\r\n  )\r\n}\r\n\r\nexport default IndexPage\r\n","module.exports = __webpack_public_path__ + \"static/innerSlider-9db64de4983fdbf03c40b99744608475.jpg\";"],"sourceRoot":""}