{"version":3,"sources":["webpack:///./src/images/forms/ben-sm.png","webpack:///./src/components/Modals/ModalLayout.tsx","webpack:///./src/pages/landing-page-book-a-demo.tsx","webpack:///./node_modules/@material-ui/icons/Close.js","webpack:///./src/components/Forms/FormLeftContent.tsx"],"names":["module","exports","ModalLayout","children","type","leftContent","rightContent","OuterContainer","Modal","Top","Inner","className","style","height","width","onClick","navigate","color","Content","Col","styled","img","div","SubHeading","p","h2","h5","ContactUs","location","window","href","includes","code","body","data","heading","employeeTitle","employeeName","icon","Icon","_interopRequireDefault","_interopRequireWildcard","Object","defineProperty","value","default","React","_default","createElement","d","FormLeftContent","TextContainer","Text","Heading","ContactPanel","ContactImg","src","alt","ContactInfoSection","theme","text","main","greyLight","grey","scroll","background","hpHeader","brand","blue"],"mappings":"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","file":"component---src-pages-landing-page-book-a-demo-tsx-e30bddd12f426992c4a7.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/ben-sm-919ccdee745b6f3b8838f481e9a726d6.png\";","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","import React, { useEffect, useState } from 'react'\nimport styled from 'styled-components'\n\nimport * as queryString from 'query-string'\nimport ModalLayout from '../components/Modals/ModalLayout'\nimport Icon from '../images/forms/ben-sm.png'\nimport FormLeftContent from '../components/Forms/FormLeftContent'\n\nimport { appendUrlPartnerTracking } from '../util/url'\nimport Button from '../components/shared/Button/Button'\nimport checks from '../buildAssets/compliance/tick.svg'\n\nimport { LandingPageBookADemoFormRightContent } from \"../components/Forms/GetInTouch/LandingPageBookADemoFormRight\"\nimport Quote from '../components/Quote/Quote'\nimport { useLocalStorage } from '../util/useLocalStorage'\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 = \"Ben\"\n const employeeTitle = \"Head of Sales and Partnerships\"\n\n /* HUBSPOT ONLY\n const [success, setSuccess] = useState(false)\n\n\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 if (full_name !== undefined) {\n setSuccess(true)\n } else {\n setSuccess(false)\n }\n\n }, [])\n let rightContent = \n if (success) {\n rightContent =
\n \n \n Thank you! We've received your demo request.\n \n \n You'll receive an email confirmation in your inbox in a few moments, followed by a message from one of our experts. Enquiries submitted outside of working hours will be answered on the next working day.\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 }\n\n return (\n <>\n }\n rightContent={rightContent}\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 font-size: 32px;\n line-height: 40px;\n`\nconst SubHeading = styled.h5`\n padding: 0px 40px 41px;\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","\"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, { 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":""}