{"version":3,"sources":["webpack:///./src/img/solutions/trackingImg.svg","webpack:///./src/img/solutions/optimizationImg.svg","webpack:///./src/components/solutions/section/index.js","webpack:///./node_modules/object-fit-images/dist/ofi.common-js.js","webpack:///./src/img/solutions/marketingImg.svg","webpack:///./src/img/solutions/debuggingImg.svg","webpack:///./src/components/ui/Paragraph.js","webpack:///./src/img/solutions/testingImg.svg","webpack:///./src/hooks/useLogoCompanies.js","webpack:///./src/img/solutions/icons/intercomlogo.svg","webpack:///./src/data/solutions/sections/index.js","webpack:///./src/components/index/startusingCTA/styled.js","webpack:///./src/components/index/startusingCTA/index.js","webpack:///./src/components/ui/trustedBy/styled.js","webpack:///./src/components/ui/trustedBy/index.js","webpack:///./node_modules/gatsby-image/withIEPolyfill/index.js","webpack:///./src/components/solutions/section/styled.js","webpack:///./src/components/ui/startUsing/index.js","webpack:///./src/img/solutions/supportImg.svg","webpack:///./src/data/solutions/cards/index.js","webpack:///./src/components/solutions/card/styled.js","webpack:///./src/components/solutions/card/index.js","webpack:///./src/components/solutions/cards/index.js","webpack:///./src/pages/solutions.js"],"names":["module","exports","Section","title","desc","banner","link","image","icon","idx","id","src","alt","className","text","withArrow","signUp","sourceID","href","intercom","img","defaultProps","OFI","propRegex","testImg","Image","style","supportsObjectFit","supportsObjectPosition","supportsOFI","supportsCurrentSrc","currentSrc","nativeGetAttribute","getAttribute","nativeSetAttribute","setAttribute","autoModeEnabled","setPlaceholder","width","height","placeholder","call","onImageReady","callback","naturalWidth","setTimeout","fixOne","el","parsed","getComputedStyle","fontFamily","props","exec","getStyle","ofi","skipTest","srcset","naturalHeight","descriptors","get","prop","set","value","Object","defineProperty","ss","keepSrcUsable","err","window","console","warn","picturefill","pf","_","ns","evaled","fillImg","reselect","curSrc","supported","polyfillCurrentSrc","backgroundImage","replace","backgroundPosition","backgroundRepeat","backgroundOrigin","test","backgroundSize","fix","imgs","opts","startAutoMode","document","getElementsByTagName","querySelectorAll","i","length","body","addEventListener","e","target","tagName","watchMQ","bind","getOfiImageMaybe","name","HTMLImageElement","prototype","this","String","hijackAttributes","StyledParagraph","styled","p","size","media","mobile","Paragraph","children","sizes","renderSize","undefined","useLogoCompanies","useStaticQuery","rocketlink","databox","kissflow","livereacting","logicalplan","trail","midigator","hypestHive","corra","vitreo","scalablePress","spySerp","talentLyft","currenxie","renmoney","data","optimizationImg","optimization","trackingImg","tracking","testingImg","testing","debuggingImg","debugging","tag","AnchorLink","to","supportImg","support","intercomlogo","marketingImg","marketing","section","Intro","buttonText","secondary","center","Trusted","tablet","intercomPage","hero","Icons","div","desktopWide","desktop","TrustedBy","deleteText","customText","publicURL","fluid","childImageSharp","fadeIn","objectFit","_interopRequireWildcard3","require","_interopRequireDefault","__esModule","default","_extends2","_objectWithoutPropertiesLoose2","_interopRequireWildcard2","_inheritsLoose2","_react","_propTypes","_index","ImageWithIEPolyfill","_Component","_this","_len","arguments","args","Array","_key","apply","concat","imageRef","innerRef","createRef","placeholderRef","_proto","componentDidMount","_this2","createElement","objectPosition","Promise","resolve","then","_ref","ObjectFitImages","current","render","_this$props","polyfillStyle","ref","imgStyle","placeholderStyle","Component","propTypes","string","_default","forwardRef","Banner","StyledLink","ContentBox","MainImage","StartUsingLS","deleteMarginTop","setMarginTop","useSourceParams","useState","email","setEmail","onSubmit","preventDefault","navigate","htmlFor","type","required","onChange","as","Card","Link","SolutionCard","GridContainer","SolutionCards","map","card","key","StyledSection","FeatureSection","Solutions","metaTitle","metaDescription","canonical","paddingBottom"],"mappings":"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","file":"component---src-pages-solutions-js-8c1b0908192ac6317e6b.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/trackingImg-4c8a7ee2f1afe9540a7cf7817c7753c9.svg\";","module.exports = __webpack_public_path__ + \"static/optimizationImg-2951bfd48a2e303fdcd5e53033efca34.svg\";","import React from 'react';\nimport PropTypes from 'prop-types';\nimport CustomLink from 'components/ui/link';\nimport * as Styled from './styled';\n\nconst Section = ({ title, desc, banner, link, image, icon, idx, id }) => {\n  return (\n    <Styled.Section idx={idx} id={id}>\n      <Styled.ContentBox>\n        <img src={icon} alt={`icon - ${title}`} title=\"Icon\" className=\"icon img-fluid\" />\n        <h2>{title}</h2>\n        <p className=\"desc\">{desc}</p>\n        <Styled.MainImage\n          src={image}\n          alt={title}\n          title={link ? link.text : banner.link.text}\n          className=\"img-fluid mobile\"\n        />\n        {link && (\n          <CustomLink withArrow signUp sourceID={link.href}>\n            {link.text}\n          </CustomLink>\n        )}\n        {banner && (\n          <Styled.Banner intercom={!!banner.img}>\n            {banner.img && (\n              <img src={banner.img} alt=\"Intercom\" title=\"Integration with Intercom\" />\n            )}\n            <p>{banner.text}</p>\n            <CustomLink href={banner.link.href} withArrow>\n              {banner.link.text}\n            </CustomLink>\n          </Styled.Banner>\n        )}\n      </Styled.ContentBox>\n      <Styled.MainImage\n        src={image}\n        alt={title}\n        title={link ? link.text : banner.link.text}\n        className=\"img-fluid\"\n      />\n    </Styled.Section>\n  );\n};\n\nexport default Section;\n\nSection.propTypes = {\n  image: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.object]).isRequired,\n  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.object]).isRequired,\n  title: PropTypes.string.isRequired,\n  desc: PropTypes.node.isRequired,\n  link: PropTypes.shape({\n    text: PropTypes.string.isRequired,\n    href: PropTypes.string.isRequired,\n  }),\n  banner: PropTypes.shape({\n    img: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.object]),\n    text: PropTypes.string.isRequired,\n    link: PropTypes.shape({\n      text: PropTypes.string.isRequired,\n      href: PropTypes.string.isRequired,\n    }).isRequired,\n  }),\n  idx: PropTypes.number.isRequired,\n  id: PropTypes.string.isRequired,\n};\n\nSection.defaultProps = {\n  banner: null,\n  link: null,\n};\n","/*! npm.im/object-fit-images 3.2.4 */\n'use strict';\n\nvar OFI = 'bfred-it:object-fit-images';\nvar propRegex = /(object-fit|object-position)\\s*:\\s*([-.\\w\\s%]+)/g;\nvar testImg = typeof Image === 'undefined' ? {\n  style: {\n    'object-position': 1\n  }\n} : new Image();\nvar supportsObjectFit = ('object-fit' in testImg.style);\nvar supportsObjectPosition = ('object-position' in testImg.style);\nvar supportsOFI = ('background-size' in testImg.style);\nvar supportsCurrentSrc = typeof testImg.currentSrc === 'string';\nvar nativeGetAttribute = testImg.getAttribute;\nvar nativeSetAttribute = testImg.setAttribute;\nvar autoModeEnabled = false;\n\nfunction createPlaceholder(w, h) {\n  return \"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='\" + w + \"' height='\" + h + \"'%3E%3C/svg%3E\";\n}\n\nfunction polyfillCurrentSrc(el) {\n  if (el.srcset && !supportsCurrentSrc && window.picturefill) {\n    var pf = window.picturefill._; // parse srcset with picturefill where currentSrc isn't available\n\n    if (!el[pf.ns] || !el[pf.ns].evaled) {\n      // force synchronous srcset parsing\n      pf.fillImg(el, {\n        reselect: true\n      });\n    }\n\n    if (!el[pf.ns].curSrc) {\n      // force picturefill to parse srcset\n      el[pf.ns].supported = false;\n      pf.fillImg(el, {\n        reselect: true\n      });\n    } // retrieve parsed currentSrc, if any\n\n\n    el.currentSrc = el[pf.ns].curSrc || el.src;\n  }\n}\n\nfunction getStyle(el) {\n  var style = getComputedStyle(el).fontFamily;\n  var parsed;\n  var props = {};\n\n  while ((parsed = propRegex.exec(style)) !== null) {\n    props[parsed[1]] = parsed[2];\n  }\n\n  return props;\n}\n\nfunction setPlaceholder(img, width, height) {\n  // Default: fill width, no height\n  var placeholder = createPlaceholder(width || 1, height || 0); // Only set placeholder if it's different\n\n  if (nativeGetAttribute.call(img, 'src') !== placeholder) {\n    nativeSetAttribute.call(img, 'src', placeholder);\n  }\n}\n\nfunction onImageReady(img, callback) {\n  // naturalWidth is only available when the image headers are loaded,\n  // this loop will poll it every 100ms.\n  if (img.naturalWidth) {\n    callback(img);\n  } else {\n    setTimeout(onImageReady, 100, img, callback);\n  }\n}\n\nfunction fixOne(el) {\n  var style = getStyle(el);\n  var ofi = el[OFI];\n  style['object-fit'] = style['object-fit'] || 'fill'; // default value\n  // Avoid running where unnecessary, unless OFI had already done its deed\n\n  if (!ofi.img) {\n    // fill is the default behavior so no action is necessary\n    if (style['object-fit'] === 'fill') {\n      return;\n    } // Where object-fit is supported and object-position isn't (Safari < 10)\n\n\n    if (!ofi.skipTest && // unless user wants to apply regardless of browser support\n    supportsObjectFit && // if browser already supports object-fit\n    !style['object-position'] // unless object-position is used\n    ) {\n      return;\n    }\n  } // keep a clone in memory while resetting the original to a blank\n\n\n  if (!ofi.img) {\n    ofi.img = new Image(el.width, el.height);\n    ofi.img.srcset = nativeGetAttribute.call(el, \"data-ofi-srcset\") || el.srcset;\n    ofi.img.src = nativeGetAttribute.call(el, \"data-ofi-src\") || el.src; // preserve for any future cloneNode calls\n    // https://github.com/bfred-it/object-fit-images/issues/53\n\n    nativeSetAttribute.call(el, \"data-ofi-src\", el.src);\n\n    if (el.srcset) {\n      nativeSetAttribute.call(el, \"data-ofi-srcset\", el.srcset);\n    }\n\n    setPlaceholder(el, el.naturalWidth || el.width, el.naturalHeight || el.height); // remove srcset because it overrides src\n\n    if (el.srcset) {\n      el.srcset = '';\n    }\n\n    try {\n      keepSrcUsable(el);\n    } catch (err) {\n      if (window.console) {\n        console.warn('https://bit.ly/ofi-old-browser');\n      }\n    }\n  }\n\n  polyfillCurrentSrc(ofi.img);\n  el.style.backgroundImage = \"url(\\\"\" + (ofi.img.currentSrc || ofi.img.src).replace(/\"/g, '\\\\\"') + \"\\\")\";\n  el.style.backgroundPosition = style['object-position'] || 'center';\n  el.style.backgroundRepeat = 'no-repeat';\n  el.style.backgroundOrigin = 'content-box';\n\n  if (/scale-down/.test(style['object-fit'])) {\n    onImageReady(ofi.img, function () {\n      if (ofi.img.naturalWidth > el.width || ofi.img.naturalHeight > el.height) {\n        el.style.backgroundSize = 'contain';\n      } else {\n        el.style.backgroundSize = 'auto';\n      }\n    });\n  } else {\n    el.style.backgroundSize = style['object-fit'].replace('none', 'auto').replace('fill', '100% 100%');\n  }\n\n  onImageReady(ofi.img, function (img) {\n    setPlaceholder(el, img.naturalWidth, img.naturalHeight);\n  });\n}\n\nfunction keepSrcUsable(el) {\n  var descriptors = {\n    get: function get(prop) {\n      return el[OFI].img[prop ? prop : 'src'];\n    },\n    set: function set(value, prop) {\n      el[OFI].img[prop ? prop : 'src'] = value;\n      nativeSetAttribute.call(el, \"data-ofi-\" + prop, value); // preserve for any future cloneNode\n\n      fixOne(el);\n      return value;\n    }\n  };\n  Object.defineProperty(el, 'src', descriptors);\n  Object.defineProperty(el, 'currentSrc', {\n    get: function get() {\n      return descriptors.get('currentSrc');\n    }\n  });\n  Object.defineProperty(el, 'srcset', {\n    get: function get() {\n      return descriptors.get('srcset');\n    },\n    set: function set(ss) {\n      return descriptors.set(ss, 'srcset');\n    }\n  });\n}\n\nfunction hijackAttributes() {\n  function getOfiImageMaybe(el, name) {\n    return el[OFI] && el[OFI].img && (name === 'src' || name === 'srcset') ? el[OFI].img : el;\n  }\n\n  if (!supportsObjectPosition) {\n    HTMLImageElement.prototype.getAttribute = function (name) {\n      return nativeGetAttribute.call(getOfiImageMaybe(this, name), name);\n    };\n\n    HTMLImageElement.prototype.setAttribute = function (name, value) {\n      return nativeSetAttribute.call(getOfiImageMaybe(this, name), name, String(value));\n    };\n  }\n}\n\nfunction fix(imgs, opts) {\n  var startAutoMode = !autoModeEnabled && !imgs;\n  opts = opts || {};\n  imgs = imgs || 'img';\n\n  if (supportsObjectPosition && !opts.skipTest || !supportsOFI) {\n    return false;\n  } // use imgs as a selector or just select all images\n\n\n  if (imgs === 'img') {\n    imgs = document.getElementsByTagName('img');\n  } else if (typeof imgs === 'string') {\n    imgs = document.querySelectorAll(imgs);\n  } else if (!('length' in imgs)) {\n    imgs = [imgs];\n  } // apply fix to all\n\n\n  for (var i = 0; i < imgs.length; i++) {\n    imgs[i][OFI] = imgs[i][OFI] || {\n      skipTest: opts.skipTest\n    };\n    fixOne(imgs[i]);\n  }\n\n  if (startAutoMode) {\n    document.body.addEventListener('load', function (e) {\n      if (e.target.tagName === 'IMG') {\n        fix(e.target, {\n          skipTest: opts.skipTest\n        });\n      }\n    }, true);\n    autoModeEnabled = true;\n    imgs = 'img'; // reset to a generic selector for watchMQ\n  } // if requested, watch media queries for object-fit change\n\n\n  if (opts.watchMQ) {\n    window.addEventListener('resize', fix.bind(null, imgs, {\n      skipTest: opts.skipTest\n    }));\n  }\n}\n\nfix.supportsObjectFit = supportsObjectFit;\nfix.supportsObjectPosition = supportsObjectPosition;\nhijackAttributes();\nmodule.exports = fix;","module.exports = __webpack_public_path__ + \"static/marketingImg-4eb1e5308cfddfa8ac6fb50abdbde40f.svg\";","module.exports = __webpack_public_path__ + \"static/debuggingImg-fd7c153f333142f025d7ebbe9f2e90ef.svg\";","import React from 'react';\nimport { media } from 'theme/breakpoints';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\n\nexport const StyledParagraph = styled.p`\n  font-size: ${({ size }) => size[0]}px;\n  line-height: ${({ size }) => size[1]}px;\n  font-weight: 400;\n  margin: 0;\n  ${media.mobile} {\n    font-size: 18px;\n    line-height: 28px;\n  }\n`;\n\nconst Paragraph = ({ size, children, style, className }) => {\n  const renderSize = (sizes) => {\n    switch (sizes) {\n      case 's':\n        return [14, 24];\n      case 'l':\n        return [18, 30];\n      case 'xl':\n        return [22, 34];\n      default:\n        return [16, 24];\n    }\n  };\n\n  return (\n    <StyledParagraph size={renderSize(size)} style={style} className={className}>\n      {children}\n    </StyledParagraph>\n  );\n};\n\nexport default Paragraph;\n\nParagraph.propTypes = {\n  size: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.node]).isRequired,\n  style: PropTypes.oneOfType([PropTypes.object, PropTypes.any]),\n  className: PropTypes.string,\n};\n\nParagraph.defaultProps = {\n  size: 'm',\n  style: undefined,\n  className: '',\n};\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYwIiBoZWlnaHQ9IjU1OCIgdmlld0JveD0iMCAwIDU2MCA1NTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxyZWN0IHdpZHRoPSI1NjAiIGhlaWdodD0iNTU4IiBmaWxsPSIjRjhGOEY4Ii8+CjxyZWN0IHg9IjE2Mi41IiB5PSIyMzYuNSIgd2lkdGg9IjIzOCIgaGVpZ2h0PSI2NSIgcng9IjQuNSIgZmlsbD0iIzdERkZFRiIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIzIi8+CjxwYXRoIGQ9Ik0yOTQgMzE5LjVMMzU5LjU3OSA0MzYuNUwxMDMgNDU5TDExMi45MDcgMTE1TDQ3NCAxNTAuNUw0MDcuMTMxIDQwMSIgc3Ryb2tlPSIjODc2NUY5IiBzdHJva2Utb3BhY2l0eT0iMC40IiBzdHJva2Utd2lkdGg9IjQiLz4KPHBhdGggZD0iTTI0My42NzIgMjcwLjE2OEMyNDQuNjY0IDI3MC40NTYgMjQ1LjQzMiAyNzAuOTYgMjQ1Ljk3NiAyNzEuNjhDMjQ2LjUyIDI3Mi40IDI0Ni43OTIgMjczLjI4IDI0Ni43OTIgMjc0LjMyQzI0Ni43OTIgMjc1Ljc2IDI0Ni4yNTYgMjc2LjkwNCAyNDUuMTg0IDI3Ny43NTJDMjQ0LjExMiAyNzguNTg0IDI0Mi42NTYgMjc5IDI0MC44MTYgMjc5SDIzMi43MDRWMjYxLjkxMkgyNDAuNTc2QzI0Mi4zNTIgMjYxLjkxMiAyNDMuNzUyIDI2Mi4zMTIgMjQ0Ljc3NiAyNjMuMTEyQzI0NS44MTYgMjYzLjg5NiAyNDYuMzM2IDI2NC45NzYgMjQ2LjMzNiAyNjYuMzUyQzI0Ni4zMzYgMjY3LjI0OCAyNDYuMDk2IDI2OC4wMzIgMjQ1LjYxNiAyNjguNzA0QzI0NS4xNTIgMjY5LjM3NiAyNDQuNTA0IDI2OS44NjQgMjQzLjY3MiAyNzAuMTY4Wk0yMzYuMzUyIDI2OC44NzJIMjM5Ljk1MkMyNDAuOTEyIDI2OC44NzIgMjQxLjYyNCAyNjguNzEyIDI0Mi4wODggMjY4LjM5MkMyNDIuNTY4IDI2OC4wNTYgMjQyLjgwOCAyNjcuNTQ0IDI0Mi44MDggMjY2Ljg1NkMyNDIuODA4IDI2Ni4xNTIgMjQyLjU2OCAyNjUuNjMyIDI0Mi4wODggMjY1LjI5NkMyNDEuNjI0IDI2NC45NiAyNDAuOTEyIDI2NC43OTIgMjM5Ljk1MiAyNjQuNzkySDIzNi4zNTJWMjY4Ljg3MlpNMjQwLjM4NCAyNzYuMTJDMjQxLjM5MiAyNzYuMTIgMjQyLjEyIDI3NS45NTIgMjQyLjU2OCAyNzUuNjE2QzI0My4wMzIgMjc1LjI2NCAyNDMuMjY0IDI3NC43MTIgMjQzLjI2NCAyNzMuOTZDMjQzLjI2NCAyNzMuMTkyIDI0My4wMzIgMjcyLjYzMiAyNDIuNTY4IDI3Mi4yOEMyNDIuMTIgMjcxLjkyOCAyNDEuMzkyIDI3MS43NTIgMjQwLjM4NCAyNzEuNzUySDIzNi4zNTJWMjc2LjEySDI0MC4zODRaTTI1Ni42NjMgMjc5LjIxNkMyNTQuMjYzIDI3OS4yMTYgMjUyLjQzOSAyNzguNiAyNTEuMTkxIDI3Ny4zNjhDMjQ5Ljk0MyAyNzYuMTM2IDI0OS4zMTkgMjc0LjMyOCAyNDkuMzE5IDI3MS45NDRWMjYxLjkxMkgyNTIuOTkxVjI3Mi4xMTJDMjUyLjk5MSAyNzMuNDcyIDI1My4zMDMgMjc0LjUxMiAyNTMuOTI3IDI3NS4yMzJDMjU0LjU2NyAyNzUuOTM2IDI1NS40NzkgMjc2LjI4OCAyNTYuNjYzIDI3Ni4yODhDMjU3Ljg0NyAyNzYuMjg4IDI1OC43NTEgMjc1LjkzNiAyNTkuMzc1IDI3NS4yMzJDMjU5Ljk5OSAyNzQuNTEyIDI2MC4zMTEgMjczLjQ3MiAyNjAuMzExIDI3Mi4xMTJWMjYxLjkxMkgyNjQuMDA3VjI3MS45NDRDMjY0LjAwNyAyNzQuMzEyIDI2My4zNzUgMjc2LjEyIDI2Mi4xMTEgMjc3LjM2OEMyNjAuODYzIDI3OC42IDI1OS4wNDcgMjc5LjIxNiAyNTYuNjYzIDI3OS4yMTZaTTI3MS4yNTcgMjY0Ljk2SDI2NS45MDVWMjYxLjkxMkgyODAuNDAxVjI2NC45NkgyNzUuMDQ5VjI3OUgyNzEuMjU3VjI2NC45NlpNMjg2LjMyOCAyNjQuOTZIMjgwLjk3NlYyNjEuOTEySDI5NS40NzJWMjY0Ljk2SDI5MC4xMlYyNzlIMjg2LjMyOFYyNjQuOTZaTTMwNC4zMjUgMjc5LjIxNkMzMDIuNjI5IDI3OS4yMTYgMzAxLjE0OSAyNzguODY0IDI5OS44ODUgMjc4LjE2QzI5OC42MzcgMjc3LjQ0IDI5Ny42NjkgMjc2LjQxNiAyOTYuOTgxIDI3NS4wODhDMjk2LjMwOSAyNzMuNzYgMjk1Ljk3MyAyNzIuMjA4IDI5NS45NzMgMjcwLjQzMkMyOTUuOTczIDI2OC42NTYgMjk2LjMwOSAyNjcuMTEyIDI5Ni45ODEgMjY1LjhDMjk3LjY2OSAyNjQuNDg4IDI5OC42MzcgMjYzLjQ4IDI5OS44ODUgMjYyLjc3NkMzMDEuMTQ5IDI2Mi4wNTYgMzAyLjYyOSAyNjEuNjk2IDMwNC4zMjUgMjYxLjY5NkMzMDYuMDIxIDI2MS42OTYgMzA3LjQ5MyAyNjIuMDU2IDMwOC43NDEgMjYyLjc3NkMzMDkuOTg5IDI2My40OCAzMTAuOTQ5IDI2NC40ODggMzExLjYyMSAyNjUuOEMzMTIuMjkzIDI2Ny4xMTIgMzEyLjYyOSAyNjguNjU2IDMxMi42MjkgMjcwLjQzMkMzMTIuNjI5IDI3Mi4yMDggMzEyLjI5MyAyNzMuNzYgMzExLjYyMSAyNzUuMDg4QzMxMC45NDkgMjc2LjQxNiAzMDkuOTg5IDI3Ny40NCAzMDguNzQxIDI3OC4xNkMzMDcuNDkzIDI3OC44NjQgMzA2LjAyMSAyNzkuMjE2IDMwNC4zMjUgMjc5LjIxNlpNMzA0LjMyNSAyNzYuMjg4QzMwNS43NjUgMjc2LjI4OCAzMDYuODg1IDI3NS43ODQgMzA3LjY4NSAyNzQuNzc2QzMwOC41MDEgMjczLjc2OCAzMDguOTA5IDI3Mi4zMiAzMDguOTA5IDI3MC40MzJDMzA4LjkwOSAyNjguNTQ0IDMwOC41MDEgMjY3LjEwNCAzMDcuNjg1IDI2Ni4xMTJDMzA2Ljg4NSAyNjUuMTIgMzA1Ljc2NSAyNjQuNjI0IDMwNC4zMjUgMjY0LjYyNEMzMDIuODg1IDI2NC42MjQgMzAxLjc1NyAyNjUuMTIgMzAwLjk0MSAyNjYuMTEyQzMwMC4xNDEgMjY3LjEwNCAyOTkuNzQxIDI2OC41NDQgMjk5Ljc0MSAyNzAuNDMyQzI5OS43NDEgMjcyLjMzNiAzMDAuMTQxIDI3My43OTIgMzAwLjk0MSAyNzQuOEMzMDEuNzU3IDI3NS43OTIgMzAyLjg4NSAyNzYuMjg4IDMwNC4zMjUgMjc2LjI4OFpNMzMwLjM2NCAyNjEuOTEyVjI3OUgzMjcuNThMMzE5LjA2IDI2OC4xMDRWMjc5SDMxNS41NTZWMjYxLjkxMkgzMTguMzE2TDMyNi44MzYgMjcyLjc4NFYyNjEuOTEySDMzMC4zNjRaIiBmaWxsPSJibGFjayIvPgo8Y2lyY2xlIGN4PSIyNzUiIGN5PSIyNzUiIHI9IjIxIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjEzIi8+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2QpIj4KPHBhdGggZD0iTTI5MS45ODYgMzIyLjM3NUwyOTEuNzQ4IDMyMS44NTlMMjg0LjEyNiAzMDUuMzIzTDI3Ny41MjcgMzExLjYxOUwyNzYuNDQgMzEyLjY1N0wyNzYuNDA4IDMxMS4xNDVMMjc1LjY2NCAyNzYuNjM3TDI3NS42MjkgMjc1TDI3Ni43OSAyNzYuMTRMMzAxLjgxNSAzMDAuNzA2TDMwMi45MjQgMzAxLjc5NUwzMDEuMzc5IDMwMS44NTlMMjkwLjIzNyAzMDIuMzE5TDI5OC4zMiAzMTkuNzg3TDI5OC42NTMgMzIwLjUwN0wyOTcuODk1IDMyMC43MTlMMjkyLjUyNyAzMjIuMjIzTDI5MS45ODYgMzIyLjM3NVoiIGZpbGw9ImJsYWNrIi8+CjxwYXRoIGQ9Ik0yNzYuMzI4IDI3Ni42MjJMMjc3LjA3MiAzMTEuMTMxTDI4NC4zMzkgMzA0LjE5NkwyOTIuMzUgMzIxLjU3NUwyOTcuNzE4IDMyMC4wNzFMMjg5LjIxMiAzMDEuNjg5TDMwMS4zNTIgMzAxLjE4OEwyNzYuMzI4IDI3Ni42MjJaTTI3Ni4zMjggMjc1LjI3OUMyNzYuNjY2IDI3NS4yNzkgMjc3IDI3NS40MSAyNzcuMjUzIDI3NS42NThMMzAyLjI3NyAzMDAuMjIzQzMwMi42NTggMzAwLjU5NyAzMDIuNzgyIDMwMS4xNjUgMzAyLjU5MyAzMDEuNjY3QzMwMi40MDMgMzAyLjE2OSAzMDEuOTM3IDMwMi41MDggMzAxLjQwNiAzMDIuNTNMMjkxLjI2MSAzMDIuOTQ5TDI5OC45MjEgMzE5LjUwMkMyOTkuMDg3IDMxOS44NiAyOTkuMDg4IDMyMC4yNzQgMjk4LjkyNSAzMjAuNjMzQzI5OC43NjEgMzIwLjk5MyAyOTguNDQ5IDMyMS4yNjEgMjk4LjA3MyAzMjEuMzY2TDI5Mi43MDUgMzIyLjg3QzI5Mi41ODcgMzIyLjkwMyAyOTIuNDY4IDMyMi45MTkgMjkyLjM1IDMyMi45MTlDMjkxLjg0NSAzMjIuOTE5IDI5MS4zNjkgMzIyLjYyNiAyOTEuMTQ3IDMyMi4xNDNMMjgzLjkxMyAzMDYuNDVMMjc3Ljk4MyAzMTIuMTA4QzI3Ny43MzIgMzEyLjM0OCAyNzcuNDA0IDMxMi40NzQgMjc3LjA3MSAzMTIuNDc0QzI3Ni44OTkgMzEyLjQ3NCAyNzYuNzI0IDMxMi40NCAyNzYuNTU5IDMxMi4zN0MyNzYuMDc1IDMxMi4xNjUgMjc1Ljc1NSAzMTEuNjkxIDI3NS43NDQgMzExLjE2TDI3NSAyNzYuNjUyQzI3NC45ODkgMjc2LjEwNyAyNzUuMzAzIDI3NS42MDkgMjc1Ljc5NyAyNzUuMzkxQzI3NS45NjggMjc1LjMxNSAyNzYuMTQ5IDI3NS4yNzkgMjc2LjMyOCAyNzUuMjc5WiIgZmlsbD0id2hpdGUiLz4KPC9nPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9kIiB4PSIyNzQiIHk9IjI3NSIgd2lkdGg9IjI5LjkyNDQiIGhlaWdodD0iNDkuOTE5MiIgZmlsdGVyVW5pdHM9InVzZXJTcGFjZU9uVXNlIiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiPgo8ZmVGbG9vZCBmbG9vZC1vcGFjaXR5PSIwIiByZXN1bHQ9IkJhY2tncm91bmRJbWFnZUZpeCIvPgo8ZmVDb2xvck1hdHJpeCBpbj0iU291cmNlQWxwaGEiIHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAxMjcgMCIvPgo8ZmVPZmZzZXQgZHk9IjEiLz4KPGZlR2F1c3NpYW5CbHVyIHN0ZERldmlhdGlvbj0iMC41Ii8+CjxmZUNvbG9yTWF0cml4IHR5cGU9Im1hdHJpeCIgdmFsdWVzPSIwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwIDAgMCAwLjQzMSAwIi8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW4yPSJCYWNrZ3JvdW5kSW1hZ2VGaXgiIHJlc3VsdD0iZWZmZWN0MV9kcm9wU2hhZG93Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZWZmZWN0MV9kcm9wU2hhZG93IiByZXN1bHQ9InNoYXBlIi8+CjwvZmlsdGVyPgo8L2RlZnM+Cjwvc3ZnPgo=\"","import { useStaticQuery, graphql } from 'gatsby';\n\nexport const useLogoCompanies = () => {\n  const {\n    rocketlink,\n    databox,\n    kissflow,\n    livereacting,\n    logicalplan,\n    trail,\n    midigator,\n    hypestHive,\n    corra,\n    vitreo,\n    scalablePress,\n    spySerp,\n    talentLyft,\n    currenxie,\n    renmoney,\n  } = useStaticQuery(graphql`\n    query {\n      rocketlink: file(relativePath: { eq: \"companyLogo/rocketlink.png\" }) {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 340) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      kissflow: file(relativePath: { eq: \"companyLogo/kissflow.svg\" }) {\n        publicURL\n      }\n      livereacting: file(relativePath: { eq: \"companyLogo/livereacting.png\" }) {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 452) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      logicalplan: file(relativePath: { eq: \"companyLogo/logicalplan.svg\" }) {\n        publicURL\n      }\n      trail: file(relativePath: { eq: \"companyLogo/trail.svg\" }) {\n        publicURL\n      }\n      hypestHive: file(relativePath: { eq: \"companyLogo/hypestHive.svg\" }) {\n        publicURL\n      }\n      corra: file(relativePath: { eq: \"companyLogo/corra.svg\" }) {\n        publicURL\n      }\n      vitreo: file(relativePath: { eq: \"companyLogo/vitreo.svg\" }) {\n        publicURL\n      }\n      scalablePress: file(relativePath: { eq: \"companyLogo/scalablePress.svg\" }) {\n        publicURL\n      }\n      spySerp: file(relativePath: { eq: \"companyLogo/spyserp.png\" }) {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 253) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n      midigator: file(relativePath: { eq: \"companyLogo/midigator.svg\" }) {\n        publicURL\n      }\n      talentLyft: file(relativePath: { eq: \"companyLogo/talentLyft.svg\" }) {\n        publicURL\n      }\n      currenxie: file(relativePath: { eq: \"companyLogo/currenxie.svg\" }) {\n        publicURL\n      }\n      renmoney: file(relativePath: { eq: \"companyLogo/renmoney.svg\" }) {\n        publicURL\n      }\n      databox: file(relativePath: { eq: \"companyLogo/databox.svg\" }) {\n        publicURL\n      }\n    }\n  `);\n\n  return {\n    rocketlink,\n    databox,\n    kissflow,\n    livereacting,\n    logicalplan,\n    trail,\n    midigator,\n    hypestHive,\n    corra,\n    vitreo,\n    scalablePress,\n    spySerp,\n    talentLyft,\n    currenxie,\n    renmoney,\n  };\n};\n","module.exports = __webpack_public_path__ + \"static/intercomlogo-f243c1755229d5cfe9f83be748c6a5cb.svg\";","import React from 'react';\nimport { AnchorLink } from 'gatsby-plugin-anchor-links';\nimport Link from 'components/ui/link';\nimport optimizationImg from 'img/solutions/optimizationImg.svg';\nimport debuggingImg from 'img/solutions/debuggingImg.svg';\nimport marketingImg from 'img/solutions/marketingImg.svg';\nimport trackingImg from 'img/solutions/trackingImg.svg';\nimport testingImg from 'img/solutions/testingImg.svg';\nimport supportImg from 'img/solutions/supportImg.svg';\nimport optimization from 'img/solutions/icons/optimization.svg';\nimport tracking from 'img/solutions/icons/tracking.svg';\nimport testing from 'img/solutions/icons/testing.svg';\nimport debugging from 'img/solutions/icons/debugging.svg';\nimport support from 'img/solutions/icons/support.svg';\nimport marketing from 'img/solutions/icons/marketing.svg';\nimport intercomlogo from 'img/solutions/icons/intercomlogo.svg';\n\nexport const data = [\n  {\n    id: 'conversion-optimization',\n    image: optimizationImg,\n    icon: optimization,\n    title: 'Conversion rate optimization',\n    desc: (\n      <>\n        Put your trust in qualitative data and grow your conversions. See why something works (or\n        why it doesn’t) with session replays. Draw <strong>valuable insights</strong> that will help\n        you come up with more relevant hypotheses.\n        <br />\n        <br />\n        Filter session recordings and <strong>save plenty of time</strong>. This will help you focus\n        on the areas that are crucial for conversion.\n      </>\n    ),\n    banner: {\n      text: 'See how RocketLink increased signups by 110% with LiveSession',\n      link: {\n        href: '/customers/rocketlink/',\n        text: 'Read case study',\n      },\n    },\n  },\n  {\n    id: 'user-engagement-tracking',\n    image: trackingImg,\n    icon: tracking,\n    title: 'User engagement tracking',\n    desc: (\n      <>\n        Find the most active users and the most interesting sessions thanks to our{' '}\n        <strong>engagement score</strong>. Use <strong>custom properties</strong> to see how the\n        engagement varies depending on different factors.\n        <br />\n        <br />\n        We generate engagement scores automatically, based on in-app events, session duration, and\n        other aspects. No need to estimate: the answer is already here.\n      </>\n    ),\n    link: {\n      text: 'Boost engagement',\n      href: 'boost-engagement',\n    },\n  },\n  {\n    id: 'usability-testing',\n    image: testingImg,\n    icon: testing,\n    title: 'Usability testing',\n    desc: (\n      <>\n        Use session recordings to get started with usability testing. See how exactly the users\n        interact with your website. It’s just like you’re sitting next to them.\n        <br />\n        <br />\n        <strong>Test your ideas remotely</strong>. Watch results anytime. Get more insights with\n        qualitative data.\n      </>\n    ),\n    link: {\n      text: 'Get to know your users',\n      href: 'get-to-know-your-users',\n    },\n  },\n  {\n    id: 'application-debugging',\n    image: debuggingImg,\n    icon: debugging,\n    title: 'Application debugging',\n    desc: (\n      <>\n        Find errors faster thanks to session replays. Detect JavaScript errors with{' '}\n        <Link tag={AnchorLink} to=\"/features#rage-and-error-clicks\">\n          <strong>error clicks</strong>\n        </Link>{' '}\n        and points of frustration with rage clicks. Add support tier data to recordings and\n        cooperate with your tech support team.\n        <br />\n        <br />\n        With LiveSession, debugging is faster and less frustrating. Thanks to session recordings,\n        you can see what exactly caused the error.\n      </>\n    ),\n    link: {\n      text: 'Remove bugs faster',\n      href: 'remove-bugs-faster',\n    },\n  },\n  {\n    id: 'customer-support',\n    image: supportImg,\n    icon: support,\n    title: 'Customer support',\n    desc: (\n      <>\n        LiveSession will make the work of your technical support team much easier. You can{' '}\n        <strong>assign different support tiers</strong> to your recordings, from frequently asked\n        questions to more advanced issues.\n      </>\n    ),\n    banner: {\n      text:\n        'Handle support even faster. Play the session straight from Intercom and see what went wrong.',\n      img: intercomlogo,\n      link: {\n        href: '/integrations/intercom/',\n        text: 'See the Intercom integration',\n      },\n    },\n  },\n  {\n    id: 'performance-marketing',\n    image: marketingImg,\n    icon: marketing,\n    title: 'Performance marketing',\n    desc: (\n      <>\n        Analyze <strong>marketing funnels</strong> with qualitative data. Filter sessions based on\n        different variables, such as <strong>UTM tags</strong>. Track specific events according to\n        your needs.\n        <br />\n        <br />\n        Session recordings are a goldmine of information. Find what works best and how you can\n        improve your marketing strategy. It’s a brilliant tool for campaign validation.\n      </>\n    ),\n    link: {\n      text: 'Boost your marketing',\n      href: 'boost-your-marketing',\n    },\n  },\n];\n","import styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\nimport { StyledParagraph } from 'components/ui/Paragraph';\n\nexport const Section = styled.section`\n  & h2 {\n    font-weight: 800;\n    font-size: 36px;\n    margin-bottom: 24px;\n  }\n  & ${StyledParagraph} {\n    margin-bottom: 40px;\n    ${media.mobile} {\n      margin-bottom: 32px;\n      font-size: 16px;\n      line-height: 24px;\n    }\n  }\n  ${media.mobile} {\n    padding: 5rem 0 48px;\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Button from 'components/ui/button';\nimport Paragraph from 'components/ui/Paragraph';\nimport * as Styled from './styled';\n\nconst Intro = ({ buttonText }) => {\n  return (\n    <div className=\"container\">\n      <Styled.Section className=\"text-center\">\n        <div>\n          <h2>Start using LiveSession for free</h2>\n          <Paragraph size=\"l\">\n            Test all LiveSession features for 14 days, no credit card required.\n          </Paragraph>\n          <Button signUp secondary={!buttonText} center sourceID=\"middle\">\n            {buttonText || 'Sign up free'}\n          </Button>\n        </div>\n      </Styled.Section>\n    </div>\n  );\n};\n\nexport default Intro;\n\nIntro.propTypes = {\n  buttonText: PropTypes.string,\n};\n\nIntro.defaultProps = {\n  buttonText: undefined,\n};\n","import styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\n\nexport const Trusted = styled.section`\n  display: flex;\n  flex-direction: column;\n  max-width: 1200px;\n  margin: 0 auto;\n  ${media.tablet} {\n    padding: ${(props) => (props.intercomPage ? '0 0 40px' : '0 15px')};\n    max-width: 576px;\n  }\n  ${media.mobile} {\n    padding: ${(props) => (props.intercomPage ? '0 0 40px' : '30px 0 0')};\n  }\n  p {\n    font-size: 16px;\n    line-height: 30px;\n    font-weight: ${(props) => (props.hero ? 600 : 700)};\n    margin: 0 auto;\n    text-transform: ${(props) => (props.hero ? 'none' : 'uppercase')};\n    color: #6a6a6a;\n    ${media.mobile} {\n      font-size: 18px;\n    }\n    &.custom-text {\n      font-weight: 400;\n      text-transform: none;\n      font-size: 18px;\n      & b {\n        font-weight: 800;\n      }\n      ${media.tablet} {\n        text-align: center;\n      }\n    }\n  }\n`;\nexport const Icons = styled.div`\n  margin-top: 40px;\n  display: grid;\n  grid-template-columns: repeat(7, 1fr);\n  grid-row-gap: 22px;\n  grid-column-gap: 32px;\n  align-items: center;\n  justify-content: space-between;\n  grid-template-rows: ${(props) => (props.hero ? 'min-content' : 'repeat(2,min-content)')};\n  & .gatsby-image-wrapper {\n    img {\n      left: 50% !important;\n      transform: translateX(-50%);\n    }\n  }\n  img {\n    margin: 0 auto;\n    max-width: 140px;\n  }\n  ${media.desktopWide} {\n    grid-template-columns: repeat(6, 1fr);\n    grid-column-gap: 30px;\n    & .last-in-row,\n    & .last-in-second-row {\n      display: none;\n    }\n\n    & img {\n      max-width: 120px;\n    }\n  }\n  ${media.desktop} {\n    margin-top: 40px;\n    & img {\n      max-width: 80px;\n    }\n  }\n  ${media.tablet} {\n    justify-content: center;\n    grid-template-rows: ${(props) => (props.hero ? 'repeat(2, 57px)' : 'repeat(4, 57px)')};\n    grid-template-columns: repeat(3, 100px);\n    grid-column-gap: 50px;\n    grid-row-gap: 10px;\n    & img {\n      max-width: 110px;\n    }\n  }\n  ${media.mobile} {\n    grid-column-gap: 15px;\n    grid-row-gap: 8px;\n    & img {\n      max-width: 100px;\n    }\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport Img from 'gatsby-image/withIEPolyfill';\nimport { useLogoCompanies } from 'hooks/useLogoCompanies';\nimport * as Styled from './styled';\n\nconst TrustedBy = ({ deleteText, style, hero, customText, intercomPage }) => {\n  const {\n    databox,\n    kissflow,\n    rocketlink,\n    logicalplan,\n    trail,\n    hypestHive,\n    corra,\n    vitreo,\n    scalablePress,\n    spySerp,\n    midigator,\n    talentLyft,\n    currenxie,\n    renmoney,\n  } = useLogoCompanies();\n\n  return (\n    <Styled.Trusted style={style} hero={hero} intercomPage={intercomPage}>\n      {!deleteText && customText ? (\n        <p className=\"custom-text\">{customText}</p>\n      ) : (\n        <p>Trusted by 1000+ teams worldwide</p>\n      )}\n      <Styled.Icons hero={hero}>\n        <img src={kissflow.publicURL} alt=\"kissflow\" title=\"Kissflow\" />\n        <img src={databox.publicURL} alt=\"databox\" title=\"Databox\" />\n        <img src={talentLyft.publicURL} alt=\"talentlyft\" title=\"TalentLyft\" />\n        <img src={currenxie.publicURL} alt=\"currenxie\" title=\"Currenxie\" />\n        <img src={renmoney.publicURL} alt=\"renmoney\" title=\"Renmoney\" />\n        <img src={corra.publicURL} alt=\"corra\" title=\"Corra\" />\n        <img src={trail.publicURL} alt=\"trail\" title=\"Trail\" className=\"last-in-row\" />\n        {hero ? null : (\n          <>\n            <img src={hypestHive.publicURL} alt=\"hypestHive\" title=\"Hypest Hive\" />\n            <img src={logicalplan.publicURL} alt=\"logicalplan\" title=\"LogicalPlan\" />\n            <img src={vitreo.publicURL} alt=\"vitreo\" title=\"Vitreo\" />\n            <Img\n              fluid={spySerp.childImageSharp.fluid}\n              alt=\"spyserp\"\n              fadeIn\n              title=\"Spyserp\"\n              objectFit=\"contain\"\n            />\n            <img src={scalablePress.publicURL} alt=\"scalablePress\" title=\"Scalable Press\" />\n            <img src={midigator.publicURL} alt=\"midigator\" title=\"Midigator\" />\n            <Img\n              fluid={rocketlink.childImageSharp.fluid}\n              alt=\"rocketlink\"\n              fadeIn\n              title=\"Rocketlink\"\n              objectFit=\"contain\"\n              className=\"last-in-second-row\"\n            />\n          </>\n        )}\n      </Styled.Icons>\n    </Styled.Trusted>\n  );\n};\n\nexport default TrustedBy;\n\nTrustedBy.propTypes = {\n  deleteText: PropTypes.bool,\n  intercomPage: PropTypes.bool,\n  hero: PropTypes.bool,\n  // eslint-disable-next-line react/forbid-prop-types\n  customText: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  style: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n};\n\nTrustedBy.defaultProps = {\n  deleteText: false,\n  intercomPage: false,\n  hero: false,\n  style: null,\n  customText: null,\n};\n","\"use strict\";\n\nvar _interopRequireWildcard3 = require(\"@babel/runtime/helpers/interopRequireWildcard\");\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutPropertiesLoose\"));\n\nvar _interopRequireWildcard2 = _interopRequireDefault(require(\"@babel/runtime/helpers/interopRequireWildcard\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/inheritsLoose\"));\n\nvar _react = _interopRequireWildcard3(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar _index = _interopRequireDefault(require(\"../index\"));\n\nvar ImageWithIEPolyfill = /*#__PURE__*/function (_Component) {\n  (0, _inheritsLoose2.default)(ImageWithIEPolyfill, _Component);\n\n  function ImageWithIEPolyfill() {\n    var _this;\n\n    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n      args[_key] = arguments[_key];\n    }\n\n    _this = _Component.call.apply(_Component, [this].concat(args)) || this;\n    _this.imageRef = _this.props.innerRef || /*#__PURE__*/(0, _react.createRef)();\n    _this.placeholderRef = /*#__PURE__*/(0, _react.createRef)();\n    return _this;\n  }\n\n  var _proto = ImageWithIEPolyfill.prototype;\n\n  // Load object-fit/position polyfill if required (e.g. in IE)\n  _proto.componentDidMount = function componentDidMount() {\n    var _this2 = this;\n\n    var testImg = document.createElement(\"img\");\n\n    if (typeof testImg.style.objectFit === \"undefined\" || typeof testImg.style.objectPosition === \"undefined\") {\n      Promise.resolve().then(function () {\n        return (0, _interopRequireWildcard2.default)(require(\"object-fit-images\"));\n      }).then(function (_ref) {\n        var ObjectFitImages = _ref.default;\n        ObjectFitImages(_this2.imageRef.current.imageRef.current);\n        ObjectFitImages(_this2.placeholderRef.current);\n      });\n    }\n  };\n\n  _proto.render = function render() {\n    var _this$props = this.props,\n        objectFit = _this$props.objectFit,\n        objectPosition = _this$props.objectPosition,\n        props = (0, _objectWithoutPropertiesLoose2.default)(_this$props, [\"objectFit\", \"objectPosition\"]);\n    var polyfillStyle = {\n      objectFit: objectFit,\n      objectPosition: objectPosition,\n      fontFamily: \"\\\"object-fit: \" + objectFit + \"; object-position: \" + objectPosition + \"\\\"\"\n    };\n    return /*#__PURE__*/_react.default.createElement(_index.default, (0, _extends2.default)({\n      ref: this.imageRef,\n      placeholderRef: this.placeholderRef\n    }, props, {\n      imgStyle: (0, _extends2.default)({}, props.imgStyle, polyfillStyle),\n      placeholderStyle: (0, _extends2.default)({}, props.placeholderStyle, polyfillStyle)\n    }));\n  };\n\n  return ImageWithIEPolyfill;\n}(_react.Component); // If you modify these propTypes, please don't forget to update following files as well:\n// https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-image/withIEPolyfill/index.d.ts\n// https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-image/README.md#gatsby-image-props\n// https://github.com/gatsbyjs/gatsby/blob/master/docs/docs/gatsby-image.md#gatsby-image-props\n\n\nImageWithIEPolyfill.propTypes = {\n  objectFit: _propTypes.default.string,\n  objectPosition: _propTypes.default.string\n};\nImageWithIEPolyfill.defaultProps = {\n  objectFit: \"cover\",\n  objectPosition: \"50% 50%\"\n};\n\nvar _default = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {\n  return /*#__PURE__*/_react.default.createElement(ImageWithIEPolyfill, (0, _extends2.default)({}, props, {\n    innerRef: ref\n  }));\n});\n\nexports.default = _default;","import styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\nimport { StyledLink } from 'components/ui/link';\n\nexport const Section = styled.section`\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  grid-template-areas: ${(props) => (props.idx % 2 ? \"'content image'\" : \"'image content'\")};\n  grid-column-gap: 80px;\n  align-items: center;\n  ${media.desktopWide} {\n    grid-column-gap: 60px;\n  }\n  ${media.desktop} {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n  }\n  ${media.mobile} {\n    padding-bottom: 30px;\n  }\n`;\n\nexport const Banner = styled.div`\n  border-radius: 6px;\n  border: 2px solid #000;\n  padding: 24px 17px;\n  width: fit-content;\n  max-width: ${(props) => (props.intercom ? '90%' : '70%')};\n  & img {\n    margin-bottom: 16px;\n  }\n  & p {\n    margin-bottom: 24px;\n    font-weight: 800;\n  }\n  ${media.desktopWide} {\n    max-width: 90%;\n  }\n  ${media.desktop} {\n    max-width: 75%;\n    margin: 40px auto 0;\n    ${StyledLink} {\n      margin: 0 auto !important;\n    }\n  }\n  ${media.tablet} {\n    & p {\n      font-size: 16px;\n      line-height: 28px;\n    }\n  }\n  ${media.mobile} {\n    max-width: 100%;\n  }\n`;\n\nexport const ContentBox = styled.div`\n  grid-area: content;\n  & .icon {\n    margin-bottom: 16px;\n  }\n  & h2 {\n    margin-bottom: 40px;\n  }\n  & .desc {\n    margin-bottom: 40px;\n  }\n  ${media.desktop} {\n    text-align: center;\n    ${StyledLink} {\n      margin: 40px auto 0;\n    }\n  }\n  ${media.tablet} {\n    & h2 {\n      margin-bottom: 24px;\n    }\n    & .desc {\n      margin-bottom: 32px;\n      font-size: 16px;\n      line-height: 28px;\n    }\n  }\n`;\n\nexport const MainImage = styled.img`\n  grid-area: image;\n  &.mobile {\n    display: none;\n  }\n  ${media.desktop} {\n    grid-area: auto;\n    display: none;\n    &.mobile {\n      display: block;\n      margin: 0 auto;\n    }\n  }\n`;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { useSourceParams } from 'hooks/useSourceParams';\nimport { navigate } from 'gatsby';\nimport * as Styled from './styled';\n\nconst StartUsingLS = ({ deleteMarginTop, setMarginTop }) => {\n  const { link } = useSourceParams('start-using');\n  const [email, setEmail] = useState('');\n\n  const handleSubmit = (e) => {\n    e.preventDefault();\n    navigate(`${link}&email=${email}`);\n  };\n  return (\n    <Styled.StartUsing\n      className=\"container\"\n      deleteMarginTop={deleteMarginTop}\n      style={{ setMarginTop }}\n    >\n      <h2>\n        Start using LiveSession for free <span>now.</span>\n      </h2>\n      <div className=\"start\">\n        <Styled.ExtendSignUpForm onSubmit={handleSubmit}>\n          <label htmlFor=\"email-form-start-using\" className=\"sign-up-free\">\n            <input\n              id=\"email-form-start-using\"\n              type=\"email\"\n              name=\"email\"\n              placeholder=\"Your business email\"\n              required\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n              className=\"input-email\"\n            />\n          </label>\n          <Styled.CustomButton as=\"button\" type=\"submit\" secondary>\n            Sign up free\n          </Styled.CustomButton>\n        </Styled.ExtendSignUpForm>\n        <div className=\"checkmarks\">\n          <p>Free 14-day trial</p>\n          <p>\n            No credit card <span>required</span>\n          </p>\n          <p>Easy setup</p>\n        </div>\n      </div>\n    </Styled.StartUsing>\n  );\n};\n\nexport default StartUsingLS;\n\nStartUsingLS.propTypes = {\n  deleteMarginTop: PropTypes.bool,\n  // eslint-disable-next-line react/forbid-prop-types\n  setMarginTop: PropTypes.oneOfType([PropTypes.object, PropTypes.bool]),\n};\n\nStartUsingLS.defaultProps = {\n  deleteMarginTop: false,\n  setMarginTop: false,\n};\n","module.exports = __webpack_public_path__ + \"static/supportImg-86581c36a4eabc5bd96aed14fbc8e6c5.svg\";","import optimization from 'img/solutions/icons/optimization.svg';\nimport tracking from 'img/solutions/icons/tracking.svg';\nimport testing from 'img/solutions/icons/testing.svg';\nimport debugging from 'img/solutions/icons/debugging.svg';\nimport support from 'img/solutions/icons/support.svg';\nimport marketing from 'img/solutions/icons/marketing.svg';\n\nexport const data = [\n  {\n    image: optimization,\n    title: 'Conversion optimization',\n    desc: 'Find opportunities for improvement',\n    link: '#conversion-optimization',\n  },\n  {\n    image: tracking,\n    title: 'User engagement tracking',\n    desc: 'Discover what works best',\n    link: '#user-engagement-tracking',\n  },\n  {\n    image: testing,\n    title: 'Usability testing',\n    desc: 'See how users interact with your website',\n    link: '#usability-testing',\n  },\n  {\n    image: debugging,\n    title: 'Application debugging',\n    desc: 'Debug your application faster',\n    link: '#application-debugging',\n  },\n  {\n    image: support,\n    title: 'Customer support',\n    desc: 'Improve your help center',\n    link: '#customer-support',\n  },\n  {\n    image: marketing,\n    title: 'Performance marketing',\n    desc: 'Boost your marketing results',\n    link: '#performance-marketing',\n  },\n];\n","import styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\nimport Link, { StyledLink } from 'components/ui/link';\n\nexport const Card = styled(Link)`\n  padding: 40px 30px 40px 40px;\n  background-color: #f8f8f8;\n  display: block;\n  & ${StyledLink} {\n    font-size: 16px;\n    margin-bottom: 0;\n  }\n  & .title {\n    margin: 18px 0 8px;\n    font-weight: 800;\n    font-size: 22px;\n    color: #000;\n  }\n  & .desc {\n    margin: 0 0 24px;\n    line-height: 30px;\n    font-size: 18px;\n    color: #000;\n  }\n  &:hover {\n    text-decoration: none;\n    ${StyledLink} {\n      text-decoration: underline;\n      &::after {\n        transform: translateX(8px);\n      }\n    }\n  }\n  ${media.desktop} {\n    padding: 40px;\n  }\n  ${media.tablet} {\n    padding: 16px;\n    & img {\n      max-width: 30px;\n      max-height: 30px;\n    }\n    & .title {\n      font-size: 14px;\n      line-height: 24px;\n      margin: 18px 0 0;\n    }\n    & .desc,\n    ${StyledLink} {\n      display: none;\n    }\n  }\n`;\n","import React from 'react';\nimport Link from 'components/ui/link';\nimport PropTypes from 'prop-types';\nimport { AnchorLink } from 'gatsby-plugin-anchor-links';\nimport * as Styled from './styled';\n\nconst SolutionCard = ({ image, title, desc, link }) => {\n  return (\n    <Styled.Card tag={AnchorLink} to={`/solutions/${link}`}>\n      <img src={image} alt={title} />\n      <p className=\"title\">{title}</p>\n      <p className=\"desc\">{desc}</p>\n      <Link withArrow to={link} tag=\"p\">\n        Learn more\n      </Link>\n    </Styled.Card>\n  );\n};\n\nexport default SolutionCard;\n\nSolutionCard.propTypes = {\n  image: PropTypes.oneOfType([PropTypes.node, PropTypes.object]).isRequired,\n  title: PropTypes.string.isRequired,\n  desc: PropTypes.string.isRequired,\n  link: PropTypes.string.isRequired,\n};\n","import React from 'react';\nimport styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\nimport { data } from 'data/solutions/cards';\nimport Card from '../card';\n\nconst GridContainer = styled.section`\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-template-rows: repeat(2, auto);\n  grid-gap: 40px;\n  padding-bottom: 0;\n  ${media.desktop} {\n    grid-template-columns: repeat(2, 1fr);\n    justify-content: center;\n    text-align: center;\n  }\n  ${media.tablet} {\n    padding-top: 80px;\n    padding-bottom: 75px;\n  }\n  ${media.mobile} {\n    grid-gap: 24px;\n    padding-bottom: 45px;\n  }\n`;\n\nconst SolutionCards = () => {\n  return (\n    <GridContainer>\n      {data.map((card) => (\n        <Card {...card} key={card.title} />\n      ))}\n    </GridContainer>\n  );\n};\n\nexport default SolutionCards;\n","import React from 'react';\nimport map from 'lodash/map';\nimport styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\nimport Layout from 'layout';\nimport Button from 'components/ui/button';\nimport StartUsing from 'components/ui/startUsing';\nimport Logos from 'components/ui/trustedBy';\nimport StartUsingCTA from 'components/index/startusingCTA';\nimport Cards from 'components/solutions/cards';\nimport Section from 'components/solutions/section';\nimport { data } from 'data/solutions/sections';\nimport { Section as FeatureSection } from 'components/solutions/section/styled';\n\nconst StyledSection = styled.section`\n  margin-top: 4rem;\n  padding-bottom: 0;\n  & .container {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n  }\n\n  & h1 {\n    text-align: center;\n  }\n  & .subtitle {\n    margin: 32px 0 48px;\n    font-size: 22px;\n    text-align: center;\n  }\n  ${media.mobile} {\n    margin-top: 1rem;\n    ${FeatureSection}:last-child {\n      padding-bottom: 95px;\n    }\n    & .subtitle {\n      font-size: 18px;\n      margin: 32px 0 40px;\n    }\n  }\n`;\n\nconst Solutions = () => {\n  return (\n    <Layout\n      metaTitle=\"Solutions | Session Recordings and Qualitative Analytics\"\n      metaDescription=\"See how LiveSession can help with conversion optimization, usability testing, debugging, customer support, and more. Try a new qualitative analytics tool.\"\n      canonical=\"/solutions/\"\n    >\n      <StyledSection>\n        <div className=\"container\">\n          <h1 className=\"line\">\n            <span>Smart ways</span> to use LiveSession\n          </h1>\n          <p className=\"subtitle\">One product, different solutions</p>\n          <Button signUp secondary center sourceID=\"hero\">\n            Sign up free\n          </Button>\n          <Cards />\n          <Logos hero style={{ paddingBottom: 75 }} />\n          {map([data[0], data[1], data[2]], (section, idx) => (\n            <Section {...section} idx={idx + 1} key={idx} />\n          ))}\n          <StartUsingCTA />\n          {map([data[3], data[4], data[5]], (section, idx) => (\n            <Section {...section} idx={idx} key={idx} />\n          ))}\n        </div>\n      </StyledSection>\n      <StartUsing />\n    </Layout>\n  );\n};\n\nexport default Solutions;\n"],"sourceRoot":""}