{"version":3,"sources":["webpack://meci-mercantil-de-equipo-contra-incendio/./src/pages/gabinetes.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":"4NAmGA,UA7FkB,WAChB,IA0BQA,GA1BKC,oBAAe,cA0BpBD,UAER,OACE,gBAAC,IAAD,KACE,gBAAC,IAAD,CACEE,MAAM,+CACNC,YAAY,2IAEd,uBAAKC,UAAU,8BACb,uBAAKA,UAAU,uCACb,sBAAIA,UAAU,iCAAd,8CAGA,uUAQF,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-gabinetes-js-f94203f5af31f870c68c.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 Gabinetes = () => {\r\n  const data = useStaticQuery(\r\n    graphql`\r\n      {\r\n        allWpPost(\r\n          filter: {\r\n            categories: { nodes: { elemMatch: { name: { eq: \"gabinetes\" } } } }\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='Gabinetes para extintores e hidrantes - MECI'\r\n        description='Para mantener sus extintores seguros, protegidos y a la vista de los usuarios. Además con diseños que van de acuerdo con sus 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            GABINETES PARA EXTINTORES Y PARA HIDRANTES\r\n          </h1>\r\n          <p>\r\n            Proteja de los elementos naturales y humanos a su equipo contra\r\n            incendios, mientras que al mismo tiempo, los hace visibles para que\r\n            en caso de emergencia puedan ser localizados rápidamente. 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 Gabinetes\r\n"],"sourceRoot":""}