{"version":3,"sources":["webpack://meci-mercantil-de-equipo-contra-incendio/./src/components/iframe-form.js","webpack://meci-mercantil-de-equipo-contra-incendio/./src/components/contact-form.js","webpack://meci-mercantil-de-equipo-contra-incendio/./src/pages/index.js"],"names":["source","src","className","title","style","height","props","state","render","id","Helmet","Math","random","async","defer","this","Component","data-bs-ride","data-bs-interval","S","alt","layout","type","data-bs-target","data-bs-slide","aria-hidden","Link","to","width"],"mappings":"8tMA2BA,EAtBmB,SAAC,GAAgB,IAAdA,EAAa,EAAbA,OACpB,IAAKA,EACH,OAAO,yCAET,IAAMC,EAAMD,EACZ,OAEE,uBAAKE,UAAU,UACb,uBAAKA,UAAU,SACb,0BACEC,MAAM,eACND,UAAU,SACVE,MAAO,CAAEC,OAAQ,SACjBJ,IAAKA,OCyBf,E,YAtCE,WAAYK,GAAQ,IAAD,SACjB,cAAMA,IAAN,MACKC,MAAQ,CACXN,IAAK,2CAHU,E,+BAOnBO,OAAA,WACE,OACE,2BAASC,GAAG,aACV,uBAAKP,UAAU,eACb,gBAACQ,EAAA,EAAD,KACE,0BACET,IAAG,6CAA+CU,KAAKC,SACvDC,OAAK,EACLC,OAAK,KAGT,uBAAKZ,UAAU,mEACb,uBAAKA,UAAU,WACb,qBAAGA,UAAU,6CAAb,qBAGA,qBAAGA,UAAU,eAAb,uMAOF,gBAAC,EAAD,CAAYF,OAAQe,KAAKR,MAAMN,U,GA/BjBe,c,yGC4R1B,UAzRkB,WAChB,OACE,gBAAC,IAAD,KACE,gBAAC,IAAD,CAAKb,MAAM,yCAEX,uBAAKD,UAAU,mGACb,uBAAKA,UAAU,wBACb,uBACEO,GAAG,0BACHP,UAAU,iBACVe,eAAa,YAEb,uBAAKf,UAAU,kBACb,uBAAKA,UAAU,uBAAuBgB,mBAAiB,QACrD,gBAAC,EAAAC,EAAD,CACEC,IAAI,oBACJnB,IAAI,2BACJoB,OAAO,YAHT,uBAMF,uBAAKnB,UAAU,gBAAgBgB,mBAAiB,QAC9C,gBAAC,EAAAC,EAAD,CACEC,IAAI,oBACJnB,IAAI,6BACJoB,OAAO,YAHT,sBAMF,uBAAKnB,UAAU,gBAAgBgB,mBAAiB,QAC9C,gBAAC,EAAAC,EAAD,CACEC,IAAI,oBACJnB,IAAI,+BACJoB,OAAO,YAHT,wBAOJ,0BACEnB,UAAU,wBACVoB,KAAK,SACLC,iBAAe,2BACfC,gBAAc,QAEd,wBACEtB,UAAU,6BACVuB,cAAY,SAEd,wBAAMvB,UAAU,mBAAhB,aAEF,0BACEA,UAAU,wBACVoB,KAAK,SACLC,iBAAe,2BACfC,gBAAc,QAEd,wBACEtB,UAAU,6BACVuB,cAAY,SAEd,wBAAMvB,UAAU,mBAAhB,WAIN,uBAAKA,UAAU,2DACb,sBAAIA,UAAU,sCAAd,yCAGA,qBAAGA,UAAU,oBAAb,gSAOA,gBAAC,EAAAwB,KAAD,CAAMC,GAAG,cAAczB,UAAU,yBAAjC,kBAGA,gBAAC,EAAAwB,KAAD,CACEC,GAAG,WACHzB,UAAU,8CAFZ,0BASJ,uBAAKA,UAAU,kBAEb,uBAAKA,UAAU,sGACb,uBAAKA,UAAU,mBACb,gBAAC,EAAAiB,EAAD,CACElB,IAAI,wCACJmB,IAAI,8DACJC,OAAO,cACPO,MAAO,IACP1B,UAAU,gCALZ,uBAQF,uBAAKA,UAAU,uBACb,qBAAGA,UAAU,2CAAb,2CAGA,0GAGE,2BAHF,6CAMA,gBAAC,EAAAwB,KAAD,CAAMC,GAAG,aAAazB,UAAU,yBAAhC,0BAMJ,uBAAKA,UAAU,2GACb,uBAAKA,UAAU,0CACb,qBAAGA,UAAU,2CAAb,oEAGA,8HAGE,2BAHF,qKAM2C,IACzC,gBAAC,EAAAwB,KAAD,CAAMC,GAAG,aAAazB,UAAU,eAAhC,8BAEQ,IATV,0CAYA,gBAAC,EAAAwB,KAAD,CAAMC,GAAG,aAAazB,UAAU,yBAAhC,0BAIF,uBAAKA,UAAU,mBACb,gBAAC,EAAAiB,EAAD,CACElB,IAAI,oCACJmB,IAAI,mCACJC,OAAO,YAHT,yBASN,uBAAKnB,UAAU,kBAEb,uBAAKA,UAAU,sGACb,uBAAKA,UAAU,mBACb,gBAAC,EAAAiB,EAAD,CACElB,IAAI,oCACJmB,IAAI,wCACJC,OAAO,YAHT,uBAMF,uBAAKnB,UAAU,uBACb,qBAAGA,UAAU,2CAAb,6CAGA,gPAIwB,IACtB,gBAAC,EAAAwB,KAAD,CAAMC,GAAG,aAAazB,UAAU,eAAhC,uBAEQ,IAPV,2CAUA,gBAAC,EAAAwB,KAAD,CAAMC,GAAG,YAAYzB,UAAU,yBAA/B,kBAMJ,uBAAKA,UAAU,2GACb,uBAAKA,UAAU,0CACb,qBAAGA,UAAU,2CAAb,2DAGA,gQAImC,IACjC,gBAAC,EAAAwB,KAAD,CAAMC,GAAG,aAAazB,UAAU,eAAhC,8BAEQ,IAPV,0CAUA,gBAAC,EAAAwB,KAAD,CAAMC,GAAG,aAAazB,UAAU,yBAAhC,kBAIF,uBAAKA,UAAU,mBACb,gBAAC,EAAAiB,EAAD,CACElB,IAAI,yCACJmB,IAAI,gDACJC,OAAO,YAHT,yBASN,uBAAKnB,UAAU,iHAEb,uBAAKA,UAAU,0CACb,gBAAC,EAAAiB,EAAD,CACElB,IAAI,iCACJmB,IAAI,wCACJC,OAAO,cACPO,MAAO,IACP1B,UAAU,gCALZ,sBAOA,qBAAGA,UAAU,2CAAb,yBAGA,0IAE6C,IAC3C,gBAAC,EAAAwB,KAAD,CAAMC,GAAG,aAAazB,UAAU,eAAhC,uBAEQ,IALV,2CAQA,gBAAC,EAAAwB,KAAD,CAAMC,GAAG,aAAazB,UAAU,kBAAhC,6BAKF,uBAAKA,UAAU,0CACb,gBAAC,EAAAiB,EAAD,CACElB,IAAI,uCACJmB,IAAI,yBACJC,OAAO,cACPO,MAAO,IACP1B,UAAU,gCALZ,sBAOA,qBAAGA,UAAU,2CAAb,qCAGA,2RAMA,gBAAC,EAAAwB,KAAD,CAAMC,GAAG,cAAczB,UAAU,kBAAjC,8BAKF,uBAAKA,UAAU,0CACb,gBAAC,EAAAiB,EAAD,CACElB,IAAI,+BACJmB,IAAI,uCACJC,OAAO,cACPO,MAAO,IACP1B,UAAU,gCALZ,sBAOA,qBAAGA,UAAU,2CAAb,kCAGA,yJAGE,2BACA,gBAAC,EAAAwB,KAAD,CAAMC,GAAG,aAAazB,UAAU,eAAhC,qBAEQ,IANV,mDASA,gBAAC,EAAAwB,KAAD,CAAMC,GAAG,iBAAiBzB,UAAU,kBAApC,6BAMJ,gBAAC,IAAD","file":"component---src-pages-index-js-4d71ae8566a1345f035f.js","sourcesContent":["// Step 1: Import React. This lets you use JSX inside your .js file.\r\nimport * as React from 'react'\r\n\r\n/* Step 2: Define your component. Note that your\r\ncomponent name should start with a capital letter. */\r\nconst IframeForm = ({ source }) => {\r\n  if (!source) {\r\n    return <div>Loading...</div>\r\n  }\r\n  const src = source\r\n  return (\r\n    // basic bootstrap classes. you can change with yours.\r\n    <div className='col-12'>\r\n      <div className='w-100'>\r\n        <iframe\r\n          title='Contact form'\r\n          className='col-12'\r\n          style={{ height: 30 + 'rem' }}\r\n          src={src}\r\n        ></iframe>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n\r\n/* Step 3: Export your component so it\r\ncan be used by other parts of your app. */\r\nexport default IframeForm\r\n","import React, { Component } from 'react'\r\nimport Helmet from 'react-helmet'\r\nimport IframeForm from './iframe-form'\r\n\r\nclass ContactForm extends Component {\r\n  constructor(props) {\r\n    super(props)\r\n    this.state = {\r\n      src: 'https://meci.mx/email-form/contacto.php',\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <section id='hero-form'>\r\n        <div className='col-12 my-5'>\r\n          <Helmet>\r\n            <script\r\n              src={`https://www.google.com/recaptcha/api.js?r=${Math.random()}`}\r\n              async\r\n              defer\r\n            ></script>\r\n          </Helmet>\r\n          <div className='d-flex flex-wrap align-items-center col-12 col-md-8 mx-auto p-3'>\r\n            <div className='mx-auto'>\r\n              <p className='fs-2 fw-bold text-center text-site-orange'>\r\n                PONTE EN CONTACTO\r\n              </p>\r\n              <p className='text-center'>\r\n                Si tienes dudas acerca de algún producto o equipo, ponte en\r\n                contacto con uno de nuestros asesores. Es totalmente sin\r\n                compromiso y puedes asegurarte de que obtendrás la información\r\n                que necesitas.\r\n              </p>\r\n            </div>\r\n            <IframeForm source={this.state.src} />\r\n          </div>\r\n        </div>\r\n      </section>\r\n    )\r\n  }\r\n}\r\n\r\nexport default ContactForm\r\n\r\n// export default function ContactForm() {\r\n//   return (\r\n//     <section id='hero-form'>\r\n//       <div className='col-12 my-5'>\r\n//         <Helmet>\r\n//           <script\r\n//             src={`https://www.google.com/recaptcha/api.js?r=${Math.random()}`}\r\n//             async\r\n//             defer\r\n//           ></script>\r\n//         </Helmet>\r\n//         <div className='d-flex flex-wrap align-items-center col-12 col-md-8 mx-auto p-3'>\r\n//           <div className='mx-auto'>\r\n//             <p className='fs-2 fw-bold text-center text-site-orange'>\r\n//               PONTE EN CONTACTO\r\n//             </p>\r\n//             <p className='text-center'>\r\n//               Si tienes dudas acerca de algún producto o equipo, ponte en\r\n//               contacto con uno de nuestros asesores. Es totalmente sin\r\n//               compromiso y puedes asegurarte de que obtendrás la información que\r\n//               necesitas.\r\n//             </p>\r\n//           </div>\r\n//           <IframeForm />\r\n//           {/* iframe ends */}\r\n//         </div>\r\n//       </div>\r\n//     </section>\r\n//   )\r\n// }\r\n","import { Link } from 'gatsby'\r\nimport { StaticImage } from 'gatsby-plugin-image'\r\nimport * as React from 'react'\r\nimport ContactForm from '../components/contact-form'\r\nimport Layout from '../components/layout'\r\nimport Seo from '../components/seo'\r\n\r\nconst IndexPage = () => {\r\n  return (\r\n    <Layout>\r\n      <Seo title='Mercantil de Equipos Contra Incendio' />\r\n      {/* main hero */}\r\n      <div className='div-h100 d-flex flex-column flex-md-row justify-content-around align-items-center bg-smoke px-3'>\r\n        <div className='col-12 col-md-6 mx-1'>\r\n          <div\r\n            id='carouselExampleInterval'\r\n            className='carousel slide'\r\n            data-bs-ride='carousel'\r\n          >\r\n            <div className='carousel-inner'>\r\n              <div className='carousel-item active' data-bs-interval='3000'>\r\n                <StaticImage\r\n                  alt='Extintor MECI PQ9'\r\n                  src='../images/pqs9_front.png'\r\n                  layout='fullWidth'\r\n                />\r\n              </div>\r\n              <div className='carousel-item' data-bs-interval='3000'>\r\n                <StaticImage\r\n                  alt='Extintor MECI PQ9'\r\n                  src='../images/pqs2kg_front.png'\r\n                  layout='fullWidth'\r\n                />\r\n              </div>\r\n              <div className='carousel-item' data-bs-interval='3000'>\r\n                <StaticImage\r\n                  alt='Extintor MECI PQ9'\r\n                  src='../images/gabinete_front.png'\r\n                  layout='fullWidth'\r\n                />\r\n              </div>\r\n            </div>\r\n            <button\r\n              className='carousel-control-prev'\r\n              type='button'\r\n              data-bs-target='#carouselExampleInterval'\r\n              data-bs-slide='prev'\r\n            >\r\n              <span\r\n                className='carousel-control-prev-icon'\r\n                aria-hidden='true'\r\n              ></span>\r\n              <span className='visually-hidden'>Previous</span>\r\n            </button>\r\n            <button\r\n              className='carousel-control-next'\r\n              type='button'\r\n              data-bs-target='#carouselExampleInterval'\r\n              data-bs-slide='next'\r\n            >\r\n              <span\r\n                className='carousel-control-next-icon'\r\n                aria-hidden='true'\r\n              ></span>\r\n              <span className='visually-hidden'>Next</span>\r\n            </button>\r\n          </div>\r\n        </div>\r\n        <div className='col-12 col-md-6 ps-3 pe-5 py-4 bg-black-alpha mx-1 my-2'>\r\n          <h1 className='text-site-orange fw-bold fs-1 lh-1'>\r\n            EQUIPO DE PROTECCIÓN CONTRA INCENDIOS\r\n          </h1>\r\n          <p className='text-site-orange'>\r\n            Los extintores de incendio son invisibles la mayor parte del tiempo,\r\n            hasta que una emergencia aparece. Es de suma importancia contar con\r\n            algún tipo de protección contra el fuego en nuestro hogar o negocio\r\n            así como darles el mantenimiento adecuado para asegurar su buen\r\n            funcionamiento.\r\n          </p>\r\n          <Link to='/portatiles' className='btn btn-orange btn-lg'>\r\n            VER PORTÁTILES\r\n          </Link>\r\n          <Link\r\n            to='/moviles'\r\n            className='btn btn-orange btn-lg ms-md-2 mt-2 mt-md-0'\r\n          >\r\n            VER UNIDADES MÓVILES\r\n          </Link>\r\n        </div>\r\n      </div>\r\n      {/* multi-section */}\r\n      <div className='container my-4'>\r\n        {/* a module */}\r\n        <div className='col-12 col-md-10 d-flex flex-md-row flex-column justify-content-between align-items-center mx-auto'>\r\n          <div className='col-12 col-md-6'>\r\n            <StaticImage\r\n              src='../images/recarga-agentes-limpios.jpg'\r\n              alt='Servicio de recarga de agentes limpios en el taller de MECI'\r\n              layout='constrained'\r\n              width={600}\r\n              className='float-md-start float-none m-2'\r\n            />\r\n          </div>\r\n          <div className='col-12 col-md-6 p-3'>\r\n            <p className='lead text-site-orange fw-bold fs-3 lh-1'>\r\n              SERVICIOs DE RECARGA DE AGENTES LIMPIOS\r\n            </p>\r\n            <p>\r\n              Recargamos sus equipos que requieren de FM-200, Novec 1230, Ecaro,\r\n              FE-36, CO&sup2;.\r\n              <br />\r\n              Llama sin compromiso para una cotización!\r\n            </p>\r\n            <Link to='#hero-form' className='btn btn-orange btn-lg'>\r\n              SOLICITAR COTIZACIÓN\r\n            </Link>\r\n          </div>\r\n        </div>\r\n        {/* a module */}\r\n        <div className='col-12 col-md-10 d-flex flex-md-row flex-column justify-content-between align-items-center mx-auto my-3'>\r\n          <div className='col-12 col-md-7 p-3 order-md-0 order-1'>\r\n            <p className='lead text-site-orange fw-bold fs-3 lh-1'>\r\n              SERVICIOS PROFESIONALES DE MANTENIMIENTO Y RECARGA DE EXTINTORES\r\n            </p>\r\n            <p>\r\n              Servicio de mantenimiento y recarga de extintores de PQS, Agua,\r\n              Co2, Clase K, Clase D, Water Mist.\r\n              <br />\r\n              Contamos con refacciones para extintores portátiles, unidades\r\n              móviles y para sistemas contra incendio de distintas marcas\r\n              internacionales. Para mayor información,{' '}\r\n              <Link to='#hero-form' className='orange-link'>\r\n                puedes ponerte en contacto\r\n              </Link>{' '}\r\n              con nosotros para agendar el servicio.\r\n            </p>\r\n            <Link to='#hero-form' className='btn btn-orange btn-lg'>\r\n              SOLICITAR INFORMACIÓN\r\n            </Link>\r\n          </div>\r\n          <div className='col-12 col-md-5'>\r\n            <StaticImage\r\n              src='../images/extinguidores-rojos.jpg'\r\n              alt='Muchos extintores rojos formados'\r\n              layout='fullWidth'\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n      {/* multi-section */}\r\n      <div className='container my-4'>\r\n        {/* a module */}\r\n        <div className='col-12 col-md-10 d-flex flex-md-row flex-column justify-content-between align-items-center mx-auto'>\r\n          <div className='col-12 col-md-4'>\r\n            <StaticImage\r\n              src='../images/extinguidor-columna.jpg'\r\n              alt='Extintor en un pasillo de una oficina'\r\n              layout='fullWidth'\r\n            />\r\n          </div>\r\n          <div className='col-12 col-md-8 p-3'>\r\n            <p className='lead text-site-orange fw-bold fs-3 lh-1'>\r\n              ¿TUS OFICINAS O NEGOCIO ESTÁN PROTEGIDOS?\r\n            </p>\r\n            <p>\r\n              Confía en un sistema contra incendio para la protección de tu\r\n              negocio u oficina, contamos con diferentes marcas y agentes de\r\n              extinción para cubrir las necesidades especiales de las áreas que\r\n              se deben de proteger.{' '}\r\n              <Link to='#hero-form' className='orange-link'>\r\n                Puedes contactarnos\r\n              </Link>{' '}\r\n              para obtener orientación personalizada.\r\n            </p>\r\n            <Link to='/sistemas' className='btn btn-orange btn-lg'>\r\n              VER SISTEMAS\r\n            </Link>\r\n          </div>\r\n        </div>\r\n        {/* a module */}\r\n        <div className='col-12 col-md-10 d-flex flex-md-row flex-column justify-content-between align-items-center mx-auto my-3'>\r\n          <div className='col-12 col-md-5 p-3 order-md-0 order-1'>\r\n            <p className='lead text-site-orange fw-bold fs-3 lh-1'>\r\n              INSTALA GABINETES PARA EXTINTORES EN TODOS TUS ESPACIOS\r\n            </p>\r\n            <p>\r\n              Protege tu equipo contra incendio mientras lo haces visible para\r\n              los usuarios en caso de alguna emergencia de incendio. De acuerdo\r\n              a la arquitectura de tus espacios y al tipo de extintor, tenemos\r\n              múltiples opciones para ofrecer,{' '}\r\n              <Link to='#hero-form' className='orange-link'>\r\n                puedes ponerte en contacto\r\n              </Link>{' '}\r\n              con nosotros para una mejor selección.\r\n            </p>\r\n            <Link to='/gabinetes' className='btn btn-orange btn-lg'>\r\n              VER GABINETES\r\n            </Link>\r\n          </div>\r\n          <div className='col-12 col-md-7'>\r\n            <StaticImage\r\n              src='../images/gabinetes-pared-amarilla.jpg'\r\n              alt='Gabinetes instalados sobre una pared amarilla'\r\n              layout='fullWidth'\r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n      {/* double module */}\r\n      <div className='col-12 col-md-10 d-flex flex-column flex-md-row justify-content-around align-items-start mx-auto px-md-5 px-1'>\r\n        {/* mod 1 */}\r\n        <div className='d-flex flex-column col-12 col-md-4 p-4'>\r\n          <StaticImage\r\n            src='../images/taller/taller-11.jpg'\r\n            alt='Extintor en un pasillo de una oficina'\r\n            layout='constrained'\r\n            width={600}\r\n            className='float-md-start float-none m-2'\r\n          />\r\n          <p className='mt-3 text-site-orange fw-bold fs-4 lh-1'>\r\n            CONOCE NUESTRO TALLER\r\n          </p>\r\n          <p>\r\n            Contamos con un taller muy completo para la recarga de extintores y\r\n            de tanques de sistemas de agentes limpios.{' '}\r\n            <Link to='#hero-form' className='orange-link'>\r\n              Puedes contactarnos\r\n            </Link>{' '}\r\n            para obtener orientación personalizada.\r\n          </p>\r\n          <Link to='/el-taller' className='btn btn-orange'>\r\n            VISTAR EL TALLER DE MECI\r\n          </Link>\r\n        </div>\r\n        {/* mod 2 */}\r\n        <div className='d-flex flex-column col-12 col-md-4 p-4'>\r\n          <StaticImage\r\n            src='../images/extinguidores-pqs-meci.jpg'\r\n            alt='extintores PQS de MECI'\r\n            layout='constrained'\r\n            width={600}\r\n            className='float-md-start float-none m-2'\r\n          />\r\n          <p className='mt-3 text-site-orange fw-bold fs-4 lh-1'>\r\n            TEN SIEMPRE A LA MANO UN EXTINTOR\r\n          </p>\r\n          <p>\r\n            Ya sea en el hogar, en la oficina, en el taller ó en cualquier otro\r\n            lugar, la seguridad contra el fuego es una prioridad. Tener la\r\n            capacidad para detener el primer avance de un incendio es de suma\r\n            importancia para evitar pérdidas materiales y personales.\r\n          </p>\r\n          <Link to='/portatiles' className='btn btn-orange'>\r\n            VER PORTÁTILES NACIONALES\r\n          </Link>\r\n        </div>\r\n        {/* mod 3 */}\r\n        <div className='d-flex flex-column col-12 col-md-4 p-4'>\r\n          <StaticImage\r\n            src='../images/equipo-recarga.jpg'\r\n            alt='Equipo de recarga de extintores Getz'\r\n            layout='constrained'\r\n            width={600}\r\n            className='float-md-start float-none m-2'\r\n          />\r\n          <p className='mt-3 text-site-orange fw-bold fs-4 lh-1'>\r\n            EQUIPOS PARA TALLER DE RECARGA\r\n          </p>\r\n          <p>\r\n            Venta de equipo profesional para taller de recarga, tolvas, prensas\r\n            neumáticas, básculas y equipos para montar en camionetas.\r\n            <br />\r\n            <Link to='#hero-form' className='orange-link'>\r\n              Ponte en contacto\r\n            </Link>{' '}\r\n            para mayor información acerca de estos equipos.\r\n          </p>\r\n          <Link to='/equipo-taller' className='btn btn-orange'>\r\n            VER EQUIPOS PARA TALLER\r\n          </Link>\r\n        </div>\r\n      </div>\r\n      {/* contact form */}\r\n      <ContactForm />\r\n    </Layout>\r\n  )\r\n}\r\n\r\nexport default IndexPage\r\n"],"sourceRoot":""}