{"version":3,"sources":["webpack:///./src/components/Modals/ModalLayout.tsx","webpack:///./src/images/forms/dale.png","webpack:///./node_modules/@material-ui/icons/Close.js","webpack:///./src/pages/contact-us.tsx","webpack:///./src/components/Forms/FormLeftContent.tsx"],"names":["ModalLayout","children","type","leftContent","rightContent","OuterContainer","Modal","Top","Inner","className","style","height","width","onClick","navigate","color","Content","Col","styled","img","div","module","exports","_interopRequireDefault","_interopRequireWildcard","Object","defineProperty","value","default","React","_default","createElement","d","SubHeading","p","h2","h5","ContactUs","location","window","href","includes","code","body","data","heading","employeeTitle","employeeName","icon","Icon","FormLeftContent","TextContainer","Text","Heading","ContactPanel","ContactImg","src","alt","ContactInfoSection","theme","text","main","greyLight","grey","scroll","background","hpHeader","brand","blue"],"mappings":"4FAAA,0GA0DeA,IAnCqC,SAAH,GACvC,EAARC,SAII,IAHJC,EAAI,EAAJA,KACAC,EAAW,EAAXA,YACAC,EAAY,EAAZA,aAEA,OACE,kBAACC,EAAc,KACb,kBAACC,EAAK,KACJ,kBAACC,EAAG,KACF,kBAACC,EAAK,KACJ,uBAAGC,UAAU,WAAWP,GAExB,kBAAC,IAAU,CACTQ,MAAO,CAAEC,OAAQ,GAAIC,MAAO,IAC5BC,QAAS,WACPC,oBAAU,KAGZ,kBAAC,IAAS,CAACJ,MAAO,CAAEC,OAAQ,GAAIC,MAAO,GAAIG,MAAO,gBAKxD,kBAAC,IAAQ,KACP,kBAACC,EAAO,KACN,kBAACC,EAAG,KAAEd,GACN,kBAACc,EAAG,KAAEb,QAUJc,IAAOC,IAAG,wEAAVD,CAAU,oFAUPA,IAAOE,IAAG,2EAAVF,CAAU,kSAV3B,IAyCMb,EAAiBa,IAAOE,IAAG,iFAAVF,CAAU,qKAgB3BZ,EAAQY,IAAOE,IAAG,wEAAVF,CAAU,sJAYlBX,EAAMW,IAAOE,IAAG,sEAAVF,CAAU,+GAWhBV,EAAQU,IAAOE,IAAG,wEAAVF,CAAU,gNAkBlBF,EAAUE,IAAOE,IAAG,0EAAVF,CAAU,0IAUpBD,EAAMC,IAAOE,IAAG,sEAAVF,CAAU,sLAmBNA,IAAOE,IAAG,0EAAVF,CAAU,0H,uBC3L1BG,EAAOC,QAAU,IAA0B,oD,kCCE3C,IAAIC,EAAyB,EAAQ,QACjCC,EAA0B,EAAQ,QACtCC,OAAOC,eAAeJ,EAAS,aAAc,CAC3CK,OAAO,IAETL,EAAQM,aAAU,EAClB,IAAIC,EAAQL,EAAwB,EAAQ,SAExCM,GAAW,EADMP,EAAuB,EAAQ,SAClBK,SAAuBC,EAAME,cAAc,OAAQ,CACnFC,EAAG,0GACD,SACJV,EAAQM,QAAUE,G,kCCblB,qGAqGMG,GAhBMf,IAAOgB,EAAC,qEAARhB,CAAQ,2GAWGA,IAAOiB,GAAE,gFAATjB,CAAS,sCAKbA,IAAOkB,GAAE,4EAATlB,CAAS,6CAKFA,YAAOe,GAAW,mFAAlBf,CAAkB,2BAIvBA,IAAOC,IAAG,8EAAVD,CAAU,gEAQhBmB,UApGG,SAAH,GAAqB,IA+C9BjC,EA/CuB,EAARkC,SAqDrB,OAJIlC,EADoB,oBAAXmC,QAA0BA,OAAOD,SAASE,KAAKC,SAAS,sBAClD,kBAAC,YAAS,CAACC,KAAK,aAEhB,kBAAC,YAAS,CAACA,KAAK,aAI/B,kBAAC,IAAW,CACZxC,KAAM,eACNyC,KAAM,OACNxC,YAAa,kBAAC,IAAe,CAACyC,KAAQ,CAACC,QAvDzB,cAuDyCF,KAtD5C,+OAsDsDG,cApD7C,+BAoDyEC,aArD1E,OAqDoGC,KAAKC,OAC5H7C,aAAcA,M,kCC7ElB,iDA8Ce8C,IApCuC,SAAH,GAE7C,IADNN,EAAI,EAAJA,KAGSC,EAAoDD,EAApDC,QAASF,EAA2CC,EAA3CD,KAAMI,EAAqCH,EAArCG,aAAcD,EAAuBF,EAAvBE,cAAeE,EAAQJ,EAARI,KACnD,OACE,kBAACG,EAAa,KACZ,kBAACC,EAAI,KACH,kBAACC,EAAO,KAAER,GAEV,kBAACZ,EAAU,KACRU,GAGH,kBAACW,EAAY,KACM,KAAhBP,EAAsB,kBAACQ,EAAU,CAACC,IAAKR,EAAOS,IAAI,SAAY,KAE/D,kBAACC,EAAkB,KACjB,2BAAIX,GACJ,2BAAKD,QAmBjB,IAAMK,EAAgBjC,IAAOE,IAAG,qFAAVF,CAAU,0GAW1BkC,EAAOlC,IAAOE,IAAG,4EAAVF,CAAU,6LAGDyC,IAAMC,KAAKC,MAa3BR,EAAUnC,IAAOiB,GAAE,+EAATjB,CAAS,6BAMnBe,GAHiBf,IAAOiB,GAAE,sFAATjB,CAAS,4BAGbA,IAAOkB,GAAE,kFAATlB,CAAS,qDAEjByC,IAAMC,KAAKE,YAUhBR,GAPoBpC,YAAOe,GAAW,yFAAlBf,CAAkB,2BAGhCA,IAAOgB,EAAC,2EAARhB,CAAQ,oCAICA,IAAOE,IAAG,oFAAVF,CAAU,qGAILyC,IAAMI,KAAKC,OACfL,IAAMM,WAAWC,WAEjCX,EAAarC,IAAOC,IAAG,kFAAVD,CAAU,iGAIPyC,IAAMQ,MAAMC,MAS5BV,GALexC,IAAOC,IAAG,oFAAVD,CAAU,6CAKJA,IAAOE,IAAG,2FAAVF,CAAU,2BAMxBA,IAAOE,IAAG,6EAAVF,CAAU,sDAMPA,IAAOE,IAAG,gFAAVF,CAAU,qFAQHA,IAAOE,IAAG,uFAAVF,CAAU,gFAQHA,IAAOE,IAAG,8FAAVF,CAAU,iGAQnBA,IAAOC,IAAG,qFAAVD,CAAU,6C","file":"component---src-pages-contact-us-tsx-40df463f1723cb624fe2.js","sourcesContent":["import React, { FunctionComponent, useEffect, useState } from 'react'\nimport styled from 'styled-components'\nimport CloseIcon from '@material-ui/icons/Close'\n// import theme from '../../styling/theme'\n// import MainGrid from '../../styling/MainGrid'\n// import img from '../../../images/lady_laptop.svg'\n// import MakeAclaimForm from '../Form/MakeAclaimForm'\nimport { MainGrid } from '../styling/MainGrid'\nimport { IconButton } from '@material-ui/core'\nimport $ from 'jquery'\nimport './modal.scss'\nimport { Link, navigate } from 'gatsby'\nimport { appendUrlPartnerTracking } from '../../util/url'\n// import '../../components/styling/layout.scss'\ninterface ModalLayout {\n // showModal: boolean\n // toggleModal(state: boolean): void\n type: string\n body: string\n leftContent: any\n rightContent: any\n}\n\nconst ModalLayout: FunctionComponent = ({\n children,\n type,\n leftContent,\n rightContent,\n}) => {\n return (\n \n \n \n \n

{type}

\n\n {\n navigate(-2)\n }}\n >\n \n \n \n \n\n \n \n {leftContent}\n {rightContent}\n \n \n \n \n )\n}\n\nexport default ModalLayout\n\nconst Cross = styled.img`\n cursor: pointer;\n width: 20px;\n height: 20px;\n\n @media (min-width: 1024px) {\n display: none;\n }\n`\n\nconst Closebtn = styled.div`\n display: none;\n\n @media (min-width: 1024px) {\n display: block;\n width: 90px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 4px;\n /* border: 1px solid ${theme.brand.blue}; */\n background: white;\n /* color: ${theme.brand.blue}; */\n font-weight: bold;\n font-size: 13px;\n line-height: 15px;\n cursor: pointer;\n transition: background 0.3s ease;\n\n &:hover {\n /* background: ${theme.brand.blue}; */\n color: white;\n }\n }\n`\n\ninterface OuterContainerProps {\n showModal: boolean\n}\n\nconst OuterContainer = styled.div`\n //position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.3);\n display: flex;\n\n align-items: flex-start;\n justify-content: center;\n z-index: 55555;\n height: 100%;\n background: white;\n`\n\nconst Modal = styled.div`\n display: flex;\n flex-direction: column;\n background: white;\n position: relative;\n width: 100%;\n height: 100%;\n position: relative;\n z-index: 55555;\n overflow-y: visible;\n`\n\nconst Top = styled.div`\n background: white;\n border-bottom: 1px solid #ececec;\n position: sticky;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 4;\n`\n\nconst Inner = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n max-width: 1300px;\n margin: 0 auto;\n padding: 27px 20px;\n\n @media only screen and (min-width: 768px) {\n padding: 3rem 3%;\n }\n\n & p {\n /* color: ${theme.text.main}; */\n font-weight: bold;\n }\n`\nconst Content = styled.div`\n display: flex;\n flex-direction: column-reverse;\n padding: 32px 0 50px;\n @media (min-width: 1024px) {\n flex-direction: row;\n padding: 6.2rem 0 10rem;\n }\n`\n\nconst Col = styled.div`\n display: flex;\n flex-direction: column;\n &:first-of-type {\n margin-top: 72px;\n }\n\n & p {\n margin-top: 18px;\n }\n @media (min-width: 1024px) {\n width: 50%;\n\n &:first-of-type {\n margin-right: 5rem;\n margin-top: 0px;\n }\n }\n`\nconst ImgMask = styled.div`\n margin-top: 25px;\n\n @media (min-width: 768px) {\n max-width: 50vw;\n }\n @media (min-width: 1024px) {\n margin-top: 48px;\n max-width: 100%;\n }\n`\n","module.exports = __webpack_public_path__ + \"static/dale-a1b49be181f536b933794d206105225a.png\";","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\nvar _interopRequireWildcard = require(\"@babel/runtime/helpers/interopRequireWildcard\");\nObject.defineProperty(exports, \"__esModule\", {\n value: true\n});\nexports.default = void 0;\nvar React = _interopRequireWildcard(require(\"react\"));\nvar _createSvgIcon = _interopRequireDefault(require(\"./utils/createSvgIcon\"));\nvar _default = (0, _createSvgIcon.default)( /*#__PURE__*/React.createElement(\"path\", {\n d: \"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"\n}), 'Close');\nexports.default = _default;","import React, { useEffect, useState } from 'react'\nimport styled from 'styled-components'\nimport Layout from '../components/Layout'\n\nimport * as queryString from 'query-string'\nimport MainGrid from '../components/styling/MainGrid'\n\n///Forms/GetInTouch/GetInTouchFormLeftContent'\nimport GetInTouchFormRightContent from '../components/Forms/GetInTouch/GetInTouchFormRight'\nimport ModalLayout from '../components/Modals/ModalLayout'\nimport { graphql } from 'gatsby'\nimport Icon from '../images/forms/dale.png'\nimport FormLeftContent from '../components/Forms/FormLeftContent'\nimport { appendUrlPartnerTracking } from '../util/url'\nimport Button from '../components/shared/Button/Button'\nimport checks from '../buildAssets/compliance/tick.svg'\nimport { InPageBot } from \"@leadoo/react-bot\";\n\nconst ContactUs = ({ location }) => {\n \n\n const heading = \"Let’s talk!\"\n const body = \"Want to chat with our team, or have a question about our products? You're in the right place. Simply interact with the bot on this page, and we'll help you with whatever it is you require. Prefer a call? You can reach us at 01226 337335\"\n const employeeName = \"Dale\"\n const employeeTitle = \"Business Development Manager\"\n \n /* THIS SEGMENT COMMENTED OUT IS FOR HUBSPOT IMPLEMENTATION\n const [success, setSuccess] = useState(false)\n\n useEffect(() => {\n const { full_name } = queryString.parse(location.search)\n const { refreshed } = queryString.parse(location.search)\n if (typeof window !== 'undefined') {\n if(refreshed===undefined &&full_name === undefined){\n \n window.location.href = window.location.href + \"?refreshed=true\"\n \n }\n }\n \n // console.log(\"fullname: \" + full_name)\n if(full_name !== undefined){\n setSuccess(true)\n }else{\n setSuccess(false)\n }\n\n }, [])\n //console.log(\"success: \" + success)\n let rightContent = \n if(success){\n rightContent=
\n \n \n Thank you for getting in contact with us\n \n \n Thanks for getting in contact. A member of our team will be in touch\n to respond directly to your query.\n \n \n \n \n
\n }*/\n var rightContent;\n if (typeof window !== 'undefined' && window.location.href.includes(\"bobsbusiness.co.uk\")){\n rightContent = ;\n } else {\n rightContent = ;\n }\nreturn (\n\n }\n rightContent={rightContent}\n />\n \n )\n}\n\n\n\nconst Tag = styled.p`\n font-size: 13px;\n line-height: 21px;\n font-weight: 400;\n > a {\n font-size: 13px;\n line-height: 21px;\n font-weight: 400;\n }\n`\n\nconst HeadingSuccess = styled.h2`\n\n font-size: 32px;\n line-height: 40px;\n`\nconst SubHeading = styled.h5`\n padding: 0px 40px 41px;\n /* color: ${theme.text.greyLight}; */\n font-weight: 300;\n`\nconst SubHeadingSuccess = styled(SubHeading)`\n padding: 0px 0px 25px;\n`\n\nconst SuccessImage = styled.img`\n margin-top: 35px;\n width: 90px;\n height: 90px;\n margin-bottom: 35px;\n`\n\n\nexport default ContactUs\n\n","import React, { FunctionComponent } from 'react'\n\nimport styled from 'styled-components'\nimport theme from '../styling/theme'\n\nimport image from '../../../buildAssets/phishing-simulations/12.png'\n\ninterface FormProps {\n data?: any\n}\nconst FormLeftContent: FunctionComponent = ({\ndata\n}) => {\n\n const {heading, body, employeeName, employeeTitle, icon} = data\n return (\n \n \n {heading}\n\n \n {body}\n \n\n \n {employeeName !==\"\" ?( ):(null)} \n \n \n {employeeName}\n

{employeeTitle}

\n \n \n \n {/* \n Trusted By\n \n \n \n \n \n \n */}\n \n )\n}\n\nexport default FormLeftContent\n\nconst TextContainer = styled.div`\n /* margin-top: 40px; */\n @media (max-width: 1023px) {\n width: 100%;\n margin-bottom: 10rem;\n padding-right: 0;\n }\n @media (max-width: 767px) {\n /* margin-bottom: 38px; */\n }\n`\nconst Text = styled.div`\n width: 100%;\n\n border: 1px solid ${theme.text.main};\n border-radius: 6px;\n overflow: hidden;\n @media (max-width: 1023px) {\n width: 100%;\n margin-bottom: 10rem;\n margin-right: 0;\n }\n @media (max-width: 767px) {\n margin-bottom: 38px;\n }\n`\n\nconst Heading = styled.h2`\n padding: 49px 40px 25px;\n`\nconst HeadingSuccess = styled.h2`\n padding: 49px 0px 25px;\n`\nconst SubHeading = styled.h5`\n padding: 0px 40px 41px;\n color: ${theme.text.greyLight};\n font-weight: 300;\n`\nconst SubHeadingSuccess = styled(SubHeading)`\n padding: 0px 0px 25px;\n`\nconst Tag = styled.p`\n margin-top: 26px;\n color: #5e7177;\n`\nconst ContactPanel = styled.div`\n padding: 37px 38px;\n display: flex;\n flex-direction: row;\n border-top: 1px solid ${theme.grey.scroll};\n background-color: ${theme.background.hpHeader};\n`\nconst ContactImg = styled.img`\n width: 60px;\n height: 60px;\n padding: 1px;\n border: 2px solid ${theme.brand.blue};\n border-radius: 50%;\n margin-right: 20px;\n`\nconst SuccessImage = styled.img`\n margin-top: 35px;\n width: 90px;\n height: 90px;\n`\nconst ContactInfoSection = styled.div`\n> p{\n margin-top: 0px;\n}\n`\n\nconst Form = styled.div`\n width: 50%;\n @media (max-width: 1023px) {\n width: 100%;\n }\n`\nconst FormNav = styled.div`\n width: 100%;\n justify-content: space-between;\n @media (max-width: 1023px) {\n width: 100%;\n }\n`\n\nconst TrustedByPanel = styled.div`\n display: flex;\n flex-direction: column;\n\n @media (max-width: 767px) {\n display: none;\n }\n`\nconst TrustedLogosContainer = styled.div`\n display: flex;\n justify-content: space-between;\n @media (max-width: 767px) {\n flex-direction: column;\n }\n`\n\nconst TrustedLogos = styled.img`\n height: 75px;\n @media (max-width: 767px) {\n }\n`\n"],"sourceRoot":""}