{"version":3,"file":"component---src-pages-customer-portals-tsx-69afdb9cedd194b452ab.js","mappings":"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","sources":["webpack://gravitywell-website-2019/./src/components/cta/cta-button.tsx","webpack://gravitywell-website-2019/./src/components/dynamic-html-tag/dynamic-html-tag.tsx","webpack://gravitywell-website-2019/./src/components/get-in-touch/get-in-touch.tsx","webpack://gravitywell-website-2019/./src/components/get-in-touch/index.tsx","webpack://gravitywell-website-2019/./src/components/heading/heading-uppercase.tsx","webpack://gravitywell-website-2019/./src/components/heading/heading-underlined.tsx","webpack://gravitywell-website-2019/./src/components/hero-video/hero-video.tsx","webpack://gravitywell-website-2019/./src/components/html-schema-snippets/breadcrumb-schema.tsx","webpack://gravitywell-website-2019/./src/components/html-schema-snippets/postal-address-schema.tsx","webpack://gravitywell-website-2019/./src/components/html-schema-snippets/organization-schema.tsx","webpack://gravitywell-website-2019/./src/components/html-schema-snippets/contact-point-schema.ts","webpack://gravitywell-website-2019/./src/components/html-schema-snippets/article-schema.tsx","webpack://gravitywell-website-2019/./src/components/html-schema-snippets/local-business-schema.tsx","webpack://gravitywell-website-2019/./src/assets/images/g-schema/gravitywell-cover.jpg","webpack://gravitywell-website-2019/./src/components/html-schema-snippets/website-schema.tsx","webpack://gravitywell-website-2019/./src/components/page-top/page-top.tsx","webpack://gravitywell-website-2019/./src/components/panel-wrapper/panel-wrapper.tsx","webpack://gravitywell-website-2019/./src/components/testimonial-carousel/testimonial.tsx","webpack://gravitywell-website-2019/./src/components/testimonial-carousel/testimonial-carousel.tsx","webpack://gravitywell-website-2019/./src/components/text-panel/text-panel.tsx","webpack://gravitywell-website-2019/./src/assets/images/customer-portals/adelie-warehouse.jpg","webpack://gravitywell-website-2019/./src/assets/images/customer-portals/customer-portal-fallback-image.jpg","webpack://gravitywell-website-2019/./src/assets/images/customer-portals/adelie-ipad.png","webpack://gravitywell-website-2019/./src/components/customer-portals/adelie.tsx","webpack://gravitywell-website-2019/./src/assets/images/customer-portals/lifetime-ipad.jpg","webpack://gravitywell-website-2019/./src/components/customer-portals/lifetime-training.tsx","webpack://gravitywell-website-2019/./src/components/customer-portals/services-and-features.tsx","webpack://gravitywell-website-2019/./src/assets/images/customer-portals/adelie-logo.png","webpack://gravitywell-website-2019/./src/components/customer-portals/testimonial.tsx","webpack://gravitywell-website-2019/./src/assets/images/customer-portals/western-power-distribution-logo.png","webpack://gravitywell-website-2019/./src/assets/images/customer-portals/sableandox-logo.png","webpack://gravitywell-website-2019/./src/pages/customer-portals.tsx","webpack://gravitywell-website-2019/./src/assets/images/video-grid-overlay.png"],"sourcesContent":["import * as React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontSpaceHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport generator from \"../gradients/generator\";\nimport Link from \"../link\";\nimport { linkCSS } from \"../link/link\";\n\ntype CtaTypes = \"primary\";\n\ninterface IProps {\n  className?: string;\n  type: CtaTypes;\n  href?: string;\n  text?: string;\n  target?: string;\n  onClick?: () => void;\n}\n\ninterface ICtaButton {\n  type: CtaTypes;\n}\n\n/**\n * Returns a cta button\n */\nexport const CtaButton: React.FC<IProps> = ({\n  className,\n  type,\n  href,\n  text,\n  target,\n  onClick,\n  children\n}) => {\n  target = target || \"_self\";\n\n  return (\n    <CtaButtonContainer\n      className={[ `cta-button cta-button-${type}`, className ].join(\" \")}\n      type={type}\n      onClick={onClick}\n    >\n      {href ? (\n        <Link\n          type=\"none\"\n          href={href}\n          target={target}\n        >\n          {text ? (\n            <span>\n              {text}\n            </span>\n          ) : (\n            children\n          )}\n        </Link>\n      ) : (\n        <LinkContent>\n          {text ? (\n            <span>\n              {text}\n            </span>\n          ) : (\n            children\n          )}\n        </LinkContent>\n      )}\n    </CtaButtonContainer>\n  );\n};\n\nconst LinkContent = styled.div`\n  ${linkCSS}\n  border-bottom: none;\n  &:hover {\n    cursor: pointer;\n  }\n`;\n\nconst CtaButtonContainer = styled<ICtaButton, \"p\">(\"p\")`\n  display: inline-block;\n  padding: 0;\n\n  & > * {\n    display: block;\n    min-width: 100%;\n    min-height: 100%;\n    padding: 0.8rem 1.4rem;\n    color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n    font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"small_2\"\n  })};\n    font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n    line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n    letter-spacing: ${({ theme }) =>\n    fontSpaceHelper({\n      theme,\n      variant: \"medium\"\n    })};\n    text-transform: uppercase;\n    ${props =>\n    props.type === \"primary\" &&\n      generator({\n        gradient: \"orangePink\",\n        angle: -38\n      })};\n    background-size: 150% 150%;\n    background-position: 100% 0;\n\n    &:hover {\n      background-position: 0% 100%;\n    }\n  }\n\n  @media (min-width: 600px) {\n    & > * {\n      padding: 1rem 1.8rem;\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n    }\n  }\n`;\n\nexport default CtaButton;\n","import * as React from \"react\";\n\ninterface IProps {\n  className?: string;\n  htmlTag: string;\n  children: React.ReactChild;\n}\n\nconst DynamicHtmlTag = ({\n  htmlTag, children, className\n}: IProps) =>\n  React.createElement(`${htmlTag}`, { className }, children);\n\nexport default DynamicHtmlTag;\n","import * as React from \"react\";\nimport { useEffect } from \"react\";\nimport { Helmet } from \"react-helmet\";\n\nimport styled from \"../../theme/styled\";\nimport { HeadingUnderlined } from \"../heading\";\nimport Icon from \"../icon\";\nimport Link from \"../link\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport {\n  FullWidthWrapper,\n  MediumColumnWidthWrapper\n} from \"../confines-wrappers\";\n\ninterface IProps {\n  title: string;\n  slogan: string;\n  links: React.ReactNode[];\n}\n\ndeclare global {\n  // allow Tally to be used in window\n  interface Window { Tally: any; }\n}\n\nconst GetInTouch: React.FC<IProps> = ({\n  title, slogan, links\n}) => {\n  // Load Tally embeds\n  useEffect(() => {\n    if (window.Tally) {\n      window.Tally.loadEmbeds();\n    }\n  }, []);\n\n  return (\n    <GetInTouchContainer\n      className=\"content-container\"\n      id=\"get-in-touch\"\n    >\n      <MediumColumnWidthWrapper>\n        <HeadingUnderlined\n          headingTag=\"h2\"\n          title={title}\n        />\n\n        <div className=\"column-container\">\n          <div className=\"column\">\n            <p className=\"got-an-idea\">\n              {slogan}\n\n              <br />\n              Let’s talk!\n\n              <br />\n\n              <span className=\"contact-details\">\n                <span className=\"off-screen\">\n                  Call us on:\n                  {\" \"}\n                </span>\n\n                <Link\n                  className=\"telephone\"\n                  href=\"tel:+441173790309\"\n                  type=\"inline\"\n                >\n                  +44 (0)117 379 0309\n                </Link>\n\n                <br />\n\n                <span className=\"off-screen\">\n                  Or email us:\n                  {\" \"}\n                </span>\n\n                <Link\n                  className=\"email\"\n                  href=\"mailto:hello@gravitywell.co.uk\"\n                  type=\"inline\"\n                >\n                  hello@gravitywell.co.uk\n                </Link>\n              </span>\n\n              <br />\n\n              <span className=\"off-screen\">\n                Want to\n                {\" \"}\n              </span>\n\n              <span className=\"learn-more\">\n                Learn more?\n              </span>\n            </p>\n\n            <ul className=\"learn-more-links\">\n              {links.map((link, i) => (\n                <li key={i}>\n                  {link}\n                </li>\n              ))}\n            </ul>\n\n            <span className=\"icon\">\n              <Icon\n                icon=\"lightbulb\"\n                size={4.2}\n              />\n            </span>\n          </div>\n\n          <div className=\"column\">\n            <div className=\"form-container\">\n              <Helmet>\n                <script src=\"https://tally.so/widgets/embed.js\" />\n              </Helmet>\n\n              <iframe\n                data-tally-src=\"https://tally.so/embed/nWrPga?hideTitle=1&transparentBackground=1&dynamicHeight=1\"\n                loading=\"lazy\"\n                width=\"100%\"\n                height=\"762\"\n                frameBorder=\"0\"\n                title=\"Gravitywell Website Contact Form\"\n              />\n            </div>\n          </div>\n        </div>\n      </MediumColumnWidthWrapper>\n    </GetInTouchContainer>\n  );\n};\n\nexport default GetInTouch;\n\nconst GetInTouchContainer = styled(FullWidthWrapper)`\n  background-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"altLightGrey\"\n    })};\n\n  .column-container {\n    transition: 0.2s ease-in-out;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding-top: 10%;\n\n    .form-container {\n      display: flex;\n      width: 100%;\n    }\n\n    .column {\n      transition: 0.2s ease-in-out;\n      padding-top: 7.2rem;\n      width: 100%;\n      max-width: 42rem;\n\n      &:first-child {\n        position: relative;\n        padding-top: 0;\n      }\n      \n\n      .got-an-idea {\n        margin-bottom: 0;\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"large\"\n    })};\n\n        .contact-details {\n          display: block;\n          color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n\n          .telephone,\n          .email {\n            display: inline-block;\n          }\n\n          .telephone {\n            padding-top: 1.2em;\n          }\n\n          .email {\n            padding-top: 0.4rem;\n          }\n        }\n\n        .learn-more {\n          display: block;\n          padding-top: 2.2rem;\n        }\n      }\n\n      .learn-more-links {\n        padding-top: 2.2rem;\n        padding-left: 0;\n        padding-bottom: 0;\n        list-style: none;\n        color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"brandColor\"\n  })};\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"large\"\n    })};\n\n        li {\n          padding-top: 1.2rem;\n          margin-bottom: 0;\n\n          a {\n            color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n          }\n        }\n      }\n\n      .icon {\n        display: none;\n        position: absolute;\n        top: -1.2rem;\n        left: 0;\n      }\n\n      iframe {\n        width: 100% !important;\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .column-container {\n      padding-top: 5.2rem;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .column-container {\n      flex-direction: row;\n      justify-content: space-between;\n      align-items: normal;\n      padding-top: 7.2rem;\n\n      .column {\n        padding-top: 0;\n        width: 50%;\n        max-width: none;\n\n        &:first-child {\n          padding-left: 5.6rem;\n          padding-right: 2%;\n        }\n\n        &:last-child {\n          padding-left: 2%;\n          max-width: 50rem;\n        }\n\n        .icon {\n          display: block;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .column-container {\n      padding-top: 9.8rem;\n\n      .column {\n        &:first-child {\n          padding-left: 7.2rem;\n        }\n\n        .got-an-idea {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n\n          .contact-details {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n\n            .email {\n              padding-top: 0.4rem;\n            }\n          }\n        }\n\n        .learn-more-links {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .column-container {\n      .column {\n        .got-an-idea {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n\n          .contact-details {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n\n            .email {\n              padding-top: 0.4rem;\n            }\n          }\n        }\n\n        .learn-more-links {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n        }\n      }\n    }\n  }\n`;\n","import * as React from \"react\";\n\nimport Link from \"../link\";\nimport { default as GetInTouch } from \"./get-in-touch\";\n\ninterface IGetInTouchProps {\n  title?: string;\n  slogan?: string;\n  links?: IGetInTouchLinkProps[];\n}\n\nexport interface IGetInTouchLinkProps {\n  href: string;\n  text: string;\n}\n\n/**\n * Get in touch wrapper\n */\nconst GetInTouchWrapper: React.FC<IGetInTouchProps> = ({\n  title,\n  slogan,\n  links\n}) => {\n  const parsedLinks: IGetInTouchLinkProps[] = React.useMemo(() => {\n    const defaultLinks = [\n      {\n        href: \"/insights\",\n        text: \"Insights\"\n      },\n      {\n        href: \"/about-us\",\n        text: \"Meet the team\"\n      }\n    ];\n\n    return links || defaultLinks;\n  }, [ links ]);\n\n  return (\n    <GetInTouch\n      title={title || \"Get in Touch\"}\n      slogan={slogan || \"Got a great idea for a project?\"}\n      links={parsedLinks.map((link, i) => (\n        <Link\n          key={i}\n          href={link.href}\n        >\n          {link.text}\n        </Link>\n      ))}\n    />\n  );\n};\n\nexport default GetInTouchWrapper;\n","import * as React from \"react\";\n\nimport styled, { css } from \"../../theme/styled\";\nimport { IThemeColour } from \"../../theme/theme-definition\";\nimport {\n  colourHelper,\n  fontSizeHelper,\n  fontWeightHelper,\n  fontLineHeightHelper,\n  fontSpaceHelper\n} from \"../../theme/theme-helper\";\n\ninterface IProps\n  extends React.HTMLAttributes<HTMLHeadingElement>,\n    React.HTMLAttributes<HTMLParagraphElement> {\n  as: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\";\n  color?: keyof IThemeColour;\n}\n\ninterface IHeadingStyled {\n  color?: IProps[\"color\"];\n}\n\n/**\n * How you benefit\n */\nconst HeadingUppercase: React.FC<IProps> = ({\n  as, children, ...rest\n}) => {\n  switch (as) {\n    case \"h1\":\n      return (\n        <H1Styled {...rest}>\n          {children}\n        </H1Styled>\n      );\n\n    case \"h2\":\n      return (\n        <H2Styled {...rest}>\n          {children}\n        </H2Styled>\n      );\n\n    case \"h3\":\n      return (\n        <H3Styled {...rest}>\n          {children}\n        </H3Styled>\n      );\n\n    case \"h4\":\n      return (\n        <H4Styled {...rest}>\n          {children}\n        </H4Styled>\n      );\n\n    case \"h5\":\n      return (\n        <H5Styled {...rest}>\n          {children}\n        </H5Styled>\n      );\n\n    case \"h6\":\n      return (\n        <H6Styled {...rest}>\n          {children}\n        </H6Styled>\n      );\n\n    case \"p\":\n      return (\n        <PStyled {...rest}>\n          {children}\n        </PStyled>\n      );\n\n    default:\n      return null;\n  }\n};\n\nconst headingStyling = css<IHeadingStyled>`\n  ${({ theme, color }) => css`\n    color: ${colourHelper({\n    theme,\n    variant: color || \"black\"\n  })}\n    font-size: ${fontSizeHelper({\n    theme,\n    variant: \"small_3\"\n  })};\n    font-weight: ${fontWeightHelper({\n    theme,\n    variant: \"regular\"\n  })};\n    line-height: ${fontLineHeightHelper({\n    theme,\n    variant: \"default\"\n  })};\n    letter-spacing: ${fontSpaceHelper({\n    theme,\n    variant: \"medium\"\n  })};\n    text-transform: uppercase;\n\n    @media (min-width: 768px) {\n      font-size: ${fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n    }\n  `}\n`;\n\nconst H1Styled = styled.h1<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H2Styled = styled.h2`\n  ${headingStyling}\n`;\n\nconst H3Styled = styled.h3<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H4Styled = styled.h4<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H5Styled = styled.h5<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H6Styled = styled.h6<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst PStyled = styled.p<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nexport default HeadingUppercase;\n","import * as React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport { IThemeColour } from \"../../theme/theme-definition\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport DynamicHtmlTag from \"../dynamic-html-tag\";\n\nexport type HeadingTag = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\ninterface IProps {\n  className?: string;\n  headingTag: HeadingTag;\n  title: string;\n  textColor?: keyof IThemeColour;\n  hrColor?: keyof IThemeColour;\n}\n\ninterface IHeadingWrapper {\n  textColor: keyof IThemeColour;\n  hrColor: keyof IThemeColour;\n}\n\nconst HeadingWrapper = styled<IHeadingWrapper, any>(DynamicHtmlTag)`\n  transition: 0.2s ease-in-out;\n  margin: 0;\n  color: ${({ theme, textColor }) =>\n    colourHelper({\n      theme,\n      variant: textColor\n    })};\n  font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"subhead_3\"\n  })};\n  font-weight: ${({ theme }) => fontWeightHelper({\n    theme,\n    variant: \"heavy\"\n  })};\n  line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n  text-align: center;\n\n  .text {\n    display: block;\n  }\n\n  .underline {\n    display: block;\n    margin: 2.2rem auto 0;\n    width: 5rem;\n    height: 0.5rem;\n    background-color: ${({ theme, hrColor }) =>\n    colourHelper({\n      theme,\n      variant: hrColor\n    })};\n  }\n\n  @media (min-width: 600px) {\n    font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"title\"\n  })};\n  }\n\n  @media (min-width: 960px) {\n    font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_3\"\n    })};\n  }\n`;\n\nconst HeadingUnderlined = (props: IProps) => (\n  <HeadingWrapper\n    className={props.className}\n    htmlTag={props.headingTag}\n    textColor={props.textColor || \"black\"}\n    hrColor={props.hrColor || \"brandColor\"}\n  >\n    <>\n      <span className=\"text\">\n        {props.title}\n      </span>\n\n      <span className=\"underline\" />\n    </>\n  </HeadingWrapper>\n);\n\nexport default HeadingUnderlined;\n","import React from \"react\";\nimport ReactPlayer, { ReactPlayerProps } from \"react-player\";\n\nimport checkeredOverlayImg from \"../../assets/images/video-grid-overlay.png\";\nimport styled from \"../../theme/styled\";\n\ninterface IHeroVideoWrapper {\n  className: string;\n  fallbackImage: string;\n}\n\ninterface HeroVideoProps {\n  /** Fallback image url */\n  fallbackImage: string;\n  /** A 16:9 aspect ratio video */\n  src: string | ReactPlayerProps[\"url\"];\n  /** Whether to increase the contrast over the video */\n  contrastGradient?: boolean;\n  /** ReactPlayer props (overwrites our defaults set inside this file) */\n  playerProps?: ReactPlayerProps;\n  className?: string;\n}\n\nexport const HeroVideo: React.FC<HeroVideoProps> = props => {\n  const {\n    src, fallbackImage, contrastGradient, playerProps = {}, className\n  } = props;\n\n  // Determine if the video is the space video which we want to align to the bottom right, the rest need to be centered\n  const isSpecialVideo = src === \"https://cdn.gravitywell.co.uk/videos/home-v2/braided_space.m3u8\";\n\n  return (\n    <HeroVideoWrapper\n      className={`hero-video-container ${className} ${isSpecialVideo ? \"special-video\" : \"\"}`}\n      fallbackImage={fallbackImage}\n    >\n      <div className=\"overlay-img\" />\n\n      {contrastGradient && <div className=\"contrast-overlay\" />}\n\n      <ReactPlayer\n        id=\"hero-video-player\"\n        pip={false}\n        playing\n        className=\"hero-video-player\"\n        width=\"100%\"\n        height=\"100%\"\n        loop\n        url={src}\n        controls={false}\n        playsinline\n        muted\n        volume={0}\n        {...playerProps}\n      />\n    </HeroVideoWrapper>\n  );\n};\n\nexport default HeroVideo;\n\nconst HeroVideoWrapper = styled<IHeroVideoWrapper, \"div\">(\"div\")`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-image: url(${props => props.fallbackImage});\n  background-size: cover;\n  background-position: center;\n  overflow: hidden;\n\n  &.homepage {\n    background-position: 100% 100%;\n  }\n  \n  &.homepage video {\n    object-fit: cover;\n    object-position: center;\n    filter: brightness(0.8);\n  }\n\n  &.hero-video-container.special-video video {\n    object-position: 100% 100%;\n  }\n\n  .overlay-img {\n    position: absolute;\n    z-index: 3;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: url(${checkeredOverlayImg});\n    background-repeat: repeat;\n    opacity: 0.1;\n    pointer-events: none;\n  }\n\n  .contrast-overlay {\n    transition: 0.2s ease-in-out;\n    display: none;\n    position: absolute;\n    z-index: 2;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(\n      to right,\n      rgba(0, 0, 0, 1) 0%,\n      rgba(0, 0, 0, 0) 50%\n    );\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  .hero-video-player {\n    overflow: hidden;\n    pointer-events: none;\n    \n    /* For 16:9 aspect ratios, this simulates \"background cover and center\" for the video */\n    video {\n      height: 100%;\n      width: 177.77777778vh !important; /* 100 * 16 / 9 */\n      min-width: 100%;\n      min-height: 56.25vw; /* 100 * 9 / 16 */\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%, -50%); \n    }\n  }\n\n  @media (min-width: 768px) {\n    .contrast-overlay {\n      display: block;\n    }\n  }\n\n  @media (min-width: 1920px) {\n    .contrast-overlay {\n      background: linear-gradient(\n        to right,\n        rgba(0, 0, 0, 1) 0%,\n        rgba(0, 0, 0, 0) 75%\n      );\n    }\n  }\n`;\n","import forceTrailingSlash from \"../../templates/utils/forceTrailingSlash\";\n\nexport interface IBreadCrumb {\n  name: string;\n  path: string;\n}\n\nexport interface IBreadCrumbSchema {\n  \"@context\": \"https://schema.org\";\n  \"@type\": \"BreadcrumbList\";\n  itemListElement: Array<{\n    \"@type\": \"ListItem\";\n    position: number;\n    name: string;\n    item: string;\n  }>;\n}\n\nconst breadCrumbSchema = (\n  breadcrumbs: IBreadCrumb[]\n): IBreadCrumbSchema => {\n  const breadCrumbObj: IBreadCrumbSchema = {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"BreadcrumbList\",\n    \"itemListElement\": []\n  };\n\n  // Set the breadcrumb item element data for each breadcrumb given\n  for (const i in breadcrumbs) {\n    if (breadcrumbs[ i ]) {\n      const breadcrumb = breadcrumbs[ i ];\n\n      breadCrumbObj.itemListElement.push({\n        \"@type\": \"ListItem\",\n        \"position\": parseInt(i, 0) + 1,\n        \"name\": breadcrumb.name,\n        \"item\": forceTrailingSlash(\n          `https://www.gravitywell.co.uk${breadcrumb.path}`\n        )\n      });\n    }\n  }\n\n  return breadCrumbObj;\n};\n\nexport default breadCrumbSchema;\n","export interface IPostalAddressSchema {\n  \"@type\": \"PostalAddress\";\n  name: \"Gravitywell\";\n  streetAddress: \"Unit 22, Impact Working, Spectrum, Bond Street\";\n  postalCode: \"BS1 3LG\";\n  addressLocality: \"Bristol\";\n  addressRegion: \"Avon\";\n  addressCountry: \"GB\";\n}\n\nconst postalAddressSchema: IPostalAddressSchema = {\n  \"@type\": \"PostalAddress\",\n  \"name\": \"Gravitywell\",\n  \"streetAddress\": \"Unit 22, Impact Working, Spectrum, Bond Street\",\n  \"postalCode\": \"BS1 3LG\",\n  \"addressLocality\": \"Bristol\",\n  \"addressRegion\": \"Avon\",\n  \"addressCountry\": \"GB\"\n};\n\nexport default postalAddressSchema;\n","import GWLogoImg from \"../../assets/images/gw-logo-512-transparent.png\";\nimport { contactPointSchema } from \"./contact-point-schema\";\nimport postalAddressSchema, { IPostalAddressSchema } from \"./postal-address-schema\";\n\nexport interface IOrganizationSchema {\n  \"@context\": \"https://schema.org\";\n  \"@type\": \"Organization\";\n  \"@id\": \"https://www.gravitywell.co.uk/#organization\";\n  legalName: \"Hayward & Bos Ltd\";\n  name: \"Gravitywell\";\n  vatID: \"GB-194038302\";\n  email: \"hello@gravitywell.co.uk\";\n  url: string;\n  logo: {\n    \"@type\": \"ImageObject\";\n    url: string;\n    width: number;\n    height: number;\n  };\n  address: IPostalAddressSchema;\n  contactPoint: Array<typeof contactPointSchema>;\n  sameAs: string[];\n}\n\nconst organizationSchema: IOrganizationSchema = {\n  \"@context\": \"https://schema.org\",\n  \"@type\": \"Organization\",\n  \"@id\": \"https://www.gravitywell.co.uk/#organization\",\n  \"legalName\": \"Hayward & Bos Ltd\",\n  \"name\": \"Gravitywell\",\n  \"vatID\": \"GB-194038302\",\n  \"email\": \"hello@gravitywell.co.uk\",\n  \"url\": \"https://www.gravitywell.co.uk/\",\n  \"logo\": {\n    \"@type\": \"ImageObject\",\n    \"url\": `https://www.gravitywell.co.uk${GWLogoImg}`,\n    \"width\": 512,\n    \"height\": 512\n  },\n  \"address\": postalAddressSchema,\n  \"contactPoint\": [ contactPointSchema ],\n  \"sameAs\": [\n    \"https://twitter.com/gravitywelluk/\",\n    \"https://www.facebook.com/gravitywelluk/\",\n    \"https://www.instagram.com/gravitywelluk/\",\n    \"https://www.linkedin.com/company/gravitywell/\"\n  ]\n};\n\nexport default organizationSchema;\n","export const contactPointSchema = {\n  \"@type\": \"ContactPoint\",\n  \"telephone\": \"+44 117 379 0309\",\n  \"contactType\": \"customer service\",\n  \"email\": \"hello@gravitywell.co.uk\",\n  \"areaServed\": \"GB\",\n  \"availableLanguage\": [ \"English\" ]\n};","import forceTrailingSlash from \"../../templates/utils/forceTrailingSlash\";\nimport organizationSchema, { IOrganizationSchema } from \"./organization-schema\";\n\ninterface IArticle {\n  type: \"Article\" | \"NewsArticle\" | \"BlogPosting\";\n  title: string;\n  description: string;\n  path: string;\n  datePublished: string;\n  dateModified: string;\n  author: string;\n  imageUrls: string[];\n}\n\nexport interface IArticleSchema {\n  \"@context\": \"https://schema.org\";\n  \"@type\": \"Article\" | \"NewsArticle\" | \"BlogPosting\";\n  mainEntityOfPage: {\n    \"@type\": \"WebPage\";\n    \"@id\": string;\n  };\n  headline: string;\n  datePublished: string;\n  dateModified: string;\n  author: {\n    \"@type\": \"Person\";\n    name: string;\n  };\n  image: string[];\n  publisher: IOrganizationSchema;\n  description: string;\n}\n\nconst articleSchema = (articleData: IArticle): IArticleSchema => {\n  const images: string[] = articleData.imageUrls.map((imgPath: string) => {\n    return `https://www.gravitywell.co.uk${imgPath}`;\n  });\n\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": articleData.type,\n    \"mainEntityOfPage\": {\n      \"@type\": \"WebPage\",\n      \"@id\": forceTrailingSlash(\n        `https://www.gravitywell.co.uk${articleData.path}`\n      )\n    },\n    \"headline\": articleData.title,\n    \"description\": articleData.description,\n    \"image\": images,\n    \"datePublished\": articleData.datePublished,\n    \"dateModified\": articleData.dateModified,\n    \"author\": {\n      \"@type\": \"Person\",\n      \"name\": articleData.author\n    },\n    \"publisher\": organizationSchema\n  };\n};\n\nexport default articleSchema;\n","import GwCoverImg from \"../../assets/images/g-schema/gravitywell-cover.jpg\";\nimport postalAddressSchema, { IPostalAddressSchema } from \"./postal-address-schema\";\n\nexport interface ILocalBusinessSchema {\n  \"@context\": \"http://schema.org\";\n  \"@type\": \"LocalBusiness\";\n  \"@id\": \"https://www.gravitywell.co.uk/#localbusiness\";\n  legalName: \"Hayward & Bos Ltd\";\n  name: \"Gravitywell\";\n  vatID: \"GB-194038302\";\n  email: \"hello@gravitywell.co.uk\";\n  url: \"https://www.gravitywell.co.uk/\";\n  telephone: \"+44 117 379 0309\";\n  address: IPostalAddressSchema;\n  geo: {\n    \"@type\": \"GeoCoordinates\";\n    latitude: 51.45983;\n    longitude: -2.5861;\n  };\n  OpeningHoursSpecification: Array<{\n    dayOfWeek: string[];\n    opens: \"09:00\";\n    closes: \"17:30\";\n  }>;\n  priceRange: \"$$$\";\n  image: string[];\n}\n\nconst localBusinessSchema: ILocalBusinessSchema = {\n  \"@context\": \"http://schema.org\",\n  \"@type\": \"LocalBusiness\",\n  \"@id\": \"https://www.gravitywell.co.uk/#localbusiness\",\n  \"legalName\": \"Hayward & Bos Ltd\",\n  \"name\": \"Gravitywell\",\n  \"vatID\": \"GB-194038302\",\n  \"email\": \"hello@gravitywell.co.uk\",\n  \"url\": \"https://www.gravitywell.co.uk/\",\n  \"telephone\": \"+44 117 379 0309\",\n  \"address\": postalAddressSchema,\n  \"geo\": {\n    \"@type\": \"GeoCoordinates\",\n    \"latitude\": 51.45983,\n    \"longitude\": -2.5861\n  },\n  \"OpeningHoursSpecification\": [\n    {\n      dayOfWeek: [\n        \"Monday\",\n        \"Tuesday\",\n        \"Wednesday\",\n        \"Thursday\",\n        \"Friday\"\n      ],\n      opens: \"09:00\",\n      closes: \"17:30\"\n    }\n  ],\n  \"priceRange\": \"$$$\",\n  \"image\": [ `https://www.gravitywell.co.uk${GwCoverImg}` ]\n};\n\nexport default localBusinessSchema;\n","export default __webpack_public_path__ + \"static/gravitywell-cover-6162086609ed6202ac7f64b300a8e38b.jpg\";","export interface IWebsiteSchema {\n  \"@context\": \"https://schema.org\";\n  \"@type\": \"WebSite\";\n  url: \"https://www.gravitywell.co.uk/\";\n}\n\nconst websiteSchema: IWebsiteSchema = {\n  \"@context\": \"https://schema.org\",\n  \"@type\": \"WebSite\",\n  \"url\": \"https://www.gravitywell.co.uk/\"\n};\n\nexport default websiteSchema;\n","import React, { CSSProperties } from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport { generator } from \"../gradients\";\nimport { IGradients } from \"../gradients/gradient-list\";\n\ninterface IPageTop {\n  id?: string;\n  className?: string;\n  gradient?: keyof IGradients;\n  backgroundImage?: string;\n  overlayColor?: string;\n  borderTop?: string;\n  backgroundColor?: string;\n  parallax?: boolean;\n  maxWidth?: number;\n  maxHeight?: number;\n  height?: \"auto\" | \"tiny\" | \"small\" | \"medium\" | \"large\";\n  minHeight?: number;\n  children: React.ReactNode;\n  style?: CSSProperties;\n  widthType?:\n    | \"FullWidthWrapper\"\n    | \"FullWidthColumnWrapper\"\n    | \"ColumnWidthWrapper\"\n    | \"HalfColumnWidthWrapper\";\n}\n\ninterface IPageTopContainer {\n  gradient?: keyof IGradients;\n  maxHeight?: string;\n  aspectRatios: IAspectRatios;\n  backgroundColor?: string;\n  borderTop?: string;\n  backgroundImage?: string;\n}\n\ninterface IAspectRatios {\n  320: string;\n  375: string;\n  480: string;\n  568: string;\n  600: string;\n  768: string;\n  960: string;\n  1024: string;\n  1280: string;\n  1440: string;\n  1920: string;\n}\n\ninterface IColorOverlay {\n  overlayColor?: string;\n}\n\nconst PageTopContainer = styled<IPageTopContainer, \"div\">(\"div\")`\n  transition: 0.2s ease-in-out;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  min-height: ${props => props.aspectRatios[ 320 ]};\n  /* padding-top: ${props => (!props.backgroundImage && \"10rem;\") || \"66%\"}; */\n  /* padding-bottom: ${props =>\n    (!props.backgroundImage && \"4.8rem;\") || \"0\"}; */\n  width: 100%;\n  border-top: ${props =>\n    props.borderTop ? `0.2rem solid ${props.borderTop}` : \"\"};\n  background-color: ${props => props.backgroundColor};\n  background: ${props =>\n    props.backgroundImage && `url(${props.backgroundImage})`};\n  background-size: ${props => props.backgroundImage && \"cover\"};\n  background-position: ${props => props.backgroundImage && \"center center\"};\n  background: ${props =>\n    props.gradient && generator({\n      gradient: props.gradient,\n      angle: -38\n    })};\n\n  .top-content-wrapper {\n    transition: 0.2s ease-in-out;\n    display: flex;\n    overflow: hidden;\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n    width: 100%;\n    padding-top: 6.4rem;\n  }\n\n  @media (min-width: 600px) {\n    min-height: ${props => props.aspectRatios[ 600 ]};\n  }\n\n  @media (min-width: 768px) {\n    .top-content-wrapper {\n      padding-top: 7.2rem;\n    }\n  }\n\n  @media (min-width: 960px) {\n    min-height: ${props => props.aspectRatios[ 960 ]};\n  }\n\n  @media (min-width: 1280px) {\n    min-height: auto;\n    max-height: ${props => props.maxHeight};\n    height: ${props => props.aspectRatios[ 1280 ]};\n  }\n\n  @media (min-width: 1440px) {\n    height: ${props => props.aspectRatios[ 1440 ]};\n  }\n`;\n\nconst ColorOverlayWrapper = styled<IColorOverlay, \"div\">(\"div\")`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  opacity: 0.5;\n  background: ${props => props.overlayColor};\n`;\n\nconst ColorOverlay = (props: IColorOverlay) => {\n  if (!props.overlayColor) {\n    return null;\n  }\n\n  return <ColorOverlayWrapper overlayColor={props.overlayColor} />;\n};\n\nconst PageTop = (props: IPageTop) => {\n  const { height } = props;\n\n  const aspectRatios: IAspectRatios = {\n    320: \"66.6vw\",\n    375: \"66.6vw\",\n    480: \"66.6vw\",\n    568: \"66.6vw\",\n    600: \"66.6vw\",\n    768: \"66.6vw\",\n    960: \"66.6vw\",\n    1024: \"66.6vw\",\n    1280: \"66.6vw\",\n    1440: \"66.6vw\",\n    1920: \"66.6vw\"\n  };\n\n  let maxHeight = \"58rem\";\n\n  switch (height) {\n    case \"large\":\n      maxHeight = \"88rem\";\n      aspectRatios[ 600 ] = \"72vw\";\n      aspectRatios[ 960 ] = \"61vw\";\n      aspectRatios[ 1280 ] = \"50vw\";\n      aspectRatios[ 1440 ] = \"45.8vw\";\n      aspectRatios[ 1920 ] = \"45.8vw\";\n      break;\n\n    case \"medium\":\n      maxHeight = \"70rem\";\n      aspectRatios[ 600 ] = \"64vw\";\n      aspectRatios[ 960 ] = \"54vw\";\n      aspectRatios[ 1280 ] = \"44vw\";\n      aspectRatios[ 1440 ] = \"36.4vw\";\n      aspectRatios[ 1920 ] = \"36.4vw\";\n      break;\n\n    case \"small\":\n      maxHeight = \"58rem\";\n      aspectRatios[ 600 ] = \"54vw\";\n      aspectRatios[ 960 ] = \"46vw\";\n      aspectRatios[ 1280 ] = \"38vw\";\n      aspectRatios[ 1440 ] = \"34.8vw\";\n      aspectRatios[ 1920 ] = \"30.2vw\";\n      break;\n\n    default:\n    case \"tiny\":\n      maxHeight = \"43.4rem\";\n      aspectRatios[ 600 ] = \"50vw\";\n      aspectRatios[ 960 ] = \"38vw\";\n      aspectRatios[ 1280 ] = \"31vw\";\n      aspectRatios[ 1440 ] = \"30.2vw\";\n      aspectRatios[ 1920 ] = \"30.2vw\";\n      break;\n\n    case \"auto\":\n      maxHeight = \"none\";\n      aspectRatios[ 600 ] = \"auto\";\n      aspectRatios[ 960 ] = \"auto\";\n      aspectRatios[ 1280 ] = \"auto\";\n      aspectRatios[ 1440 ] = \"auto\";\n      aspectRatios[ 1920 ] = \"auto\";\n      break;\n  }\n\n  return (\n    <PageTopContainer\n      id={props.id}\n      className=\"top-content-container\"\n      style={props.style}\n      gradient={props.gradient}\n      backgroundImage={props.backgroundImage}\n      backgroundColor={props.backgroundColor}\n      borderTop={props.borderTop}\n      maxHeight={maxHeight}\n      aspectRatios={aspectRatios}\n    >\n      <ColorOverlay overlayColor={props.overlayColor} />\n\n      <div className=\"top-content-wrapper\">\n        {props.children}\n      </div>\n    </PageTopContainer>\n  );\n};\n\nexport default PageTop;\n","import React, { CSSProperties } from \"react\";\nimport { ParallaxBanner } from \"react-scroll-parallax\";\n\nimport { generator } from \"../gradients\";\nimport styled from \"../../theme/styled\";\nimport { IGradients } from \"../gradients/gradient-list\";\n\ninterface IPanel {\n  className?: string;\n  gradient?: keyof IGradients;\n  backgroundImage?: string;\n  backgroundColor?: string;\n  borderTop?: string;\n  parallax?: boolean;\n  maxHeight?: number;\n  children: React.ReactNode;\n  style?: CSSProperties;\n}\n\ninterface IPanelContainer {\n  gradient?: keyof IGradients;\n  maxHeight?: number;\n  backgroundColor?: string;\n  borderTop?: string;\n  backgroundImage?: string;\n}\n\nconst PanelContainer = styled<IPanelContainer, \"div\">(\"div\")`\n  /* display: flex; */\n  position: relative;\n  /* padding: 0 100px; */\n  /* border-top: ${props =>\n    props.borderTop ? `2px solid ${props.borderTop}` : \"\"}; */\n  background: ${props => props.backgroundColor};\n  background: ${props =>\n    props.backgroundImage && `url(${props.backgroundImage})`};\n  background: ${props =>\n    props.gradient && generator({\n      gradient: props.gradient,\n      angle: -38\n    })};\n  /* z-index: 0; */\n  /* width: 100vw; */\n  /* height: 100vh; */\n  /* min-height: ${props => (props.maxHeight ? props.maxHeight - 200 : 600)}px;\n  max-height: ${props => (props.maxHeight ? props.maxHeight : 750)}px; */\n\n  > section {\n    /* width: 100%; */\n  }\n\n  @media (max-width: 1100px) {\n    /* padding: 40px; */\n  }\n\n  @media (max-width: 768px) {\n    /* padding: 20px;\n    height: auto;\n    min-height: none;\n    max-height: none; */\n  }\n`;\n\nconst ParallaxPanelContainer = styled(ParallaxBanner)`\n  height: auto !important;\n`;\n\nconst PanelContent = styled(\"div\")`\n  /* max-width: 1200px; */\n  /* margin: 0 auto; */\n`;\n\nconst Panel = (props: IPanel) => {\n  if (!props.parallax) {\n    return (\n      <PanelContainer\n        className={props.className}\n        style={props.style}\n        gradient={props.gradient}\n        backgroundImage={props.backgroundImage}\n        backgroundColor={props.backgroundColor}\n        borderTop={props.borderTop}\n        maxHeight={props.maxHeight}\n      >\n        <PanelContent>\n          {props.children}\n        </PanelContent>\n      </PanelContainer>\n    );\n  } else {\n    return (\n      <ParallaxPanelContainer\n        className={props.className}\n        layers={[\n          {\n            image: props.backgroundImage || \"\",\n            amount: 0.1,\n            children: null\n          }\n        ]}\n        style={{ ...props.style }}\n      >\n        <PanelContent>\n          {props.children}\n        </PanelContent>\n      </ParallaxPanelContainer>\n    );\n  }\n};\n\nexport default Panel;\n","import React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontSpaceHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport { SmallColumnWidthWrapper } from \"../confines-wrappers\";\nimport Icon from \"../icon\";\n\ninterface IProps {\n  content: ITestimonial;\n}\n\nexport interface ITestimonial {\n  testimonial: string;\n  name: string;\n  role: string;\n  company: string;\n  company_logo?: string;\n}\n\nconst TestimonialWrapper = styled(SmallColumnWidthWrapper)`\n  transition: 0.2s ease-in-out;\n  position: relative;\n  padding-top: 5.8rem;\n\n  .icon {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    fill: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"brandColor\"\n  })};\n  }\n\n  .logo-wrapper {\n    transition: 0.2s ease-in-out;\n    padding-bottom: 3.8rem;\n\n    .logo {\n      margin: 0 auto;\n      width: 18rem;\n    }\n  }\n\n  .testimonial-text {\n    text-align: center;\n\n    span {\n      display: block;\n    }\n\n    .testimonial {\n      transition: 0.2s ease-in-out;\n      color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"black\"\n  })};\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_2\"\n  })};\n      font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n      line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n      font-style: italic;\n    }\n\n    .testimonial-by,\n    .testimonial-role-company {\n      color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"lightGrey\"\n  })};\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_2\"\n    })};\n      letter-spacing: ${({ theme }) =>\n    fontSpaceHelper({\n      theme,\n      variant: \"medium\"\n    })};\n      text-transform: uppercase;\n    }\n\n    .testimonial-by {\n      transition: 0.2s ease-in-out;\n      padding-top: 3.2rem;\n      font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"bold\"\n    })};\n      line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"normalized\"\n    })};\n\n      cite {\n        font-style: normal;\n      }\n    }\n\n    .testimonial-role-company {\n      transition: 0.2s ease-in-out;\n      padding-top: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n      font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n      line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"large\"\n    })};\n\n      .separator {\n        display: none;\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    padding-top: 8.4rem;\n\n    .logo-wrapper {\n      padding-bottom: 5.2rem;\n    }\n\n    .testimonial-text {\n      .testimonial {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n      }\n\n      .testimonial-by {\n        padding-top: 4.6rem;\n      }\n\n      .testimonial-role-company {\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"normalized\"\n    })};\n\n        .role,\n        .separator,\n        .company {\n          display: inline;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .testimonial-text {\n      .testimonial {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n      }\n\n      .testimonial-by,\n      .testimonial-role-company {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    padding-top: 12.8rem;\n\n    .logo-wrapper {\n      padding-bottom: 5.8rem;\n    }\n\n    .testimonial-text {\n      .testimonial {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_3\"\n    })};\n      }\n\n      .testimonial-by {\n        padding-top: 5.8rem;\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    padding-top: 14.8rem;\n\n    .logo-wrapper {\n      padding-bottom: 6.2rem;\n    }\n\n    .testimonial-text {\n      .testimonial-by {\n        padding-top: 6.2rem;\n      }\n    }\n  }\n`;\n\nconst Testimonial = ({ content }: IProps) => {\n  return (\n    <TestimonialWrapper\n      tagName=\"blockquote\"\n      className=\"testimonial-wrapper\"\n    >\n      <Icon\n        className=\"icon\"\n        icon=\"speechMarks\"\n        size={1.6}\n      />\n\n      {content.company_logo && (\n        <div className=\"logo-wrapper\">\n          <img\n            className=\"logo\"\n            src={content.company_logo}\n            alt={content.company}\n          />\n        </div>\n      )}\n\n      <p className=\"testimonial-text\">\n        <span className=\"testimonial\">\n          {content.testimonial}\n        </span>\n\n        <span className=\"off-screen\">\n          {\" Written by \"}\n        </span>\n\n        <span className=\"testimonial-by\">\n          <cite>\n            {content.name}\n          </cite>\n        </span>\n\n        <span className=\"off-screen\">\n          {\" \"}\n          (\n        </span>\n\n        <span className=\"testimonial-role-company\">\n          <span className=\"role\">\n            {content.role}\n          </span>\n\n          <span className=\"separator\">\n            {\" // \"}\n          </span>\n\n          <span className=\"company\">\n            {content.company}\n          </span>\n        </span>\n\n        <span className=\"off-screen\">\n          )\n        </span>\n      </p>\n    </TestimonialWrapper>\n  );\n};\n\nexport default Testimonial;\n","import React from \"react\";\nimport SlickCarousel from \"react-slick\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  themeColors\n} from \"../../theme/theme-helper\";\nimport Icon from \"../icon\";\nimport { IThemeColour } from \"../../theme/theme-definition\";\nimport Testimonial, { ITestimonial } from \"./testimonial\";\n\ninterface IProps {\n  className?: string;\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  backgroundColor?: typeof themeColors[number] | (string & {});\n  content: ITestimonial[];\n}\n\ninterface ITestimonialCarouselStyled {\n  backgroundColor?: IProps[\"backgroundColor\"];\n}\n\nconst TestimonialCarouselWrapper = styled<ITestimonialCarouselStyled, \"div\">(\n  \"div\"\n)`\n  @import \"https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css\";\n\n  .content-container {\n    margin: 0;\n    list-style: none;\n    background-color: ${({ theme, backgroundColor }) =>\n    colourHelper({\n      theme,\n      variant: backgroundColor as any || \"lightestGrey\"\n    })};\n\n    .slick-multi-items {\n      padding-top: 0 !important;\n\n      button {\n        display: block;\n        text-indent: -99999rem;\n        border: 0;\n        outline: 0;\n      }\n\n      .slick-arrow {\n        transition: 0.2s ease-in-out;\n        display: none !important;\n        position: absolute;\n        z-index: 2;\n        top: 50%;\n        transform: translateY(-50%);\n        padding: 1rem;\n        cursor: pointer;\n\n        &.slick-prev {\n          left: 1%;\n        }\n\n        &.slick-next {\n          right: 1%;\n        }\n\n        .icon {\n          fill: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n        }\n\n        &.slick-disabled {\n          cursor: default;\n          opacity: 0.1;\n\n          .icon {\n            fill: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"black\"\n  })};\n          }\n        }\n      }\n\n      .slick-dots {\n        display: flex !important;\n        flex-direction: row;\n        justify-content: center;\n        align-items: center;\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        padding: 0;\n        list-style: none;\n        cursor: pointer;\n\n        li {\n          display: block;\n          margin: 0;\n          padding: 0 0.3rem;\n\n          button {\n            opacity: 0.2;\n            width: 0.9rem;\n            height: 0.9rem;\n            background-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"black\"\n    })};\n            border-radius: 100%;\n          }\n\n          &.slick-active {\n            button {\n              opacity: 0.6;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .content-container {\n      .slick-multi-items {\n        .slick-arrow {\n          display: block !important;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1148px) {\n    .content-container {\n      .slick-multi-items {\n        .slick-arrow {\n          &.slick-prev {\n            left: 3%;\n          }\n\n          &.slick-next {\n            right: 3%;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .content-container {\n      .slick-multi-items {\n        .slick-arrow {\n          &.slick-prev {\n            left: 6%;\n          }\n\n          &.slick-next {\n            right: 6%;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1680px) {\n    .content-container {\n      .slick-multi-items {\n        .slick-arrow {\n          &.slick-prev {\n            left: 10%;\n          }\n\n          &.slick-next {\n            right: 10%;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1920px) {\n    .content-container {\n      .slick-multi-items {\n        .slick-arrow {\n          &.slick-prev {\n            left: 16%;\n          }\n\n          &.slick-next {\n            right: 16%;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 2164px) {\n    .content-container {\n      .slick-multi-items {\n        .slick-arrow {\n          &.slick-prev {\n            left: 20%;\n          }\n\n          &.slick-next {\n            right: 20%;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 2520px) {\n    .content-container {\n      .slick-multi-items {\n        .slick-arrow {\n          &.slick-prev {\n            left: 24%;\n          }\n\n          &.slick-next {\n            right: 24%;\n          }\n        }\n      }\n    }\n  }\n`;\n\nconst TestimonialCarousel = ({\n  className,\n  backgroundColor,\n  content\n}: IProps) => {\n  return (\n    <TestimonialCarouselWrapper\n      className={`testimonial-carousel-container ${\n        className ? ` ${className}` : \"\"\n      }`}\n      backgroundColor={backgroundColor}\n    >\n      <div\n        className=\"content-container\"\n        style={backgroundColor ?\n          themeColors?.includes(backgroundColor as any) ?\n            {} :\n            { backgroundColor } :\n          {}}\n      >\n        <SlickCarousel\n          className={content.length > 1 ? \"content-container slick-multi-items\" : \"\"}\n          arrows\n          prevArrow={(\n            <span>\n              <Icon\n                className=\"icon\"\n                icon=\"arrowLeft\"\n                size={2}\n              />\n            </span>\n          )}\n          nextArrow={(\n            <span>\n              <Icon\n                className=\"icon\"\n                icon=\"arrowRight\"\n                size={2}\n              />\n            </span>\n          )}\n          dots\n          infinite={false}\n          speed={400}\n          slidesToShow={1}\n          slidesToScroll={1}\n        >\n          {content.map((testimonial, i) => {\n            return (\n              <Testimonial\n                key={i}\n                content={testimonial}\n              />\n            );\n          })}\n        </SlickCarousel>\n      </div>\n    </TestimonialCarouselWrapper>\n  );\n};\n\nexport default TestimonialCarousel;\n","import * as React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontFamilyHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport {\n  FullWidthWrapper,\n  MediumColumnWidthWrapper\n} from \"../confines-wrappers\";\nimport Icon from \"../icon\";\nimport { IIcons } from \"../icon/icon-list\";\nimport Link from \"../link\";\nimport { HeadingUppercase } from \"../heading\";\nimport { IThemeColour } from \"../../theme/theme-definition\";\n\ninterface ITextPanelProps {\n  className?: string;\n  text: React.ReactNode;\n  label?: string;\n  labelAs?: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\";\n  icon?: keyof IIcons;\n  linkText?: string;\n  linkUrl?: string;\n  backgroundColor?: keyof IThemeColour;\n}\n\ninterface ITextPanelStyled extends React.HTMLAttributes<HTMLDivElement> {\n  backgroundColor?: ITextPanelProps[\"backgroundColor\"];\n}\n\nconst TextPanelContainer = styled<ITextPanelStyled>(FullWidthWrapper)`\n  background-color: ${({ theme, backgroundColor }) =>\n    colourHelper({\n      theme,\n      variant: backgroundColor || \"lightestGrey\"\n    })};\n\n  .description {\n    transition: all 0.2s ease-in-out;\n  }\n\n  .description {\n    padding-top: 1.8rem;\n\n    p {\n      margin-bottom: 0;\n      padding-top: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n      font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n      line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n\n      &:first-child {\n        padding-top: 0;\n      }\n    }\n  }\n\n  .icon-wrapper {\n    transition: 0.2s ease-in-out;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding-top: 2.8rem;\n\n    .icon {\n      width: 6rem;\n      height: 6rem;\n    }\n\n    a {\n      display: inline-block;\n      margin-left: 14%;\n      padding-bottom: 0.2em;\n      font-family: ${({ theme }) =>\n    fontFamilyHelper({\n      theme,\n      variant: \"regular\"\n    })};\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n      font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n      line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n    }\n  }\n\n  @media (min-width: 480px) {\n    .icon-wrapper {\n      a {\n        margin-left: 5.6rem;\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .description {\n      p {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n      }\n    }\n\n    .icon-wrapper {\n      padding-top: 4.2rem;\n\n      .icon {\n        width: 8.8rem;\n        height: 8.8rem;\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .description {\n      padding-top: 2.4rem;\n\n      p {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n      }\n    }\n\n    .icon-wrapper {\n      padding-top: 4.2rem;\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .description {\n      max-width: 100rem;\n\n      p {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_2\"\n    })};\n      }\n    }\n\n    .icon-wrapper {\n      padding-top: 6.8rem;\n    }\n  }\n`;\n\nconst TextPanel: React.FC<ITextPanelProps> = ({\n  className,\n  label,\n  labelAs,\n  text,\n  icon,\n  linkText,\n  linkUrl,\n  backgroundColor\n}) => {\n  // If a linkUrl is provided, strip any CMS meta\n  if (linkUrl) {\n    linkUrl = linkUrl.replace(/internal:|external:/i, \"\");\n  }\n\n  return (\n    <TextPanelContainer\n      className={`content-container ${className ? className : \"\"}`}\n      backgroundColor={backgroundColor}\n    >\n      <MediumColumnWidthWrapper>\n        <HeadingUppercase\n          as={labelAs || \"p\"}\n          color=\"brandColor\"\n        >\n          {label}\n        </HeadingUppercase>\n\n        <div className=\"description\">\n          {text}\n        </div>\n\n        <div className=\"icon-wrapper\">\n          {icon && (\n            <Icon\n              className=\"icon\"\n              icon={icon}\n              size={8}\n            />\n          )}\n\n          {linkText && linkUrl && (\n            <Link\n              href={linkUrl}\n              type=\"styled\"\n            >\n              {linkText}\n            </Link>\n          )}\n        </div>\n      </MediumColumnWidthWrapper>\n    </TextPanelContainer>\n  );\n};\n\nexport default TextPanel;\n","export default __webpack_public_path__ + \"static/adelie-warehouse-38892a8d1eeee4d9788c128f7231d3e9.jpg\";","export default __webpack_public_path__ + \"static/customer-portal-fallback-image-b808e32d918f26c37d20d1928438c607.jpg\";","export default __webpack_public_path__ + \"static/adelie-ipad-035502055ea8ec4c0c97dca1b2608eb6.png\";","import React from \"react\";\nimport { Parallax } from \"react-scroll-parallax\";\n\nimport AdelieTablet from \"../../assets/images/customer-portals/adelie-ipad.png\";\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontSpaceHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport { FullWidthColumnWrapper } from \"../confines-wrappers\";\nimport Link from \"../link\";\nimport Panel from \"../panel-wrapper\";\n\nconst CaseStudyContainer = styled.div`\n  overflow: hidden;\n\n  .case-study-wrapper {\n    .case-study-content {\n      transition: 0.2s ease-in-out;\n      position: relative;\n      padding-top: 84%;\n\n      .case-study-copy-wrapper {\n        position: relative;\n        z-index: 2;\n\n        h2,\n        p {\n          text-align: center;\n        }\n\n        h2 {\n          color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n          letter-spacing: ${({ theme }) =>\n    fontSpaceHelper({\n      theme,\n      variant: \"medium\"\n    })};\n          text-transform: uppercase;\n        }\n\n        .copy {\n          padding-top: 2.6rem;\n          padding-left: 2.8rem;\n          color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n\n          li {\n            padding-top: 0.6em;\n\n            &:first-child {\n              padding-top: 0;\n            }\n          }\n        }\n\n        .link {\n          padding-top: 3.6rem;\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"regular\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n        }\n      }\n\n      .case-study-parallax-container {\n        position: absolute;\n        z-index: 1;\n        top: 0;\n        left: 0;\n        padding-top: 70%;\n        width: 100%;\n\n        .case-study-parallax-wrapper {\n          position: absolute;\n          top: 0;\n          left: 50%;\n          transform: translateX(-50%);\n          width: 86%;\n\n          .adelie-ipad {\n            > div {\n              border-radius: 5%;\n              box-shadow: 0 0 3.2em 0 rgba(0, 0, 0, 0.6);\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 480px) {\n    .case-study-wrapper {\n      .case-study-content {\n        padding-top: 80%;\n\n        .case-study-copy-wrapper {\n          .link {\n            padding-top: 4.2rem;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .case-study-wrapper {\n      .case-study-content {\n        padding-top: 78%;\n\n        .case-study-copy-wrapper {\n          h2 {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n          }\n\n          .copy {\n            padding-top: 3.2rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n          }\n\n          .link {\n            padding-top: 6.2rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n          }\n        }\n\n        .case-study-parallax-container {\n          .case-study-parallax-wrapper {\n            .adelie-ipad {\n              > div {\n                box-shadow: 0 0 6.4em 0 rgba(0, 0, 0, 0.6);\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .case-study-wrapper {\n      .case-study-content {\n        display: flex;\n        flex-direction: row-reverse;\n        align-items: center;\n        padding-top: 0;\n\n        .case-study-copy-wrapper,\n        .case-study-parallax-container {\n          width: 50%;\n        }\n\n        .case-study-copy-wrapper {\n          padding-left: 4%;\n\n          h2,\n          p {\n            text-align: left;\n          }\n\n          h2 {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n          }\n\n          .copy {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n          }\n\n          .link {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n          }\n        }\n\n        .case-study-parallax-container {\n          position: relative;\n          margin-top: 2%;\n          margin-bottom: 2%;\n          padding-top: 34%;\n          padding-right: 4%;\n\n          .case-study-parallax-wrapper {\n            .adelie-ipad {\n              > div {\n                box-shadow: 0 0 3.2em 0 rgba(0, 0, 0, 0.6);\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .case-study-wrapper {\n      .case-study-content {\n        .case-study-copy-wrapper {\n          .copy {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .case-study-wrapper {\n      .case-study-content {\n        .case-study-copy-wrapper {\n          .copy {\n            padding-top: 3.8rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n          }\n\n          .link {\n            padding-top: 6.8rem;\n          }\n        }\n\n        .case-study-parallax-container {\n          .case-study-parallax-wrapper {\n            .adelie-ipad {\n              > div {\n                box-shadow: 0 0 6.4rem 0 rgba(0, 0, 0, 0.6);\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1440px) {\n    .case-study-wrapper {\n      .case-study-content {\n        .case-study-copy-wrapper {\n          .copy {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_3\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1920px) {\n    .case-study-wrapper {\n      .case-study-content {\n        .case-study-copy-wrapper {\n          .copy {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n          }\n        }\n\n        .case-study-parallax-container {\n          .case-study-parallax-wrapper {\n            left: 0;\n            transform: none;\n            width: 92%;\n          }\n        }\n      }\n    }\n  }\n`;\n\nconst AdelieCaseStudy = () => (\n  <CaseStudyContainer className=\"case-study-container\">\n    <Panel gradient=\"adelieBlueGreen\">\n      <FullWidthColumnWrapper className=\"case-study-wrapper content-container\">\n        <div className=\"case-study-content\">\n          <div className=\"case-study-copy-wrapper\">\n            <h2>\n              Adelie Customer Portal\n            </h2>\n\n            <ul className=\"copy\">\n              <li>\n                Self-service and ordering portal - connects to existing ERP.\n              </li>\n\n              <li>\n                £14m of order value in 2018, 10,000s of stores, 100s of\n                household names.\n              </li>\n\n              <li>\n                High quality customer experience.\n              </li>\n\n              <li>\n                Live ordering, scheduled orders, cut-offs, EDI and bulk uploads.\n              </li>\n\n              <li>\n                Multiple delivery points, multiple users.\n              </li>\n\n              <li>\n                Reporting, customer services, Sale or Return.\n              </li>\n\n              <li>\n                Any device, any time, always quick and easy.\n              </li>\n            </ul>\n\n            <p className=\"link\">\n              <span className=\"off-screen\">\n                Click here to\n                {\" \"}\n              </span>\n\n              <Link\n                type=\"styled\"\n                color=\"white\"\n                href=\"/projects/adelie-foods\"\n              >\n                View Project\n              </Link>\n            </p>\n          </div>\n\n          <div className=\"case-study-parallax-container\">\n            <div className=\"case-study-parallax-wrapper\">\n              <Parallax\n                className=\"adelie-ipad\"\n                y={[ -10, 20 ]}\n                tagOuter=\"figure\"\n              >\n                <img\n                  className=\"full\"\n                  src={AdelieTablet}\n                  alt=\"Adelie demo tablet\"\n                />\n              </Parallax>\n            </div>\n          </div>\n        </div>\n      </FullWidthColumnWrapper>\n    </Panel>\n  </CaseStudyContainer>\n);\n\nexport { AdelieCaseStudy };\n","export default __webpack_public_path__ + \"static/lifetime-ipad-2485677e13ba2de830ec02de6ebaedd4.jpg\";","import React from \"react\";\n\nimport LifetimeTrainingImage from \"../../assets/images/customer-portals/lifetime-ipad.jpg\";\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontSpaceHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport { FullWidthColumnWrapper } from \"../confines-wrappers\";\nimport Link from \"../link/link\";\nimport Panel from \"../panel-wrapper\";\n\nconst CaseStudyContainer = styled.div`\n  overflow: hidden;\n\n  .case-study-wrapper {\n    .case-study-content {\n      transition: 0.2s ease-in-out;\n      position: relative;\n\n      .case-study-copy-wrapper {\n        position: relative;\n        z-index: 2;\n\n        h2,\n        p {\n          text-align: center;\n        }\n\n        h2 {\n          color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n          letter-spacing: ${({ theme }) =>\n    fontSpaceHelper({\n      theme,\n      variant: \"medium\"\n    })};\n          text-transform: uppercase;\n        }\n\n        .copy {\n          padding-top: 2.6rem;\n          padding-left: 2.8rem;\n          color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n\n          li {\n            padding-top: 0.6em;\n\n            &:first-child {\n              padding-top: 0;\n            }\n          }\n        }\n\n        .link {\n          padding-top: 3.6rem;\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"regular\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n        }\n      }\n    }\n  }\n\n  @media (min-width: 480px) {\n    .case-study-wrapper {\n      .case-study-content {\n        .case-study-copy-wrapper {\n          .link {\n            padding-top: 4.2rem;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .case-study-wrapper {\n      .case-study-content {\n        .case-study-copy-wrapper {\n          h2 {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n          }\n\n          .copy {\n            padding-top: 3.2rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n          }\n\n          .link {\n            padding-top: 6.2rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .case-study-wrapper {\n      .case-study-content {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        margin-top: 2%;\n        margin-bottom: 2%;\n        padding-top: 0;\n\n        .case-study-copy-wrapper {\n          width: 50%;\n        }\n\n        .case-study-copy-wrapper {\n          padding-right: 4%;\n\n          h2,\n          p {\n            text-align: left;\n          }\n\n          h2 {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n          }\n\n          .copy {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n          }\n\n          .link {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .case-study-wrapper {\n      .case-study-content {\n        .case-study-copy-wrapper {\n          .copy {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .case-study-wrapper {\n      .case-study-content {\n        .case-study-copy-wrapper {\n          .copy {\n            padding-top: 3.8rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n          }\n\n          .link {\n            padding-top: 6.8rem;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1440px) {\n    .case-study-wrapper {\n      .case-study-content {\n        .case-study-copy-wrapper {\n          .copy {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_3\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1920px) {\n    .case-study-wrapper {\n      .case-study-content {\n        .case-study-copy-wrapper {\n          .copy {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n          }\n        }\n      }\n    }\n  }\n`;\n\nconst LifetimeCaseStudy = () => (\n  <CaseStudyContainer className=\"case-study-container\">\n    <Panel\n      gradient=\"lifetimeBlue\"\n      backgroundImage={LifetimeTrainingImage}\n      parallax\n    >\n      <FullWidthColumnWrapper className=\"case-study-wrapper content-container\">\n        <div className=\"case-study-content\">\n          <div className=\"case-study-copy-wrapper\">\n            <h2>\n              Lifetime Training - Pulse Customer Portal\n            </h2>\n\n            <ul className=\"copy\">\n              <li>\n                Training progress portal for 1000s of trainees.\n              </li>\n\n              <li>\n                Used by dozens of major brands to monitor learning.\n              </li>\n\n              <li>\n                Responsive web app, designed for mobile and desktop.\n              </li>\n\n              <li>\n                Unique access for trainees, educators, managers and directors.\n              </li>\n\n              <li>\n                Explore data and drill down through multiple levels.\n              </li>\n\n              <li>\n                Simple and customised charts and graphs.\n              </li>\n            </ul>\n\n            <p className=\"link\">\n              <span className=\"off-screen\">\n                Click here to\n                {\" \"}\n              </span>\n\n              <Link\n                type=\"styled\"\n                color=\"white\"\n                href=\"/projects/lifetime-training-web-app\"\n              >\n                View Project\n              </Link>\n            </p>\n          </div>\n        </div>\n      </FullWidthColumnWrapper>\n    </Panel>\n  </CaseStudyContainer>\n);\n\nexport { LifetimeCaseStudy };\n","import * as React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport { FullWidthColumnWrapper } from \"../confines-wrappers\";\nimport { HeadingUnderlined } from \"../heading\";\nimport Panel from \"../panel-wrapper\";\n\nconst CaseStudyContainer = styled.div`\n  overflow: hidden;\n\n  .case-study-wrapper {\n    .case-study-content {\n      transition: 0.2s ease-in-out;\n      position: relative;\n\n      .case-study-copy-wrapper {\n        position: relative;\n        z-index: 2;\n\n        h2,\n        p {\n          text-align: center;\n        }\n\n        h2 {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n        }\n\n        .copy {\n          padding-left: 2.8rem;\n          color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n\n          li {\n            padding-top: 0.6em;\n\n            &:first-child {\n              padding-top: 0;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .case-study-wrapper {\n      .case-study-content {\n        .case-study-copy-wrapper {\n          h2 {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n          }\n\n          .copy {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n          }\n\n          .link {\n            padding-top: 6.2rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .case-study-wrapper {\n      .case-study-content {\n        padding-top: 0;\n\n        .case-study-copy-wrapper {\n          h2 {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_1\"\n    })};\n          }\n\n          .copy {\n            display: flex;\n            flex-direction: column;\n            flex-wrap: wrap;\n            height: 46rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n\n            li {\n              width: 44%;\n\n              &:first-child {\n                padding-top: 0.6em;\n              }\n\n              &:nth-child(1n + 6) {\n                margin-left: 10%;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .case-study-wrapper {\n      .case-study-content {\n        .case-study-copy-wrapper {\n          h2 {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_2\"\n    })};\n          }\n\n          .copy {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n\n            li {\n              width: 42%;\n\n              &:nth-child(1n + 5) {\n                margin-left: 14%;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .case-study-wrapper {\n      .case-study-content {\n        .case-study-copy-wrapper {\n          h2 {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_3\"\n    })};\n          }\n\n          .copy {\n            height: 50rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_3\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1440px) {\n    .case-study-wrapper {\n      .case-study-content {\n        .case-study-copy-wrapper {\n          .copy {\n            height: 60rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1920px) {\n    .case-study-wrapper {\n      .case-study-content {\n        .case-study-copy-wrapper {\n          .copy {\n            height: 70rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_1\"\n    })};\n          }\n        }\n      }\n    }\n  }\n`;\n\nconst ServicesAndFeatures = () => (\n  <CaseStudyContainer className=\"case-study-container\">\n    <Panel gradient=\"purpleOrange\">\n      <FullWidthColumnWrapper className=\"case-study-wrapper content-container\">\n        <div className=\"case-study-content\">\n          <div className=\"case-study-copy-wrapper\">\n            <HeadingUnderlined\n              headingTag=\"h2\"\n              title=\"Services &amp; features\"\n              textColor=\"white\"\n              hrColor=\"white\"\n            />\n\n            <ul className=\"copy content-container\">\n              <li>\n                eCommerce, ordering and online payment.\n              </li>\n\n              <li>\n                ERP integration.\n              </li>\n\n              <li>\n                Self-service & Customer service features.\n              </li>\n\n              <li>\n                Reporting.\n              </li>\n\n              <li>\n                Native apps and web-apps.\n              </li>\n\n              <li>\n                Modern, responsive web design.\n              </li>\n\n              <li>\n                Customisation options.\n              </li>\n\n              <li>\n                Software for B2B & B2C.\n              </li>\n\n              <li>\n                Marketing and on-boarding support.\n              </li>\n            </ul>\n          </div>\n        </div>\n      </FullWidthColumnWrapper>\n    </Panel>\n  </CaseStudyContainer>\n);\n\nexport default ServicesAndFeatures;\n","export default __webpack_public_path__ + \"static/adelie-logo-99647d42e047092e7d0f47d61576ffda.png\";","import React from \"react\";\n\nimport AdeliLogo from \"../../assets/images/customer-portals/adelie-logo.png\";\nimport SableAndOxLogo from \"../../assets/images/customer-portals/sableandox-logo.png\";\nimport WPDLogo from \"../../assets/images/customer-portals/western-power-distribution-logo.png\";\nimport TestimonialCarousel from \"../testimonial-carousel\";\n\nconst testimonials = [\n  {\n    company_logo: AdeliLogo,\n    company: \"Adelie\",\n    name: \"Matthew Arnott\",\n    role: \"Head of Business Systems & Service Delivery\",\n    testimonial:\n      \"Gravitywell managed to understand our existing complex business needs and to anticipate future ones. They delivered the right technology for the project but also brought a design and UX consideration that is rarely seen at enterprise-level. We're very happy with their impressive effort, pro-active attitude and general responsiveness so we expect to continue the positive relationship in the future.\"\n  },\n  {\n    company_logo: WPDLogo,\n    company: \"Western Power Distribution\",\n    name: \"Emma Vincent\",\n    role: \"Marketing Manager\",\n    testimonial:\n      \"In launching a new App, we were keen to get involved with a local company that understood what we wanted and could work alongside our existing internal systems. The project was a lot more technical than we had originally anticipated but thanks to Gravitywell we have been able to provide an extremely useful customer service tool which has been well received.\"\n  },\n  {\n    company_logo: SableAndOxLogo,\n    company: \"Sable & Ox\",\n    name: \"Billy Williams\",\n    role: \"CEO\",\n    testimonial:\n      \"Working with the Gravitywell team has been a very rewarding and enjoyable experience. Their attention to detail and professional expertise was only surpassed by their unfailing “can do” attitude\"\n  }\n];\n\nconst Testimonial = () => (\n  <>\n    <h2 className=\"off-screen\">\n      Testimonials\n    </h2>\n\n    <TestimonialCarousel content={testimonials} />\n  </>\n);\n\nexport { Testimonial };\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQgAAAAqCAYAAABP5cV2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDlCRDQxN0FGNDlBMTFFODk1RDVBMTI3MjA1NDg0NUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDlCRDQxNzlGNDlBMTFFODk1RDVBMTI3MjA1NDg0NUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQThEMTE3REVDMEExMUU4OUJDNUEwRDcwMkVCNUFBOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQThEMTE3RUVDMEExMUU4OUJDNUEwRDcwMkVCNUFBOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PptYHjIAABONSURBVHja7F0LuFZTGv7O0UVFJYruoVII5ZAkt1AR5TYit6QkM6HBJEbkEkUGGVMzyExUyFQml1wKEUnkklBERSF00ynqzHr9737OOuustf+997/3+X+n8z3P95zz73//a+299lrv937f+tbaeUVFRVIhFVIhFWKTSt4/BQUHb0/3faDSbkp7Kt2otLvSTWVQb0OlHVnvcUr/pvS2im4Ym7RR+if+xXOdo3S00nUxjJNfE7zuHZRuzaWGnD//nZIAUY5lR6VHKW2qtIPSg9mBdNlN6fIE6m6r9ACl+yo9RGl7pdW17w/fDtof938k272Z0qpKtyldo/Rdpa8rfSGGejornak03zh2Iev/KkKZlZWOoq5MGNh6K706ZxlEOZUaSpcRAFyyISH0Plfpf9Kc82M5bnuA8g1Kj/U55xT+hbm6TunzGVjg8QY4eALD8BAZW1i5TOnlZHpJyi5Kr1L6itL/5dJDzC/nAFFEZvBLFur+TulSpd9vh1R/sNLZGji8yWOw5J2U9lX6qnY+2MVzSk+LWF9LpY3SsItGEcr1rufWhN2Lv/L/3r9XBgGEa0fKvKfSmkqrKd2s9Celn9MKQNfn0P39zOuupbSu0pFKTy2jumENm7OdQCEnse3Ku/RTepf2eYTSocY5c2jVxyrtrx2fwjjN1yHrXKv9j9jDXBo/nb0UKF0Rsty6/HuO0lbs31V8DGsRB3wVjg24UnmOc7cxrtGJAAfZ/fcGEPCRL5FUQK9ugPLwYKcrvV/phzl0n2upvUjrq5dh3Qh+zuNAGVfOwaG+cY8vWsBBF/QtBGzracfALm4OWe/XdDEALhdpQHCC0mmSikPtHOF+lhEYhIamXcLt98nvBSAqEd0vMo57keHFkooM7ySpANyxDOg0UDqACp8y1yL0W0j9m2ah7q+l/MtA4/NVAX6zyACIfSPW3cdybCatfseI8Z47lXYNeC7c2PeUfkvmWof9rHmI+u77PQDEjgQBc94TftKDSr9xBIKGKz1fO3YrAWSoVIiQdpZ36az9/6XShQF+08wy0OIUb4C+F+G3L9HQDafrYBO415hKfZb/6wJX5FAa2n4+9axiPYty7YHafKkpBjhsI0O4xQEOXme4QOnDxvFr6WPliuT5+IRlUXd5FtxfY4Oep5MbLQDxSkzXA0Y7kX79vAjxB09uY4zANk36EBnP/RZw8MbOm4yzHOxwuxGr6M6yJNcBoovSE41jNymdFbC8waTxulxRQR62G9GtbLo4D2INw4xjmHF6NENGjME8iIOxF49nml8wUEoHEO/gPWwOWMYCsom5FiC7R1ITATknlSwDXBdEWR8IUR5mND5Tup92bP+KcbNdSBH97/r8jOAeZnBcGaoYwEiUasvPGDjnKS1MUw/c1r0kFTTH1OWeZC67s681tcQRXs3gvsZZ3IMnlQ6JUBba4miyjYaake7Ia2yTywCBhu9gcR2+C1lmLeNz1Yqxs90I6PSB/H9nstEpjnPfkuKp820+8QqccwTLPUjpHpIKhgcd3Jmwhz4WcMA0/vkZlLmFzOY14zjA7Z9pYhVZdTGaSempoLCJVAOkdELKsopxs93IGOPz7QF+864FHOCeYAbkfUnNQoCCX0SwCAIOYLKXSmoaNarUd8QFhknm63YwCTDVcvxiSWWg5iRA1LZ831iC5T/sLalIrs0dGVUxbrYbgdugpyVjBuE5CZd30pXljIpAuVfxd62V/iPDe7nfcmyd43gUud5x/IFceqC6i7HN8T2CjNelKQf+5pWORpgR4brgphSwg7UgeAG1MYvyhaSCWfOkdEA0qpgzDHXoF6Kj1WM98BsxDfVGDj2/RmynfXjNuI8flC7hIFuchWtCP8AamL40QAh8f6D0vxpFH8vBbEo/SZ9MtoHlVtL6A1gIAukvSjyrcgFMtozbx2Pscx9JKnBpJl+1pmv2jOU3zRgK2ErXP0wafwMyq58t31Vm/9nI9rUChCuRZyj9xek+lQMEkLd+JgcUMsImkkqFEXT2QexU9dKci2mnpyUVTV6eIUh66eFYeYhAbU9LLMWTj5U+Qsb0S5aA4Wilf1R6kqTyVlwyixbpiTK+vmsktXr1IH5GUPHP2vcIfpvrG9pLsExTrAI9i+CHGYTCBK7fFYCcHnM9T4o9O/NyC0DMl5LpBzAEKwmKGGtv+9TjpbSvJUgU0pgUEWwBOrvxubQSbUo3z9swpqDg4Dxanr18LEOSq9rQ4e8zgkGYg0Y23GoiHC7+bAPd1zFoNC0gU0BMpIkBjIgoDwxJHz/nNT8b8HwAqBmwmyCpyH1QAdLfy1iPDpQAaCQCYZrxUAbBdOB4juC9IWFg6M/nU0DgtYEXrF93XpMun5It6tc8l/0AAbzjpTjPYiaNSBJSm+zGDK5vYT+Jc/FdR4cRLaLF11nWQhowl9wj7pQC5CddGOB6NrOtl3j7QegAgT/IebjBpwCs2x8egRmkk+5kA54sZ+Mt9wGr0ZbGfiMCQKwgTe3Eh/8gqR/QGdmP+7FznuIos68ES3LJFCDq0lronWQEn5k5F4+pv8m04p4s5sDdmMCgOozgalpDtCGWvL8sqRmxfFJcM+noOCneE+IdAs0C4xxMmSKb91p+fkmiLeFOJ2AnkyzHF2qMKC6pxbaoafnufCm5XUAl9sWTycZqOxjJmZbj+XRP0P+PNZjaPI6lhRxvv/UPDyDMWYqRaRASA+U1Uta2MTbUKAsA+LkNd0vpTUYel2jL1xsRHIbTQgxhWa+ToiMy34P3vtry+wcJcElKVYLyAUZ8Z6jYE3UAeEdIyczXVgm5GmfQ0rezBNtacUC/QIawWOwZiSfwL8C7gwUchLEF3O9l/NzZEfeKw32zyacJ1AXKv9QHdMVwyzCIb/GsvONZ2KZ1t5HxLpWSkw4z6NpN5rPZaEMWXTZK6UxKV6fAQ8RUTdcMGwkJLi2NY68H+J3przaMOFBBobC5y7A0AagX6QPa8kKecCB6nL5qS6N90u1RsIXsQpdu2mCMQ9o7QOcmumxBXRqP0T0aIK7zdymeIhxJ1zNOcS0W+zKhZ+tKAd/H5zcryZ5s2+CN9AkTHKX1m4VBxovN4r5NaxkkGtyDPvg8KU5rDSt5Dj8wndgi9MdGqB+g+FjAc1fynk2Br31nQh3oVMuDvCbgb6dYQG9ITNeVJ/YkKOyDcWPIsmrwry0wbVumfYVGu+NMLMoT98YyqxN6vi7G3jDN7wBYfRzfjbcc21UD1g1BDXu+j7UEZQyaogpfdyJjACeGbCAEYj4zjo0I8LtNDnchCoPYI8T5c+mC2GIRDRLoQHcbn5dJ8KnW7y1U9KiQ9+uSgY5OfGmEsrwt/3prHTefA2Cxxfh8KcWZiD1ibOudfRjJuoQA4mfH8Z0C/HaCA6Q7SendqaZrhvcksU8zBwYIz0KjMw2S4Bt+dqBfMz7gDeqUVJeekn7Rjm35bZQl1VFWeLqSv86JufOAOZhrC2ZHHHz6Mz80hmsbZDn2GuMfYWUZ/1YnI53L/vcQQdfGErwFhK1D9jU/2VFjM6ZsTgggMn3vxLkOtxdp27toboe3QfKVIQx/oKDeffR/rwnx8LH0+z0JvlBrIgNQHqp9FWEgeMGYspD5Dt8x7qm3c3wGRhBBILmV5fjeGV5XK0vcCPJSxPLMKWoE6FqkAf4vNHe0YYxtXtbL8qtmCEjIaTjdcrwa4zWYPfMCl5idCZWqEHRPys20mphrxfQLcsbbp/kNOuFb7KRBIsAjCEaY614q6TPWVkl2BVbOnFJqI/G+Q+EIy7HDAsaHMCWHiH9ly3eZ5kO4GMjSiOXNYnt2CAggJjOqHFN7Y7AhJmVLkktqm8KajuM/hCgDzA1TleZq7F6ae4bMzbPDXlzYbe8xaP9F7UKa6RdzqE6r0jJgp0bH/djn+yqkkztL9pfGfmY5Vo8A90UM5TeRkhuw6D7+pRmUiyXZUzO8NlesJZMcC7iVr1gYD+Jh9/r46EUSX/rzetJ1G0DUSagfueJBYd/jgdyI4x3jAjGbgigXl8l7MZ6nInHjVp8Bi8DhHQ6f1U+QFNKOf1E2pkObizsFuqzlWwc9rRMTQLho8yKWXy2Ef5vPzo+prQck/BJ+m68uDlqbSXu2Izs9nCwMGZOud4s0NgZ1XPGAZWLfR7JRQv3IVW6UdTQ9fVjc1rIGCE+ept5loTie4HVoSERKl6bajkGXkxw+roeGyMH4ie7ODlkCiMIE29TPN0VA9/Esg+PmkNYwqGyimxlk81ZvK0Mkg8X5AiL0LVuGZvME2rGxlMzq1SXKJjef0+01c1Oa0oULzSLyHcdO5WBHyuuuISjOYJ/v/QJ4dei2IL/zSgMckKaLACleuoIFJc0YeBkg2X3xT5UEaLYurumvepJ9WeM4fkAZ1V9fiqPyH8Rctus1gG0k/jfR7e+In6yT6LtguWZFkOR3f6YA0ZnU5ikygrGkfh0Cloc5+4dDdp7mpL59jePe5rm4plEMxKwxfPRsbgS7iyOGElfG3Tc+sYlsiyvo3LWM6r9K67svxlz2LIf7CBc37rUYrs1hJkq0VaqYOHjS53vkrvSKChD7srFbGOfAFwwTwb3aQUFtbw2qToZg+mGYLfHSucMiZVmJzXf8ROJ7sximUW1L8PfJAYBY4POMT0u4btQxyDAkcQp89fGO77rFXFdPx/HREcoCu/ZWFv/I8bPGAT7NowCE7W1GqAgrA8PMb6+hqxDEN79OSkfqkfkXZCfsGlkeJDZGNDPG8gGA8yzHO0r2t9Bf50PF70i47ie1voR9OZJ496lrgF4QYx0FDrCfKNEWhs3UWK23cth1vc9EAYgCx8VGeSOUjaLZIs1/sBybFrCOA2MejGEEyTm2jT4eibmj2jYoQUzomBxgEff6uIwjEqoTPvQRhoFJQrDuwra2Brk9J8VUx18tx5Dod3mEsv4txaursUfJbP4/w/GcWviwJCdA5DtobhSxTdHNsfjw9S3n/RSwjn4xgkNYfw/U0AwuTRX/dytGcYkwW2ELekZdcIVZho9isvJgEK41Ibi+S2IetOOk5Kv9/iKpxXNJyRCHcbwnhrKxdsm2v8h5En7KdqgU7ynygJQORAJw3nawob5hAGK1o0OFlQaWYM5aB62xUeWWAeoAhbK9sStKBiNclbAzAzYX6PIQba1bDD8BONxiOY6EmO4RAQexprNjGkTn+nyHTWNviKEO72UzukFArGxkwgwJsYgeDhaR6TtnJ1qOYe3EYyHLAQP3lm/PltLvRvUEYGRbRo+Zw1ZBO+1cy/dR9g4YabGumLrcZIlvLHfcjN+iK0xvTXZ8F2XRDtpgWIjz+1ncGzyYdJlvRY5OmE6wdfznDl88zKY9YzVQjWtRGRK2zvL5/iZarzMjlN2WNBjp+vrmKYhvdZOykfli3/ELm+D0iVjmVCm9FgbPsn8EFjJZY/p+M0irfJ7BM+IzfZtvIL4pQJcwLwnBQOltuXnX1KcNMWuJPRGoGmnf67yhmRYKeIhEm6uGRR0QMLBkttMYCbZVuS1mEXQx24kWC1CVgyedqwVGN0nrgJdJvFsG4lldmqbNcM7HtHZwzxqTueVpz3YPGiS4DsgBWCClg2wvMAbxq5SdTHD0Daw0HRyinFocjCYrGR8BQAEwz/P/LWyTdIu7ppExmLKnVlZpim/sSXmDlF567flGE3wqr8/fDrCAg9/No5Mvc7gyH/Cmfqbb0UWLWTzLQTPJYsGmkPoWOlwa1NeEnWy9lMxnQO7HzXSJbD7bOIPd3C7FeyTaBFOhSAJrT9/Vloo8hp1kHa/tFx+Lgfu2Ja59xIc8n9bC24PwcLZPDc0NujehgdSNHTDInhjbpHiHZXTAmhxAfouuAC7XS/bkRD4n8z0xs9gPZvoAA3IPEJRsaDBKAEzQ1ZVN+OyRkzRCihd5bSLrhrHc4GCyGGd78fm7YkNYfY1sZ8ygLJ0//51CG0AI/Stbp4cLMoN0dw0HCjoDMhxPlpKr0rbyYQZ5s9J+tGi1A3as4RqItaalMdcGrKDFAmi9aQDEVxy4z5Ed4Rov0s5Bp32C5f5Ka9fDcCuQDHWV+Cel9E4DqjZBgtrpPt83JqCcErLcZWQOzyQ8iGoSYAfFWOYLdAHnSvYF4HCng1Uvoju1hFYdwNCGMZTdLfd0DQdlEOlPFzGI2Iz5m5J+9bUuHyqAaOMCCKHPh9RppFyHWeuwmlZ9jNg31fRDx5E+/uyn9N3GWvzx1rTstqXR3aX0i3u8WAAG/XSNBvellfDLVHyfjT9G0q9OPZlsBtTvW/7dasQidqDVrM3Ohw1wLw7QXkfREnQR/1WGi+jGjZZ4XigTVFoQIE+RaJsbrySYwWLn0ouKdDYHtnyGuJdrm1LIPjxOwu3pIWQgE8gQvuWzzNP6c3WCUHUGLp8yfv8s+8o3LGOLJSZWmfcClj5HAcSRfgCh+yeYc8eXzckYdiFVhjX/gYEqDGBkRM6W4NOULjZxJAdpIS3fIlLndNOEx5B+1SKDeJnU2xTMQGDWYqiDih1E0GlEau5dx8IQiO9JHbbTep+AZD4ZUE0Jv8cFsuf25fXW5XPZQpb0ofi/TKWsZH9ar4Po9nhuVxW2TSE7/RLqq7zuDZL7gkF5NI0TQLEpn+MOvK8V7INgP0g2zOQFT7uS0a71YW+Vxb1OpgF/u0ncs2fVaKxWKYD4bbz9X4ABAOoqPlmfFQPsAAAAAElFTkSuQmCC\"","import React from \"react\";\nimport styled from \"styled-components\";\n\nimport AdelieWarehouse from \"../assets/images/customer-portals/adelie-warehouse.jpg\";\nimport VideoBackgroundImage from \"../assets/images/customer-portals/customer-portal-fallback-image.jpg\";\nimport { FullWidthColumnWrapper } from \"../components/confines-wrappers\";\nimport CtaButton from \"../components/cta/cta-button\";\nimport {\n  AdelieCaseStudy,\n  LifetimeCaseStudy,\n  ServicesAndFeatures,\n  Testimonial\n} from \"../components/customer-portals\";\nimport Footer from \"../components/footer\";\nimport GetInTouch from \"../components/get-in-touch\";\nimport Header from \"../components/header\";\nimport HelmetWrapper from \"../components/helmet-wrapper\";\nimport HeroVideo from \"../components/hero-video\";\nimport { breadCrumbSchema } from \"../components/html-schema-snippets\";\nimport Layout from \"../components/layout\";\nimport PageTop from \"../components/page-top\";\nimport TextPanel from \"../components/text-panel\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../theme/theme-helper\";\n\nconst PageTopCustom = styled.div`\n  .top-content-container {\n    .top-content-wrapper {\n      position: absolute;\n      left: 0;\n      top: 0;\n\n      .top-content {\n        z-index: 3;\n        text-align: center;\n\n        .heading {\n          transition: 0.2s ease-in-out;\n          display: block;\n          margin: 0 auto;\n          width: 28rem;\n          color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n        }\n\n        .cta-button {\n          padding-top: 6%;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 375px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 32rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n          }\n\n          .cta-button {\n            padding-top: 6%;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 480px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 40rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 568px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 48rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_1\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 54rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_2\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 70rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_4\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 80rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_5\"\n    })};\n          }\n\n          .cta-button {\n            padding-top: 5.2rem;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .appster-award,\n        .media-innovation-award {\n          width: 16%;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 88rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_6\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1440px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 98rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_7\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1920px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 118rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_9\"\n    })};\n          }\n        }\n      }\n    }\n  }\n`;\n\nconst CustomerPortalPage = () => {\n  const canonicalPath = \"/customer-portals\";\n\n  const breadcrumbsSchemaData = breadCrumbSchema([\n    {\n      name: \"Customer Portals\",\n      path: canonicalPath\n    }\n  ]);\n\n  const schemaJson = [ breadcrumbsSchemaData ];\n\n  return (\n    <Layout>\n      <>\n        <HelmetWrapper\n          title=\"Customer Portals - Self Service\"\n          description=\"Build better relationships with your customers\"\n          canonicalPath={canonicalPath}\n        >\n          <script type=\"application/ld+json\">\n            {JSON.stringify(schemaJson)}\n          </script>\n        </HelmetWrapper>\n\n        <header role=\"banner\">\n          <Header\n            initialLogo\n            initialTheme=\"dark\"\n          />\n\n          <PageTopCustom id=\"hero\">\n            <PageTop\n              style={{\n                paddingTop: 0,\n                paddingBottom: 0\n              }}\n              height=\"large\"\n            >\n              <HeroVideo\n                src=\"https://cdn.gravitywell.co.uk/videos/customer-portals/Landing-Page-Customer-Portal_03.m3u8\"\n                fallbackImage={VideoBackgroundImage}\n              />\n\n              <FullWidthColumnWrapper className=\"top-content\">\n                <p className=\"heading\">\n                  Build better relationships with your customers\n                </p>\n\n                <CtaButton\n                  type=\"primary\"\n                  href=\"/contact-us\"\n                  text=\"Free quote\"\n                />\n              </FullWidthColumnWrapper>\n            </PageTop>\n          </PageTopCustom>\n        </header>\n\n        <main\n          id=\"main-content\"\n          role=\"main\"\n        >\n          <h1 className=\"off-screen\">\n            Customer Portals\n          </h1>\n\n          <AdelieCaseStudy />\n\n          <img\n            src={AdelieWarehouse}\n            alt=\"Adelie warehouse\"\n          />\n\n          <aside>\n            <TextPanel\n              label=\"Working With Us\"\n              text={(\n                <p>\n                  We are an award winning agency with over 15 years experience\n                  creating custom business applications.\n                </p>\n              )}\n              icon=\"orbit\"\n            />\n          </aside>\n\n          <LifetimeCaseStudy />\n\n          <aside>\n            <TextPanel\n              label=\"Working With Us\"\n              text={(\n                <p>\n                  We produce elegant software interfaces for 'real people', not\n                  just the technical team.\n                </p>\n              )}\n              icon=\"rocketLaunch\"\n            />\n          </aside>\n\n          <ServicesAndFeatures />\n\n          <Testimonial />\n        </main>\n\n        <footer role=\"contentinfo\">\n          <GetInTouch />\n\n          <Footer />\n        </footer>\n      </>\n    </Layout>\n  );\n};\n\nexport default CustomerPortalPage;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTU5RjRDN0RFOTg0MTFFOEIwMkVFNTcwMDMyMUE3NEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTU5RjRDN0VFOTg0MTFFOEIwMkVFNTcwMDMyMUE3NEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NTlGNEM3QkU5ODQxMUU4QjAyRUU1NzAwMzIxQTc0RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NTlGNEM3Q0U5ODQxMUU4QjAyRUU1NzAwMzIxQTc0RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiFmeqQAAAAWSURBVHjaYmBAgP9MDGjgPxQzAAQYACkyAwBWm6YbAAAAAElFTkSuQmCC\""],"names":["CtaButton","className","type","href","text","target","onClick","children","CtaButtonContainer","join","LinkContent","styled","linkCSS","theme","colourHelper","variant","fontSizeHelper","fontWeightHelper","fontLineHeightHelper","fontSpaceHelper","props","generator","gradient","angle","htmlTag","React","title","slogan","links","useEffect","window","Tally","loadEmbeds","GetInTouchContainer","id","headingTag","map","link","i","key","icon","size","Helmet","src","loading","width","height","frameBorder","FullWidthWrapper","parsedLinks","headingStyling","css","color","H1Styled","H2Styled","H3Styled","H4Styled","H5Styled","H6Styled","PStyled","as","rest","HeadingWrapper","DynamicHtmlTag","textColor","hrColor","fallbackImage","contrastGradient","playerProps","isSpecialVideo","HeroVideoWrapper","pip","playing","loop","url","controls","playsinline","muted","volume","checkeredOverlayImg","breadcrumbs","breadCrumbObj","breadcrumb","itemListElement","push","parseInt","name","forceTrailingSlash","path","GWLogoImg","postalAddressSchema","articleData","images","imageUrls","imgPath","description","datePublished","dateModified","author","organizationSchema","dayOfWeek","opens","closes","PageTopContainer","aspectRatios","backgroundImage","borderTop","backgroundColor","maxHeight","ColorOverlayWrapper","overlayColor","ColorOverlay","style","PanelContainer","ParallaxPanelContainer","ParallaxBanner","PanelContent","parallax","layers","image","amount","TestimonialWrapper","SmallColumnWidthWrapper","content","tagName","company_logo","alt","company","testimonial","role","TestimonialCarouselWrapper","themeColors","length","arrows","prevArrow","nextArrow","dots","infinite","speed","slidesToShow","slidesToScroll","TextPanelContainer","fontFamilyHelper","label","labelAs","linkText","linkUrl","replace","CaseStudyContainer","AdelieCaseStudy","y","tagOuter","AdelieTablet","LifetimeCaseStudy","LifetimeTrainingImage","testimonials","AdeliLogo","Testimonial","PageTopCustom","canonicalPath","schemaJson","breadCrumbSchema","JSON","stringify","initialLogo","initialTheme","paddingTop","paddingBottom","VideoBackgroundImage","AdelieWarehouse"],"sourceRoot":""}