{"version":3,"file":"component---src-pages-us-contact-index-tsx-309643973b1258c6e7dd.js","mappings":"8TACWA,EAAU,iCACVC,EAAW,kCACXC,EAAW,kCACXC,EAAU,iCCuBrB,EAhBwC,SAAC,GAKlC,IAJLC,EAII,EAJJA,UACAC,EAGI,EAHJA,GACAC,EAEI,EAFJA,QACAC,EACI,EADJA,SAEA,OACE,mCACEH,UAAWI,GAAAA,CAAGC,EAAWH,GAAWG,EAAE,MAAMH,GAAYF,GACxDC,GAAIA,GAEHE,K,sMCnBIG,EAAS,gCACTC,EAAe,sCACf,EAAO,8BAGP,EAAQ,+BCgHnB,EAxG0B,WACxB,IAAQC,GAAMC,EAAAA,EAAAA,KAAND,EACR,EAAsCE,EAAAA,QAAAA,UAAe,GAA9CC,EAAP,KAAoBC,EAApB,KACMC,EAAQL,EAAE,cACVM,EAAQN,EAAE,SACVO,EAAWP,EAAE,aAEnB,OACE,gDACE,wBAAC,IAAD,CACEQ,MAAOR,EAAE,qBACTS,YAAY,+GAEd,wBAACC,EAAA,EAAD,CAASlB,UD5BM,kCC6Bb,wBAACmB,EAAA,EAAD,KACE,+BAAKnB,UD7BM,kCC8BT,+BAAKA,UAAWK,GACd,wBAACe,EAAA,EAAD,CACEC,QAAQ,KACRC,MAAM,OACNC,KAAM,GACNvB,UAAWK,GAEVG,EAAE,kBAEL,wBAACY,EAAA,EAAD,CACEC,QAAQ,KACRE,KAAM,GACND,MAAM,OACNtB,UAAWK,GAEVG,EAAE,kBAEL,mCACE,wBAACY,EAAA,EAAD,CAAYC,QAAQ,QAAQE,KAAM,GAAIvB,UAAWK,GAC9CG,EAAE,gBAEL,wBAACgB,EAAA,EAAD,CAAMC,KAAMX,EAAOY,SAAS,MAAMJ,MAAM,QACrCR,IAGL,mCACE,wBAACM,EAAA,EAAD,CAAYC,QAAQ,QAAQE,KAAM,GAAIvB,UAAWK,GAC9CG,EAAE,gBAEL,wBAACgB,EAAA,EAAD,CAAMC,KAAMV,EAAUW,SAAS,MAAMJ,MAAM,QACxCP,IAGL,wBAACK,EAAA,EAAD,CACEC,QAAQ,KACRE,KAAM,GACND,MAAM,OACNtB,UAAWK,GAEVG,EAAE,kBAEL,wBAACgB,EAAA,EAAD,CAAMC,KAAMZ,EAAOa,SAAS,QAAQJ,MAAM,QACvCT,GAEH,wBAACO,EAAA,EAAD,CACEC,QAAQ,KACRE,KAAM,GACND,MAAM,OACNtB,UAAWK,GAEVG,EAAE,kBAEL,wBAACY,EAAA,EAAD,CAAYC,QAAQ,QAAQE,KAAM,GAAIvB,UAAWK,GAC9CG,EAAE,cAGP,+BAAKR,UAAWK,GACd,kCACEsB,IAAI,+SACJX,MAAM,MACNhB,UDtFC,6BCuFD4B,QAAQ,OACRC,eAAe,iCAIrB,+BAAK7B,UD3FG,+BC4FN,wBAAC8B,EAAA,EAAD,CAAQC,QAAS,kBAAMnB,GAAe,KACnCJ,EAAE,mBAEL,wBAACsB,EAAA,EAAD,CAAQC,QAAS,kBAAMC,EAAAA,EAAAA,IAAOC,EAAAA,MAC5B,wBAAC,IAAD,CAAiBC,MAAO,CAAEC,YAAa,MACtC3B,EAAE,qBAKVG,GACC,wBAAC,IAAD,CACEyB,QAAS,kBAAMxB,GAAe,IAC9BI,MAAOR,EAAE,kBACT6B,YAAY","sources":["webpack://sgnl-site/./src/components/Common/Section/Section.module.scss","webpack://sgnl-site/./src/components/Common/Section/index.tsx","webpack://sgnl-site/./src/pages-us/contact/contact.module.scss","webpack://sgnl-site/./src/pages-us/contact/index.tsx"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport var section = \"Section-module--section--t2Kke\";\nexport var bg_white = \"Section-module--bg_white--K-nBF\";\nexport var bg_light = \"Section-module--bg_light--kwwQL\";\nexport var bg_dark = \"Section-module--bg_dark--vZSrp\";","import React from 'react'\nimport cn from 'classnames'\n\nimport * as s from './Section.module.scss'\n\ninterface SectionProps {\n  className?: string\n  bgColor?: 'white' | 'light' | 'dark'\n  id?: string\n}\n\nconst Section: React.FC<SectionProps> = ({\n  className,\n  id,\n  bgColor,\n  children,\n}) => {\n  return (\n    <section\n      className={cn(s.section, bgColor && s[`bg_${bgColor}`], className)}\n      id={id}\n    >\n      {children}\n    </section>\n  )\n}\n\nexport default Section\n","// extracted by mini-css-extract-plugin\nexport var section = \"contact-module--section--9lVmr\";\nexport var columns = \"contact-module--columns--BiS1r\";\nexport var column = \"contact-module--column--wbKGF\";\nexport var marginBottom = \"contact-module--marginBottom--xhm5y\";\nexport var text = \"contact-module--text--R68do\";\nexport var map = \"contact-module--map--85Yei\";\nexport var btns = \"contact-module--btns--c8UD+\";\nexport var phone = \"contact-module--phone--rEtHz\";","import React from 'react'\n\nimport SEO from '../../components/seo'\nimport Section from '../../components/Common/Section'\nimport Container from '../../components/Common/Container'\nimport Typography from '../../components/Common/Typography'\nimport Link from '../../components/Common/Link'\nimport { Button } from '../../components/Common/Button'\nimport ContactForm from '../../components/contact-form'\nimport { useTranslations } from '../../hooks/use-translations'\nimport WhatsappBtnIcon from '../../svg/whatsapp-btn-icon'\nimport { toLink } from '../../utils'\nimport { whatsappLinkUs } from '../../data'\n\nimport * as s from './contact.module.scss'\n\nconst Contact: React.FC = () => {\n  const { t } = useTranslations()\n  const [isOpenModal, setIsOpenModal] = React.useState(false)\n  const email = t('info_email')\n  const phone = t('Phone')\n  const mobPhone = t('mob_phone')\n\n  return (\n    <>\n      <SEO\n        title={t('seo_title_contact')}\n        description=\"Need to get in touch with SIGNAX or have questions? We’re happy to help. Give us a call or email us today.\"\n      />\n      <Section className={s.section}>\n        <Container>\n          <div className={s.columns}>\n            <div className={s.column}>\n              <Typography\n                variant=\"h1\"\n                color=\"blue\"\n                size={40}\n                className={s.marginBottom}\n              >\n                {t('title_contact')}\n              </Typography>\n              <Typography\n                variant=\"h2\"\n                size={18}\n                color=\"blue\"\n                className={s.text}\n              >\n                {t('contact_phone')}\n              </Typography>\n              <div>\n                <Typography variant=\"body2\" size={18} className={s.phone}>\n                  {t('contact_tel')}\n                </Typography>\n                <Link href={phone} typeLink=\"tel\" color=\"dark\">\n                  {phone}\n                </Link>\n              </div>\n              <div>\n                <Typography variant=\"body2\" size={18} className={s.phone}>\n                  {t('contact_mob')}\n                </Typography>\n                <Link href={mobPhone} typeLink=\"tel\" color=\"dark\">\n                  {mobPhone}\n                </Link>\n              </div>\n              <Typography\n                variant=\"h2\"\n                size={18}\n                color=\"blue\"\n                className={s.text}\n              >\n                {t('contact_email')}\n              </Typography>\n              <Link href={email} typeLink=\"email\" color=\"dark\">\n                {email}\n              </Link>\n              <Typography\n                variant=\"h2\"\n                size={18}\n                color=\"blue\"\n                className={s.text}\n              >\n                {t('address_title')}\n              </Typography>\n              <Typography variant=\"body1\" size={18} className={s.marginBottom}>\n                {t('_address')}\n              </Typography>\n            </div>\n            <div className={s.column}>\n              <iframe\n                src=\"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d903.4485810315041!2d55.13966971274514!3d25.074959326539823!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3e5f6caaf8181d8b%3A0xdfa5773a1c64bbc5!2sMarina%20Plaza%20-%20Dubai%20Marina%20-%20Emaar!5e0!3m2!1sen!2sca!4v1676468258809!5m2!1sen!2sca\"\n                title=\"Map\"\n                className={s.map}\n                loading=\"lazy\"\n                referrerPolicy=\"no-referrer-when-downgrade\"\n              />\n            </div>\n          </div>\n          <div className={s.btns}>\n            <Button onClick={() => setIsOpenModal(true)}>\n              {t('Request a call')}\n            </Button>\n            <Button onClick={() => toLink(whatsappLinkUs)}>\n              <WhatsappBtnIcon style={{ marginRight: 12 }} />\n              {t('whatsapp_chat')}\n            </Button>\n          </div>\n        </Container>\n      </Section>\n      {isOpenModal && (\n        <ContactForm\n          onClose={() => setIsOpenModal(false)}\n          title={t('Request a call')}\n          requestType=\"Request a call\"\n        />\n      )}\n    </>\n  )\n}\n\nexport default Contact\n"],"names":["section","bg_white","bg_light","bg_dark","className","id","bgColor","children","cn","s","column","marginBottom","t","useTranslations","React","isOpenModal","setIsOpenModal","email","phone","mobPhone","title","description","Section","Container","Typography","variant","color","size","Link","href","typeLink","src","loading","referrerPolicy","Button","onClick","toLink","whatsappLinkUs","style","marginRight","onClose","requestType"],"sourceRoot":""}