{"version":3,"sources":["webpack://meci-mercantil-de-equipo-contra-incendio/./src/pages/moviles.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":"4NAiGA,UA3FgB,WACd,IA0BQA,GA1BKC,oBAAe,cA0BpBD,UAER,OACE,gBAAC,IAAD,KACE,gBAAC,IAAD,CACEE,MAAM,qCACNC,YAAY,iUAEd,uBAAKC,UAAU,8BACb,uBAAKA,UAAU,uCACb,sBAAIA,UAAU,iCAAd,oBACA,sTAQF,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-moviles-js-e6a08cc21216b83c9b77.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 Moviles = () => {\r\n  const data = useStaticQuery(\r\n    graphql`\r\n      {\r\n        allWpPost(\r\n          filter: {\r\n            categories: { nodes: { elemMatch: { name: { eq: \"moviles\" } } } }\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='Unidades móviles nacionales - MECI'\r\n        description='Las unidades móviles de producción nacional son ideales para proteger espacios amplios en donde el riesgo de incendio puede ser mayor, como pueden ser bodegas, talleres, depositos de combustibles, patios de maniobras con vehículos, etc. Con diferentes tipos de agentes extinguidores que se adaptan a sus necesidades.'\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'>UNIDADES MÓVILES</h1>\r\n          <p>\r\n            Las unidades móviles tienen mayor capacidad de ataque al fuego.\r\n            Además puede encontrarlas con distintos tipos de agentes\r\n            extinguidores, cada uno con una capacidad especial. En caso de duda,\r\n            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 Moviles\r\n"],"sourceRoot":""}