{"version":3,"sources":["webpack://meci-mercantil-de-equipo-contra-incendio/./src/pages/portatiles.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":"4NAqGA,UA/FmB,WACjB,IA0BQA,GA1BKC,oBAAe,aA0BpBD,UAER,OACE,gBAAC,IAAD,KACE,gBAAC,IAAD,CACEE,MAAM,mCACNC,YAAY,sTAEd,uBAAKC,UAAU,8BACb,uBAAKA,UAAU,uCACb,sBAAIA,UAAU,iCAAd,yBAGA,ycAUF,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,WAS5B,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-portatiles-js-829610be81b200b3b022.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 Portatiles = () => {\r\n  const data = useStaticQuery(\r\n    graphql`\r\n      {\r\n        allWpPost(\r\n          filter: {\r\n            categories: { nodes: { elemMatch: { name: { eq: \"portatiles\" } } } }\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='Extintores portátiles nacionales'\r\n        description='Los extintores portátiles de fabricación nacional son su primer línea de defensa contra un incendio potencial que ha sido detectado. De calidad inmejorable y cumpliendo con las normas estandard, están en existencia con diferentes tipos de agentes extinguidores que se adaptan a sus necesidades y espacios.'\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            EXTINTORES PORTÁTILES\r\n          </h1>\r\n          <p>\r\n            Los extintores portátiles de MECI son ideales para el uso doméstico,\r\n            en vehículos y oficinas, pues gracias a su diseño innovador son\r\n            fáciles de usar y económicos en su mantenimiento. Si busca equipo\r\n            con mayor capacidad de ataque al fuego, tiene la opción de elegir\r\n            una unidad móvil para usarse en áreas que lo ameriten. En caso de\r\n            duda, puede ponerse en contacto con nuestros especialistas que le\r\n            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              {/* <GatsbyImage\r\n                image={\r\n                  featuredImage.node.localFile.childImageSharp.gatsbyImageData\r\n                }\r\n                alt={featuredImage.node.altText}\r\n              /> */}\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 Portatiles\r\n"],"sourceRoot":""}