{"version":3,"sources":["webpack://meci-mercantil-de-equipo-contra-incendio/./src/pages/detectores.js"],"names":["allWpPost","useStaticQuery","title","description","className","nodes","map","id","excerpt","featuredImage","uri","key","src","node","sourceUrl","srcSet","alt","altText","replace","Link","type","to"],"mappings":"4NA4FA,UAtFmB,WACjB,IA0BQA,GA1BKC,oBAAe,cA0BpBD,UAER,OACE,gBAAC,IAAD,KACE,gBAAC,IAAD,CACEE,MAAM,gDACNC,YAAY,0OAEd,uBAAKC,UAAU,8BACb,uBAAKA,UAAU,uCACb,sBAAIA,UAAU,iCAAd,sCAGA,iQAOF,uBAAKA,UAAU,gHACZJ,EAAUK,MAAMC,KAAI,gBAAGC,EAAH,EAAGA,GAAIL,EAAP,EAAOA,MAAOM,EAAd,EAAcA,QAASC,EAAvB,EAAuBA,cAAeC,EAAtC,EAAsCA,IAAtC,OACnB,uBACEC,IAAKJ,EACLH,UAAU,uHAEV,uBAAKA,UAAU,mBACb,uBACEA,UAAU,gBACVQ,IAAKH,EAAcI,KAAKC,UACxBC,OAAQN,EAAcI,KAAKE,OAC3BC,IAAKP,EAAcI,KAAKI,WAG5B,uBAAKb,UAAU,wCACb,qBAAGA,UAAU,yEACVF,GAEH,qBAAGE,UAAU,YACVI,EAAQU,QAAQ,gBAAiB,MAEpC,uBAAKd,UAAU,gBACb,gBAAC,EAAAe,KAAD,CACEf,UAAU,mCACVgB,KAAK,SACLC,GAAIX,GAHN","file":"component---src-pages-detectores-js-f68fa7a5522e207cb95a.js","sourcesContent":["import React from 'react'\r\nimport Layout from '../components/layout'\r\nimport { graphql, useStaticQuery, Link } from 'gatsby'\r\n//import { GatsbyImage } from \"gatsby-plugin-image\"\r\nimport Seo from '../components/seo'\r\n\r\nconst Detectores = () => {\r\n  const data = useStaticQuery(\r\n    graphql`\r\n      {\r\n        allWpPost(\r\n          filter: {\r\n            categories: { nodes: { elemMatch: { name: { eq: \"detectores\" } } } }\r\n          }\r\n        ) {\r\n          nodes {\r\n            id\r\n            title\r\n            excerpt\r\n            uri\r\n            featuredImage {\r\n              node {\r\n                sourceUrl\r\n                srcSet\r\n                altText\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    `\r\n  )\r\n\r\n  const { allWpPost } = data\r\n\r\n  return (\r\n    <Layout>\r\n      <Seo\r\n        title='Detectores automáticos contra incendio - MECI'\r\n        description='Proteger sus instalaciones es un trabajo arduo, puede facilitar este proceso instalando detectores automáticos que entran en acción apenas se detecta un conato de incendio. En existencia desde detectores hasta sistemas completos.'\r\n      />\r\n      <div className='d-flex flex-wrap px-4 my-5'>\r\n        <div className='text-center mx-auto col-12 col-md-8'>\r\n          <h1 className='fw-bold text-site-orange lh-1'>\r\n            DETECTORES AUTOMÁTICOS DE INCENDIO\r\n          </h1>\r\n          <p>\r\n            Con estos detectores el riesgo de incendio se reduce\r\n            significativamente. Recuerde solicitar el detector adecuado para sus\r\n            necesidades, o puede ponerse en contacto con nuestros especialistas\r\n            que le asesorarán de la mejor manera.\r\n          </p>\r\n        </div>\r\n        <div className='d-flex flex-wrap flex-column flex-md-row col-12 col-md-10 mx-auto align-items-center justify-content-between'>\r\n          {allWpPost.nodes.map(({ id, title, excerpt, featuredImage, uri }) => (\r\n            <div\r\n              key={id}\r\n              className='d-flex flex-wrap justify-content-start align-items-center col-12 col-md-6 border border-grey-light rounded bg-white'\r\n            >\r\n              <div className='col-12 col-md-4'>\r\n                <img\r\n                  className='p-3 img-fluid'\r\n                  src={featuredImage.node.sourceUrl}\r\n                  srcSet={featuredImage.node.srcSet}\r\n                  alt={featuredImage.node.altText}\r\n                />\r\n              </div>\r\n              <div className='col-12 col-md-8 ps-md-1 pe-md-3 px-3'>\r\n                <p className='card-title text-uppercase text-site-orange fw-bold lead fs-5 m-0 lh-1'>\r\n                  {title}\r\n                </p>\r\n                <p className='ellipsis'>\r\n                  {excerpt.replace(/(<([^>]+)>)/gi, ' ')}\r\n                </p>\r\n                <div className='d-grid gap-2'>\r\n                  <Link\r\n                    className='btn btn-orange fs-6 mb-2 mb-md-0'\r\n                    type='button'\r\n                    to={uri}\r\n                  >\r\n                    Ver detalles\r\n                  </Link>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          ))}\r\n        </div>\r\n      </div>\r\n    </Layout>\r\n  )\r\n}\r\n\r\nexport default Detectores\r\n"],"sourceRoot":""}