{"version":3,"sources":["webpack:///./src/components/sections/LazyContactForm.js","webpack:///./src/components/sections/LazyMapView.js","webpack:///./src/components/sections/ContactUs.js","webpack:///./src/pages/contacto.js","webpack:///./src/components/common/SmallBanner.js"],"names":["ContactForm","loadable","LazyContactForm","isNearScreen","fromRef","useNearScreen","React","createElement","Fragment","ref","MapView","LazyMapView","ContactUs","props","className","Title","href","target","rel","FaWhatsapp","FaEnvelopeOpen","BsChatDots","Contacto","Layout","Seo","title","description","SmallBanner","subtitle","filename","Banner","height","GenericImage","trim","length"],"mappings":"8KAIA,MAAMA,EAAcC,YAAS,IAAM,0EAYpBC,MAVSA,KACpB,MAAM,aAAEC,EAAY,QAAEC,GAAYC,cAElC,OACIC,IAAAC,cAAAD,IAAAE,SAAA,KACIF,IAAAC,cAAA,WAASE,IAAKL,GAAUD,EAAeG,IAAAC,cAACP,EAAW,MAAM,QCPrE,MAAMU,EAAUT,YAAS,IAAM,2DAEhB,SAASU,IACpB,MAAM,aAAER,EAAY,QAAEC,GAAYC,cAElC,OACIC,IAAAC,cAAAD,IAAAE,SAAA,KACIF,IAAAC,cAAA,WAASE,IAAKL,GAAUD,EAAeG,IAAAC,cAACG,EAAO,MAAM,O,kDCqDlDE,MA1DGC,GAEVP,IAAAC,cAAA,OAAKO,UAAY,aAAYD,EAAMC,WAC/BR,IAAAC,cAAA,OAAKO,UAAU,2BACXR,IAAAC,cAACQ,IAAK,CAACD,UAAU,eAAc,cAC/BR,IAAAC,cAAA,OAAKO,UAAU,gDAEXR,IAAAC,cAAA,OAAKO,UAAU,WACXR,IAAAC,cAAA,OAAKO,UAAU,mBACXR,IAAAC,cAAA,KACIS,KAAK,4BACLC,OAAO,SACPC,IAAI,sBACJJ,UAAU,UAEVR,IAAAC,cAACY,IAAU,CAACL,UAAU,SACtBR,IAAAC,cAAA,MAAIO,UAAU,MAAK,YACnBR,IAAAC,cAAA,MAAIO,UAAU,MAAK,wBAM/BR,IAAAC,cAAA,OAAKO,UAAU,WACXR,IAAAC,cAAA,OAAKO,UAAU,mBACXR,IAAAC,cAAA,KACIS,KAAK,4BACLC,OAAO,SACPC,IAAI,sBACJJ,UAAU,UAEVR,IAAAC,cAACa,IAAc,CAACN,UAAU,SAC1BR,IAAAC,cAAA,MAAIO,UAAU,MAAK,sBACnBR,IAAAC,cAAA,MAAIO,UAAU,MAAK,yBAM/BR,IAAAC,cAAA,OAAKO,UAAU,WACXR,IAAAC,cAAA,OAAKO,UAAU,mBACXR,IAAAC,cAAA,KACIS,KAAK,4BACLC,OAAO,SACPC,IAAI,sBACJJ,UAAU,UAEVR,IAAAC,cAACc,IAAU,CAACP,UAAU,SACtBR,IAAAC,cAAA,MAAIO,UAAU,MAAK,QACnBR,IAAAC,cAAA,MAAIO,UAAU,MAAK,iC,YC3BpCQ,UApBEA,IAEThB,IAAAC,cAACgB,IAAM,KACHjB,IAAAC,cAACiB,IAAG,CACAC,MAAM,WACNC,YAAY,oFAGhBpB,IAAAC,cAACoB,IAAW,CACRF,MAAM,wBACNG,SAAS,+DACTC,SAAS,kBAEbvB,IAAAC,cAACK,EAAS,CAACE,UAAU,8BACrBR,IAAAC,cAACG,EAAO,MACRJ,IAAAC,cAACP,EAAW,CAACc,UAAU,gC,kCCvBnC,qCAgCegB,IA7BAjB,IACX,MAAM,SAAEgB,EAAQ,MAAEJ,EAAK,SAAEG,EAAQ,OAAEG,GAAWlB,EAC9C,OACIP,IAAAC,cAAAD,IAAAE,SAAA,KACIF,IAAAC,cAACyB,IAAY,CACTH,SAAUA,EACVf,UAAY,kCACRiB,EAAU,GAAEA,EAAW,uBAG3BzB,IAAAC,cAAA,OAAKO,UAAU,sCACXR,IAAAC,cAAA,OAAKO,UAAU,0BACXR,IAAAC,cAAA,OAAKO,UAAU,WACXR,IAAAC,cAAA,MAAIO,UAAU,wFACTW,GAEJG,GAAYA,EAASK,OAAOC,OAAS,GAClC5B,IAAAC,cAAA,MAAIO,UAAU,yHACTc,U","file":"component---src-pages-contacto-js-79867d7aef4ea21951f5.js","sourcesContent":["import React from \"react\";\nimport loadable from \"@loadable/component\";\nimport useNearScreen from \"@components/hooks/useNearScreen\";\n\nconst ContactForm = loadable(() => import(\"./ContactForm\"));\n\nconst LazyContactForm = () => {\n    const { isNearScreen, fromRef } = useNearScreen();\n\n    return (\n        <>\n            <section ref={fromRef}>{isNearScreen ? <ContactForm /> : null}</section>\n        </>\n    );\n};\n\nexport default LazyContactForm;\n\n/**\n *\n * .grecaptcha-badge {\n    visibility: hidden;\n}\n *\n */\n","import React from \"react\";\nimport loadable from \"@loadable/component\";\nimport useNearScreen from \"@components/hooks/useNearScreen\";\n\nconst MapView = loadable(() => import(\"./MapView\"));\n\nexport default function LazyMapView() {\n    const { isNearScreen, fromRef } = useNearScreen();\n\n    return (\n        <>\n            <section ref={fromRef}>{isNearScreen ? <MapView /> : null}</section>\n        </>\n    );\n}\n","import React from \"react\";\nimport { FaWhatsapp, FaEnvelopeOpen } from \"react-icons/fa\";\nimport { BsChatDots } from \"react-icons/bs\";\nimport Title from \"@components/common/Title\";\nimport \"../../styles/ContactUs.css\";\n\nconst ContactUs = props => {\n    return (\n        <div className={`contactus ${props.className}`}>\n            <div className=\"container lg:px-0 py-20\">\n                <Title className=\"text-center\">¿Hablamos?</Title>\n                <div className=\"mt-10 grid grid-cols-1 md:grid-cols-3 gap-10\">\n                    {/** WhatsApp */}\n                    <div className=\"content\">\n                        <div className=\"mx-auto my-auto\">\n                            <a\n                                href=\"https://wa.me/34644507478\"\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                className=\"w-full\"\n                            >\n                                <FaWhatsapp className=\"icon\" />\n                                <h3 className=\"h3\">WhatsApp</h3>\n                                <h4 className=\"h4\">(+34) 644 507 478</h4>\n                            </a>\n                        </div>\n                    </div>\n\n                    {/** Correo */}\n                    <div className=\"content\">\n                        <div className=\"mx-auto my-auto\">\n                            <a\n                                href=\"mailto:info@iopos.academy\"\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                className=\"w-full\"\n                            >\n                                <FaEnvelopeOpen className=\"icon\" />\n                                <h3 className=\"h3\">Correo electrónico</h3>\n                                <h4 className=\"h4\">info@iopos.academy</h4>\n                            </a>\n                        </div>\n                    </div>\n\n                    {/** WhatsApp */}\n                    <div className=\"content\">\n                        <div className=\"mx-auto my-auto\">\n                            <a\n                                href=\"https://wa.me/34644507478\"\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                className=\"w-full\"\n                            >\n                                <BsChatDots className=\"icon\" />\n                                <h3 className=\"h3\">Chat</h3>\n                                <h4 className=\"h4\">¡Hablemos por WhatsApp!</h4>\n                            </a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\nexport default ContactUs;\n","import React from \"react\";\nimport Layout from \"@components/layouts/Layout\";\nimport Seo from \"@components/common/Seo\";\nimport ContactForm from \"@components/sections/LazyContactForm\";\nimport MapView from \"@components/sections/LazyMapView\";\nimport ContactUs from \"@components/sections/ContactUs\";\nimport SmallBanner from \"@components/common/SmallBanner\";\n\nconst Contacto = () => {\n    return (\n        <Layout>\n            <Seo\n                title=\"Contacto\"\n                description=\"¿Quieres contactar con iOpos? Rellena el formulario y en breve te contactaremos\"\n            />\n\n            <SmallBanner\n                title=\"Contacta con nosotros\"\n                subtitle=\"¿Tienes alguna duda o sugerencia? No lo dudes y contáctanos.\"\n                filename=\"bgs/bgContact\"\n            />\n            <ContactUs className=\"bg-gray-100 bg-opacity-50\" />\n            <MapView />\n            <ContactForm className=\"bg-gray-100 bg-opacity-50\" />\n        </Layout>\n    );\n};\n\nexport default Contacto;\n","import React from \"react\";\nimport GenericImage from \"./CloudinaryImage\";\n\nconst Banner = props => {\n    const { filename, title, subtitle, height } = props;\n    return (\n        <>\n            <GenericImage\n                filename={filename}\n                className={`smallbanner bg-cover bg-center ${\n                    height ? `${height}` : \"h-116\"\n                } bg-gray-400`}\n            >\n                <div className=\"flex h-full bg-black bg-opacity-25\">\n                    <div className=\"container lg:px-0 flex\">\n                        <div className=\"my-auto\">\n                            <h1 className=\"font-montserrat font-bold text-3xl sm:text-4xl lg:text-5xl text-shadow-lg text-white\">\n                                {title}\n                            </h1>\n                            {subtitle && subtitle.trim().length > 0 && (\n                                <h2 className=\"text-white opacity-85 mt-2 font-montserrat leading-6 sm:leading-8 sm:text-xl lg:text-2xl lg:leading-10 text-shadow-lg\">\n                                    {subtitle}\n                                </h2>\n                            )}\n                        </div>\n                    </div>\n                </div>\n            </GenericImage>\n        </>\n    );\n};\n\nexport default Banner;\n"],"sourceRoot":""}