{"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/el-taller.js"],"names":["source","src","className","title","style","height","props","state","render","id","Helmet","Math","random","async","defer","this","Component","description","Link","to","S","alt","layout","width"],"mappings":"sxSA2BA,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,yGCuH1B,UApHiB,WACf,OACE,gBAAC,IAAD,KACE,gBAAC,IAAD,CACEb,MAAM,6BACNc,YAAY,+KAEd,uBAAKf,UAAU,iCACb,sBAAIA,UAAU,uBAAd,mDAGA,qBAAGA,UAAU,oBAAb,wEAGA,qBAAGA,UAAU,eAAb,gMAGyD,IACvD,gBAAC,EAAAgB,KAAD,CAAMC,GAAG,aAAajB,UAAU,eAAhC,uBAEQ,IANV,qFAWF,uBAAKA,UAAU,oEACb,gBAAC,EAAAkB,EAAD,CACEnB,IAAI,gCACJoB,IAAI,gCACJC,OAAO,cACPC,MAAM,MACNrB,UAAU,OALZ,qBAOA,gBAAC,EAAAkB,EAAD,CACEnB,IAAI,gCACJoB,IAAI,cACJC,OAAO,cACPC,MAAM,MACNrB,UAAU,OALZ,sBAOA,gBAAC,EAAAkB,EAAD,CACEnB,IAAI,gCACJoB,IAAI,cACJC,OAAO,cACPC,MAAM,MACNrB,UAAU,OALZ,sBAOA,gBAAC,EAAAkB,EAAD,CACEnB,IAAI,gCACJoB,IAAI,cACJC,OAAO,cACPC,MAAM,MACNrB,UAAU,OALZ,qBAOA,gBAAC,EAAAkB,EAAD,CACEnB,IAAI,gCACJoB,IAAI,cACJC,OAAO,cACPC,MAAM,MACNrB,UAAU,OALZ,sBAOA,gBAAC,EAAAkB,EAAD,CACEnB,IAAI,gCACJoB,IAAI,cACJC,OAAO,cACPC,MAAM,MACNrB,UAAU,OALZ,sBAOA,gBAAC,EAAAkB,EAAD,CACEnB,IAAI,gCACJoB,IAAI,cACJC,OAAO,cACPC,MAAM,MACNrB,UAAU,OALZ,sBAOA,gBAAC,EAAAkB,EAAD,CACEnB,IAAI,gCACJoB,IAAI,cACJC,OAAO,cACPC,MAAM,MACNrB,UAAU,OALZ,sBAOA,gBAAC,EAAAkB,EAAD,CACEnB,IAAI,gCACJoB,IAAI,cACJC,OAAO,cACPC,MAAM,MACNrB,UAAU,OALZ,sBAOA,gBAAC,EAAAkB,EAAD,CACEnB,IAAI,iCACJoB,IAAI,cACJC,OAAO,cACPC,MAAM,MACNrB,UAAU,OALZ,sBAOA,gBAAC,EAAAkB,EAAD,CACEnB,IAAI,iCACJoB,IAAI,cACJC,OAAO,cACPC,MAAM,MACNrB,UAAU,OALZ,sBAOA,gBAAC,EAAAkB,EAAD,CACEnB,IAAI,iCACJoB,IAAI,cACJC,OAAO,cACPC,MAAM,MACNrB,UAAU,OALZ,uBAQF,gBAAC,IAAD","file":"component---src-pages-el-taller-js-ca0dc751f1a1ec1d1182.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 React from 'react'\r\nimport { Link } from 'gatsby'\r\nimport { StaticImage } from 'gatsby-plugin-image'\r\nimport ContactForm from '../components/contact-form'\r\nimport Layout from '../components/layout'\r\nimport Seo from '../components/seo'\r\n\r\nconst ElTaller = () => {\r\n  return (\r\n    <Layout>\r\n      <Seo\r\n        title='Taller de servicios - MECI'\r\n        description='Darle mantenimiento a su equipo contra incendio es tan importante como adquirir uno. Visite nuestro taller para reparaciones menores, recargas y mantenimiento preventivo.'\r\n      />\r\n      <div className='col-12 col-md-10 mx-auto my-5'>\r\n        <h1 className='fw-bold text-center'>\r\n          TALLER DE SERVICIOS DE RECARGAS Y MANTENIMIENTO\r\n        </h1>\r\n        <p className='lead text-center'>\r\n          EXTINTORES, SISTEMAS Y TODO LO RELACIONADO A EQUIPO CONTRA INCENDIOS\r\n        </p>\r\n        <p className='text-center'>\r\n          Lleve sus extintores para mantenimiento y/o recarga acorde a la\r\n          etiqueta, recuerde que es importante tener un control de mantenimiento\r\n          para que su equipo contra incendio sea efectivo. Puede{' '}\r\n          <Link to='#hero-form' className='orange-link'>\r\n            ponerse en contacto\r\n          </Link>{' '}\r\n          para agendar una visita al taller o bien para solicitar un servicio a\r\n          domicilio.\r\n        </p>\r\n      </div>\r\n      <div className='col-12 col-md-10 d-flex flex-wrap justify-content-around mx-auto'>\r\n        <StaticImage\r\n          src='../images/taller/taller-1.jpg'\r\n          alt='Hombre recargando un extintor'\r\n          layout='constrained'\r\n          width='320'\r\n          className='my-3'\r\n        />\r\n        <StaticImage\r\n          src='../images/taller/taller-2.jpg'\r\n          alt='Taller MECI'\r\n          layout='constrained'\r\n          width='320'\r\n          className='my-3'\r\n        />\r\n        <StaticImage\r\n          src='../images/taller/taller-3.jpg'\r\n          alt='Taller MECI'\r\n          layout='constrained'\r\n          width='320'\r\n          className='my-3'\r\n        />\r\n        <StaticImage\r\n          src='../images/taller/taller-4.jpg'\r\n          alt='Taller MECI'\r\n          layout='constrained'\r\n          width='320'\r\n          className='my-3'\r\n        />\r\n        <StaticImage\r\n          src='../images/taller/taller-5.jpg'\r\n          alt='Taller MECI'\r\n          layout='constrained'\r\n          width='320'\r\n          className='my-3'\r\n        />\r\n        <StaticImage\r\n          src='../images/taller/taller-6.jpg'\r\n          alt='Taller MECI'\r\n          layout='constrained'\r\n          width='320'\r\n          className='my-3'\r\n        />\r\n        <StaticImage\r\n          src='../images/taller/taller-7.jpg'\r\n          alt='Taller MECI'\r\n          layout='constrained'\r\n          width='320'\r\n          className='my-3'\r\n        />\r\n        <StaticImage\r\n          src='../images/taller/taller-8.jpg'\r\n          alt='Taller MECI'\r\n          layout='constrained'\r\n          width='320'\r\n          className='my-3'\r\n        />\r\n        <StaticImage\r\n          src='../images/taller/taller-9.jpg'\r\n          alt='Taller MECI'\r\n          layout='constrained'\r\n          width='320'\r\n          className='my-3'\r\n        />\r\n        <StaticImage\r\n          src='../images/taller/taller-10.jpg'\r\n          alt='Taller MECI'\r\n          layout='constrained'\r\n          width='320'\r\n          className='my-3'\r\n        />\r\n        <StaticImage\r\n          src='../images/taller/taller-11.jpg'\r\n          alt='Taller MECI'\r\n          layout='constrained'\r\n          width='320'\r\n          className='my-3'\r\n        />\r\n        <StaticImage\r\n          src='../images/taller/taller-12.jpg'\r\n          alt='Taller MECI'\r\n          layout='constrained'\r\n          width='320'\r\n          className='my-3'\r\n        />\r\n      </div>\r\n      <ContactForm />\r\n    </Layout>\r\n  )\r\n}\r\n\r\nexport default ElTaller\r\n"],"sourceRoot":""}