{"version":3,"file":"component---src-pages-clients-tsx-da19c30c4ba71f1e7a37.js","mappings":"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","sources":["webpack://reform-gatsby-starter/./src/images/neobanking/StatPathMag.svg","webpack://reform-gatsby-starter/./src/components/Cards/DocCard.tsx","webpack://reform-gatsby-starter/./src/components/UI-Related/AnimatedPaths.tsx","webpack://reform-gatsby-starter/./src/components/sectionTemplates/Hero.tsx","webpack://reform-gatsby-starter/./src/sections/clients/1-ClientHero.tsx","webpack://reform-gatsby-starter/./src/sections/clients/2-Stories.tsx","webpack://reform-gatsby-starter/./src/sections/clients/3-ClientPricing.tsx","webpack://reform-gatsby-starter/./src/pages/clients.tsx"],"sourcesContent":["var _g;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nimport { forwardRef, memo } from \"react\";\nvar SvgStatPathMag = function SvgStatPathMag(props, ref) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 1660 200\",\n    ref: ref\n  }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n    clipPath: \"url(#StatPathMag_svg__clip0_5505_108573)\"\n  }, /*#__PURE__*/React.createElement(\"path\", {\n    stroke: \"#D80C9A\",\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M0.5 168L156 168.001C172.292 168.001 185.5 154.793 185.5 138.501L185.5 122C185.5 113.44 192.44 106.5 201 106.5L700 106.5L700 107.5L201 107.5C192.992 107.5 186.5 113.992 186.5 122L186.5 138.501C186.5 155.345 172.845 169.001 156 169.001L0.5 169L0.5 168Z\",\n    fill: \"#AAB1F2\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    stroke: \"#05A1C9\",\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M1 152.5L156 152.501C164.008 152.501 170.5 146.009 170.5 138.001L170.5 122C170.5 105.156 184.155 91.5002 201 91.5002L700 91.5002L700 92.5002L201 92.5002C184.708 92.5002 171.5 105.708 171.5 122L171.5 138.001C171.5 146.561 164.56 153.501 156 153.501L1 153.5L1 152.5Z\",\n    fill: \"#AAB1F2\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    stroke: \"#D80C9A\",\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M960 168L1115.5 168.001C1131.79 168.001 1145 154.793 1145 138.501L1145 122C1145 113.44 1151.94 106.5 1160.5 106.5L1512 106.5C1528.29 106.5 1541.5 93.2928 1541.5 77.0004L1541.5 62.0004C1541.5 53.4399 1548.44 46.5004 1557 46.5004L1659.5 46.5004L1659.5 47.5004L1557 47.5004C1548.99 47.5004 1542.5 53.9922 1542.5 62.0004L1542.5 77.0004C1542.5 93.845 1528.84 107.5 1512 107.5L1160.5 107.5C1152.49 107.5 1146 113.992 1146 122L1146 138.501C1146 155.345 1132.34 169.001 1115.5 169.001L960 169L960 168Z\",\n    fill: \"#AAB1F2\"\n  }), /*#__PURE__*/React.createElement(\"path\", {\n    stroke: \"#05A1C9\",\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M960.5 152.5L1115.5 152.501C1123.51 152.501 1130 146.009 1130 138.001L1130 122C1130 105.156 1143.66 91.5002 1160.5 91.5002L1512 91.5002C1520.01 91.5002 1526.5 85.0083 1526.5 77.0002L1526.5 47.0002C1526.5 38.4398 1533.44 31.5002 1542 31.5002L1659.5 31.5002L1659.5 32.5002L1542 32.5002C1533.99 32.5002 1527.5 38.992 1527.5 47.0002L1527.5 77.0002C1527.5 85.5606 1520.56 92.5002 1512 92.5002L1160.5 92.5002C1144.21 92.5002 1131 105.708 1131 122L1131 138.001C1131 146.561 1124.06 153.501 1115.5 153.501L960.5 153.5L960.5 152.5Z\",\n    fill: \"#AAB1F2\"\n  }))));\n};\nvar ForwardRef = /*#__PURE__*/forwardRef(SvgStatPathMag);\nvar Memo = /*#__PURE__*/memo(ForwardRef);\nexport { Memo as ReactComponent };\nexport default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTY2MCIgaGVpZ2h0PSIyMDAiIHZpZXdCb3g9IjAgMCAxNjYwIDIwMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzU1MDVfMTA4NTczKSI+Cgo8cGF0aCBzdHJva2U9JyNEODBDOUEnIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMC41IDE2OEwxNTYgMTY4LjAwMUMxNzIuMjkyIDE2OC4wMDEgMTg1LjUgMTU0Ljc5MyAxODUuNSAxMzguNTAxTDE4NS41IDEyMkMxODUuNSAxMTMuNDQgMTkyLjQ0IDEwNi41IDIwMSAxMDYuNUw3MDAgMTA2LjVMNzAwIDEwNy41TDIwMSAxMDcuNUMxOTIuOTkyIDEwNy41IDE4Ni41IDExMy45OTIgMTg2LjUgMTIyTDE4Ni41IDEzOC41MDFDMTg2LjUgMTU1LjM0NSAxNzIuODQ1IDE2OS4wMDEgMTU2IDE2OS4wMDFMMC41IDE2OUwwLjUgMTY4WiIgZmlsbD0iI0FBQjFGMiIvPgo8cGF0aCBzdHJva2U9JyMwNUExQzknIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMSAxNTIuNUwxNTYgMTUyLjUwMUMxNjQuMDA4IDE1Mi41MDEgMTcwLjUgMTQ2LjAwOSAxNzAuNSAxMzguMDAxTDE3MC41IDEyMkMxNzAuNSAxMDUuMTU2IDE4NC4xNTUgOTEuNTAwMiAyMDEgOTEuNTAwMkw3MDAgOTEuNTAwMkw3MDAgOTIuNTAwMkwyMDEgOTIuNTAwMkMxODQuNzA4IDkyLjUwMDIgMTcxLjUgMTA1LjcwOCAxNzEuNSAxMjJMMTcxLjUgMTM4LjAwMUMxNzEuNSAxNDYuNTYxIDE2NC41NiAxNTMuNTAxIDE1NiAxNTMuNTAxTDEgMTUzLjVMMSAxNTIuNVoiIGZpbGw9IiNBQUIxRjIiLz4KCjxwYXRoIHN0cm9rZT0nI0Q4MEM5QScgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik05NjAgMTY4TDExMTUuNSAxNjguMDAxQzExMzEuNzkgMTY4LjAwMSAxMTQ1IDE1NC43OTMgMTE0NSAxMzguNTAxTDExNDUgMTIyQzExNDUgMTEzLjQ0IDExNTEuOTQgMTA2LjUgMTE2MC41IDEwNi41TDE1MTIgMTA2LjVDMTUyOC4yOSAxMDYuNSAxNTQxLjUgOTMuMjkyOCAxNTQxLjUgNzcuMDAwNEwxNTQxLjUgNjIuMDAwNEMxNTQxLjUgNTMuNDM5OSAxNTQ4LjQ0IDQ2LjUwMDQgMTU1NyA0Ni41MDA0TDE2NTkuNSA0Ni41MDA0TDE2NTkuNSA0Ny41MDA0TDE1NTcgNDcuNTAwNEMxNTQ4Ljk5IDQ3LjUwMDQgMTU0Mi41IDUzLjk5MjIgMTU0Mi41IDYyLjAwMDRMMTU0Mi41IDc3LjAwMDRDMTU0Mi41IDkzLjg0NSAxNTI4Ljg0IDEwNy41IDE1MTIgMTA3LjVMMTE2MC41IDEwNy41QzExNTIuNDkgMTA3LjUgMTE0NiAxMTMuOTkyIDExNDYgMTIyTDExNDYgMTM4LjUwMUMxMTQ2IDE1NS4zNDUgMTEzMi4zNCAxNjkuMDAxIDExMTUuNSAxNjkuMDAxTDk2MCAxNjlMOTYwIDE2OFoiIGZpbGw9IiNBQUIxRjIiLz4KPHBhdGggc3Ryb2tlPScjMDVBMUM5JyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTk2MC41IDE1Mi41TDExMTUuNSAxNTIuNTAxQzExMjMuNTEgMTUyLjUwMSAxMTMwIDE0Ni4wMDkgMTEzMCAxMzguMDAxTDExMzAgMTIyQzExMzAgMTA1LjE1NiAxMTQzLjY2IDkxLjUwMDIgMTE2MC41IDkxLjUwMDJMMTUxMiA5MS41MDAyQzE1MjAuMDEgOTEuNTAwMiAxNTI2LjUgODUuMDA4MyAxNTI2LjUgNzcuMDAwMkwxNTI2LjUgNDcuMDAwMkMxNTI2LjUgMzguNDM5OCAxNTMzLjQ0IDMxLjUwMDIgMTU0MiAzMS41MDAyTDE2NTkuNSAzMS41MDAyTDE2NTkuNSAzMi41MDAyTDE1NDIgMzIuNTAwMkMxNTMzLjk5IDMyLjUwMDIgMTUyNy41IDM4Ljk5MiAxNTI3LjUgNDcuMDAwMkwxNTI3LjUgNzcuMDAwMkMxNTI3LjUgODUuNTYwNiAxNTIwLjU2IDkyLjUwMDIgMTUxMiA5Mi41MDAyTDExNjAuNSA5Mi41MDAyQzExNDQuMjEgOTIuNTAwMiAxMTMxIDEwNS43MDggMTEzMSAxMjJMMTEzMSAxMzguMDAxQzExMzEgMTQ2LjU2MSAxMTI0LjA2IDE1My41MDEgMTExNS41IDE1My41MDFMOTYwLjUgMTUzLjVMOTYwLjUgMTUyLjVaIiBmaWxsPSIjQUFCMUYyIi8+Cgo8L2c+Cgo8L3N2Zz4=\";","import { useState } from \"react\"\n\nimport { GatsbyImage, IGatsbyImageData } from \"gatsby-plugin-image\"\nimport { useI18next } from \"gatsby-plugin-react-i18next\"\nimport styled from \"styled-components\"\n\nimport LinkButton from \"components/buttons/LinkButton\"\nimport colors from \"styles/colors\"\nimport media from \"styles/media\"\nimport shadows from \"styles/shadows\"\nimport textStyles from \"styles/text\"\n\nimport { loadPage } from \"../../utils/Loader/TransitionUtils\"\n\ninterface Props {\n  image: IGatsbyImageData | undefined\n  title: string\n  text: string\n  url: string\n  linkText?: string\n}\n\nexport default function DocCard({ image, title, text, url, linkText }: Props) {\n  const { t } = useI18next()\n  const [hover, setHover] = useState(false)\n\n  return (\n    <Wrapper\n      role=\"link\"\n      onClick={() => {\n        loadPage(url).catch((err: string) => {\n          throw new Error(err)\n        })\n      }}\n      onMouseEnter={() => setHover(true)}\n      onMouseLeave={() => setHover(false)}\n    >\n      {image && <Image loading=\"lazy\" image={image} alt={title} />}\n      <Title>{title}</Title>\n      <Text>{text}</Text>\n      <LinkWrapper>\n        <LinkButton hovered={hover} blue link={url}>\n          {linkText || t(\"Learn More\")}\n        </LinkButton>\n      </LinkWrapper>\n    </Wrapper>\n  )\n}\n\nconst Wrapper = styled.div`\n  background: ${colors.white};\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  cursor: pointer;\n  ${shadows.lightModeSurfaceShadow}\n\n  ${media.fullWidth} {\n    border-radius: 20px;\n    width: 357px;\n    padding: 20px;\n    height: 390px;\n  }\n\n  ${media.desktop} {\n    border-radius: 1.2vw;\n    width: 21.51vw;\n    padding: 1.2vw;\n    height: 23.494vw;\n  }\n\n  ${media.tablet} {\n    border-radius: 1.95vw;\n    width: 39.063vw;\n    padding: 1.95vw 1.95vw 3.91vw 1.95vw;\n    height: 38.086vw;\n  }\n\n  ${media.mobile} {\n    border-radius: 5.33vw;\n    padding: 5.33vw;\n    width: 89.33vw;\n    height: 101.87vw;\n  }\n`\n\nconst Image = styled(GatsbyImage)`\n  width: 100%;\n  isolation: isolate;\n\n  ${media.fullWidth} {\n    height: 178px;\n    border-radius: 10px;\n    margin-bottom: 20px;\n  }\n\n  ${media.desktop} {\n    height: 10.723vw;\n    border-radius: 0.6vw;\n    margin-bottom: 1.2vw;\n  }\n\n  ${media.tablet} {\n    height: 17.383vw;\n    border-radius: 0.98vw;\n    margin-bottom: 1.95vw;\n  }\n\n  ${media.mobile} {\n    height: auto;\n    border-radius: 2.67vw;\n    margin-bottom: 5.33vw;\n  }\n`\n\nconst Title = styled.span`\n  color: ${colors.blue800};\n  ${textStyles.h6}\n\n  ${media.fullWidth} {\n    margin-bottom: 5px;\n  }\n\n  ${media.desktop} {\n    margin-bottom: 0.3vw;\n  }\n\n  ${media.tablet} {\n    margin-bottom: 0.49vw;\n  }\n\n  ${media.mobile} {\n    margin-bottom: 1.33vw;\n  }\n`\n\nconst Text = styled.p`\n  color: ${colors.blue200};\n  ${textStyles.bodyS}\n  overflow: hidden;\n  display: -webkit-box;\n  line-clamp: 2;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n\n  ${media.fullWidth} {\n    margin-bottom: 20px;\n    max-height: 42px;\n  }\n\n  ${media.desktop} {\n    margin-bottom: 1.2vw;\n    max-height: 2.53vw;\n  }\n\n  ${media.tablet} {\n    margin-bottom: 1.95vw;\n  }\n\n  ${media.mobile} {\n    margin-bottom: 5.33vw;\n  }\n`\n\nconst LinkWrapper = styled.div`\n  margin-top: auto;\n`\n","import { useRef } from \"react\"\n\nimport gsap from \"gsap\"\nimport styled from \"styled-components\"\n\nimport useAnimation from \"utils/useAnimation\"\n\ninterface Props {\n  children: React.ReactNode\n  continuous?: boolean\n  className?: string\n}\nconst randomNumber = (min: number, max: number) => {\n  return Math.ceil(gsap.utils.random(min, max))\n}\n\nconst drawPath = (target: Element) => {\n  const size = randomNumber(2, 6)\n  const duration = randomNumber(1, 3)\n\n  const tl = gsap.timeline({\n    repeat: -1,\n  })\n\n  tl.fromTo(target, {\n      drawSVG: `0% 0%`,\n    },\n    {\n      drawSVG: `0% ${size}%`,\n      ease: \"linear\",\n      duration: 0.25,\n    }, 0)\n    .to(target, {\n      duration,\n      drawSVG: `${50 - size}% 50%`,\n      ease: \"linear\",\n    })\n    .to(target, {\n      duration: 0.5,\n      drawSVG: `50% 50%`,\n      ease: \"linear\",\n    })\n\n  return tl\n}\nexport default function AnimatedPath({\n  children,\n  continuous = false,\n  className = \"\",\n}: Props) {\n  const wrapper = useRef<HTMLDivElement>(null)\n\n  useAnimation(() => {\n    if (wrapper.current && children) {\n      const allPaths = Array.from(wrapper.current.getElementsByTagName(\"path\"))\n\n      const tl = gsap.timeline({\n        repeat: -1,\n        repeatRefresh: true,\n        scrollTrigger: {\n          trigger: wrapper.current,\n          start: \"top 90%\",\n          end: \"bottom top\",\n          toggleActions: continuous\n            ? \"play play play play\"\n            : \"play pause resume pause\",\n        },\n      })\n\n      allPaths.forEach(path => tl.add(drawPath(path), randomNumber(2, 6) / 10))\n    }\n  }, [continuous, children])\n\n  return (\n    <SVGWrapper className={className} ref={wrapper}>\n      {children}\n    </SVGWrapper>\n  )\n}\n\nconst SVGWrapper = styled.div<{ topOffset?: string }>`\n  position: relative;\n  height: 100%;\n  width: 100%;\n\n  svg {\n    height: 100%;\n    width: 100%;\n  }\n`\n","import styled from \"styled-components\"\n\nimport HeroLogo from \"components/header/HeroLogo\"\nimport InnerWrapper from \"components/InnerWrapper\"\nimport colors from \"styles/colors\"\nimport media from \"styles/media\"\n\ninterface Props {\n  leftChildren: React.ReactNode\n  rightChildren: React.ReactNode\n  bgColor?: string\n  lightMode?: boolean\n  noHeight?: boolean\n}\n\nexport default function Hero({\n  leftChildren,\n  rightChildren,\n  bgColor = undefined,\n  lightMode = undefined,\n  noHeight = undefined,\n}: Props) {\n  return (\n    <Wrapper bgColor={bgColor} noHeight={noHeight}>\n      <InnerWrapper>\n        <Content>\n          <CalloutWrapper>\n            <HeroLogo lightmode={lightMode} />\n\n            {leftChildren}\n          </CalloutWrapper>\n          <RightContent>{rightChildren}</RightContent>\n        </Content>\n      </InnerWrapper>\n    </Wrapper>\n  )\n}\n\nconst Wrapper = styled.section<{ bgColor?: string; noHeight?: boolean }>`\n  background: ${({ bgColor }) => bgColor || `${colors.blue800}`};\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n\n  ${media.fullWidth} {\n    height: ${props => (props.noHeight ? \"initial\" : \"1389px\")};\n  }\n\n  ${media.desktop} {\n    height: ${props => (props.noHeight ? \"initial\" : \"83.67vw\")};\n  }\n\n  ${media.tablet} {\n    height: ${props => (props.noHeight ? \"initial\" : \"133.398vw\")};\n  }\n\n  ${media.mobile} {\n    align-items: unset;\n    height: ${props => (props.noHeight ? \"initial\" : \"auto\")};\n    min-height: ${props => (props.noHeight ? \"initial\" : \"287.333vw\")};\n  }\n`\n\nconst Content = styled.div`\n  display: flex;\n  align-items: flex-start;\n  height: 100%;\n\n  ${media.fullWidth} {\n    gap: 40px;\n  }\n\n  ${media.desktop} {\n    gap: 2.41vw;\n  }\n\n  ${media.tablet} {\n    justify-content: unset;\n    flex-direction: column;\n    gap: 5.86vw;\n  }\n\n  ${media.mobile} {\n    justify-content: unset;\n    flex-direction: column;\n    gap: 0;\n  }\n`\n\nconst CalloutWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n\n  ${media.fullWidth} {\n    padding-top: 91px;\n    gap: 119px;\n    width: 516px;\n  }\n\n  ${media.desktop} {\n    padding-top: 5.48vw;\n    gap: 7.17vw;\n    width: 31.08vw;\n  }\n\n  ${media.tablet} {\n    width: 58.69vw;\n    padding-top: 7.32vw;\n    gap: 5.86vw;\n  }\n\n  ${media.mobile} {\n    width: 100%;\n    padding-top: 9.667vw;\n    gap: 10.667vw;\n    align-items: flex-start;\n  }\n`\n\nconst RightContent = styled.div`\n  ${media.fullWidth} {\n    width: 736px;\n    height: 920px;\n  }\n\n  ${media.desktop} {\n    width: 44.34vw;\n    height: 55.42vw;\n  }\n\n  ${media.tablet} {\n    width: 100%;\n    height: 58.59vw;\n  }\n\n  ${media.mobile} {\n    width: 100%;\n    height: auto;\n  }\n`\n","import { graphql, useStaticQuery } from \"gatsby\"\nimport { GatsbyImage } from \"gatsby-plugin-image\"\nimport { useI18next } from \"gatsby-plugin-react-i18next\"\nimport styled, { keyframes } from \"styled-components\"\n\nimport Hero from \"components/sectionTemplates/Hero\"\nimport Callout from \"components/TextElements/Callout\"\nimport colors from \"styles/colors\"\nimport media from \"styles/media\"\nimport text from \"styles/text\"\nimport { returnContactUsLink } from \"utils/routes\"\nimport useMedia from \"utils/useMedia\"\n\nexport default function ClientHero() {\n  const { t, language } = useI18next()\n\n  const contactLink = returnContactUsLink( language )\n\n  const titleWidth = useMedia(\"516px\", \"31.08vw\", \"56vw\", \"89.333vw\")\n  const textWidth = useMedia(\"516px\", \"31vw\", \"40vw\", \"90vw\")\n  const titleSize = useMedia(text.h4, text.h4, text.h3, text.h5)\n  const textSize = useMedia(text.bodyR, text.bodyR, text.bodyR, text.bodyS)\n\n  // fetch the logos with a graphql query instead\n  const images: Queries.ClientsHeroQuery = useStaticQuery(graphql`\n    query ClientsHero {\n      allFile(filter: { relativeDirectory: { eq: \"clients/logos\" } }) {\n        nodes {\n          ...LocalImageQuery\n        }\n      }\n      background: file(relativePath: { eq: \"clients/background.webp\" }) {\n        ...LocalImageQuery\n      }\n    }\n  `)\n\n  const background = images.background?.childImageSharp?.gatsbyImageData\n\n  const allLogos = images.allFile.nodes.map(logo => {\n    return (\n      <Card key={logo.id}>\n        {logo.childImageSharp?.gatsbyImageData && (\n          <Logo\n            loading=\"eager\"\n            image={logo.childImageSharp.gatsbyImageData}\n            alt={t(\"one of our clients\")}\n          />\n        )}\n      </Card>\n    )\n  })\n  const numberOfLogos = images.allFile.nodes.length\n  const firstHalf = allLogos.slice(0, numberOfLogos / 2)\n  const secondHalf = allLogos.slice(numberOfLogos / 2, numberOfLogos)\n\n  return (\n    <Hero\n      lightMode\n      bgColor={colors.blue10}\n      leftChildren={\n        <Callout\n          variant=\"lightmode\"\n          kicker={{\n            icon: \"circles\",\n            text: useMedia(\n              t(\"FIND OUT WHAT'S POSSIBLE WITH GALILEO\") ??\n                \"FIND OUT WHAT'S POSSIBLE WITH GALILEO\",\n              t(\"FIND OUT WHAT'S POSSIBLE WITH GALILEO\") ??\n                \"FIND OUT WHAT'S POSSIBLE WITH GALILEO\",\n              t(\"FIND OUT WHAT'S POSSIBLE WITH GALILEO\") ??\n                \"FIND OUT WHAT'S POSSIBLE WITH GALILEO\",\n              t(\"WHAT'S POSSIBLE WITH GALILEO\") ??\n                \"WHAT'S POSSIBLE WITH GALILEO\"\n            ),\n            color: colors.blue600,\n          }}\n          title={{\n            content: t(\n              \"Clients of all sizes use our financial technology platform.\"\n            ),\n            size: titleSize,\n            width: titleWidth,\n          }}\n          text={{\n            size: textSize,\n            width: textWidth,\n            content: t(\n              \"From emerging startups to established leaders, we empower our clients to innovate, grow and build a better financial future for their customers.\"\n            ),\n          }}\n          buttons={[\n            {\n              text: t(\"Let's Talk\") ?? \"Let's Talk\",\n              arrow: true,\n              route: contactLink,\n            },\n          ]}\n        />\n      }\n      rightChildren={\n        <VideoDiv>\n          {background && (\n            <Background image={background} alt={t(\"blob background\")} />\n          )}\n          <ImagesDiv className=\"outer_wrapper\">\n            <Inner>{firstHalf}</Inner>\n            <Inner>{firstHalf}</Inner>\n          </ImagesDiv>\n          <ImagesDiv2 className=\"outer_wrapper\">\n            <Inner>{secondHalf}</Inner>\n            <Inner>{secondHalf}</Inner>\n          </ImagesDiv2>\n        </VideoDiv>\n      }\n    />\n  )\n}\n\nconst marqueeEffect = keyframes`\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(-100%);\n  }\n`\n\nconst Card = styled.div`\n  width: 15.843vw;\n  height: 23.675vw;\n  left: 0vw;\n  top: 0vw;\n\n  background: rgba(255, 255, 255, 0.1);\n  /* DarkMode Shadow/Surface */\n\n  box-shadow: 1.205vw 2.41vw 4.819vw rgba(1, 3, 13, 0.2);\n  border-radius: 1.205vw;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  ${media.fullWidth} {\n    width: 263px;\n    height: 393px;\n    left: 0px;\n    top: 0px;\n\n    background: rgba(255, 255, 255, 0.1);\n    /* DarkMode Shadow/Surface */\n\n    box-shadow: 20px 40px 80px rgba(1, 3, 13, 0.2);\n    border-radius: 20px;\n  }\n  ${media.tablet} {\n    width: 25.684vw;\n    height: 38.379vw;\n  }\n  ${media.mobile} {\n    width: 39.467vw;\n    height: 59.2vw;\n  }\n`\n\nconst Logo = styled(GatsbyImage)`\n  ${media.fullWidth} {\n    height: 40px;\n    width: 200px;\n  }\n  ${media.desktop} {\n    height: 2.41vw;\n    width: 12.048vw;\n  }\n  ${media.tablet} {\n    height: 3.906vw;\n    width: 19.531vw;\n  }\n  ${media.mobile} {\n    height: 5.333vw;\n    width: 26.667vw;\n  }\n`\n\nconst VideoDiv = styled.div`\n  position: relative;\n  //CUSTOM COLOR FOR THIS SECTION ONLY\n  background: #020026;\n  overflow: hidden;\n  display: flex;\n\n  ${media.fullWidth} {\n    left: -30px;\n    width: 1014px;\n    height: 750px;\n    border-bottom-left-radius: 120px;\n    border-bottom-right-radius: 120px;\n  }\n\n  ${media.desktop} {\n    left: 6vw;\n    width: 61.084vw;\n    height: 50vw;\n    border-bottom-left-radius: 7.229vw;\n  }\n\n  ${media.tablet} {\n    left: -10vw;\n    width: 101vw;\n    height: 165vw;\n    border-top-left-radius: 23.981vw;\n  }\n\n  ${media.mobile} {\n    left: -6vw;\n    width: 101vw;\n    height: 165vw;\n    border-top-left-radius: 26.667vw;\n    margin-top: 15vw;\n  }\n`\n\nconst Background = styled(GatsbyImage)`\n  position: absolute;\n  width: 100%;\n  height: auto;\n  z-index: 1;\n`\nconst Inner = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 3.012vw;\n  ${media.fullWidth} {\n    gap: 50px;\n  }\n  ${media.tablet} {\n    gap: 4.883vw;\n  }\n  ${media.mobile} {\n    gap: 8vw;\n  }\n`\n\nconst ImagesDiv = styled.div`\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  height: auto;\n  z-index: 5;\n  will-change: transform;\n  left: 3.012vw;\n\n  & > div {\n    white-space: pre-wrap;\n    will-change: transform;\n    animation: ${marqueeEffect} 35s linear infinite;\n    display: flex;\n    height: 100%;\n  }\n\n  ${Inner}:nth-child(2) {\n    margin-top: 3.012vw;\n  }\n\n  ${media.fullWidth} {\n    left: 50px;\n\n    ${Inner}:nth-child(2) {\n      margin-top: 50px;\n    }\n  }\n\n  ${media.tablet} {\n    left: 24vw;\n\n    ${Inner}:nth-child(2) {\n      margin-top: 4.883vw;\n    }\n  }\n\n  ${media.mobile} {\n    left: 8vw;\n    ${Inner}:nth-child(2) {\n      margin-top: 8vw;\n    }\n  }\n`\n\nconst ImagesDiv2 = styled(ImagesDiv)`\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  height: auto;\n  z-index: 5;\n  left: 21.084vw;\n  top: -12.048vw;\n  ${media.fullWidth} {\n    left: 350px;\n    top: -200px;\n  }\n\n  ${media.tablet} {\n    left: 54.18vw;\n    top: -19.531vw;\n  }\n\n  ${media.mobile} {\n    left: 56vw;\n    top: -53.333vw;\n  }\n`\n","import { useStaticQuery, graphql } from \"gatsby\"\nimport { Trans, useI18next } from \"gatsby-plugin-react-i18next\"\nimport styled from \"styled-components\"\n\nimport Wave from \"components/Banners/Wave\"\nimport DocCard from \"components/Cards/DocCard\"\nimport InnerWrapper from \"components/InnerWrapper\"\nimport AnimatedPath from \"components/UI-Related/AnimatedPaths\"\nimport { ReactComponent as StatPathMag } from \"images/neobanking/StatPathMag.svg\"\nimport colors from \"styles/colors\"\nimport media from \"styles/media\"\nimport text from \"styles/text\"\n\nconst topStopColors = [colors.lightMode, colors.lightMode, colors.lightMode]\nconst bottomStopColors = [colors.turq400, colors.blue400, colors.magenta400]\n\ninterface Props {\n  allContentfulFeaturedClientStories: Queries.ClientsPageQuery[\"allContentfulFeaturedClientStories\"]\n}\n\nexport default function Stories({ allContentfulFeaturedClientStories }: Props) {\n  const { t } = useI18next()\n\n  const cards = allContentfulFeaturedClientStories.nodes.map(item => {\n    return (\n      item.image?.gatsbyImageData && (\n        <DocCard\n          key={item.title}\n          image={item.image.gatsbyImageData}\n          title={item.title ?? \"\"}\n          text={item.summary?.summary ?? \"\"}\n          url={item.externalLinkURL ?? \"\"}\n          linkText={item.linkText ?? \"\"}\n        />\n      )\n    )\n  })\n\n  return (\n    <Wrapper>\n      <Wave\n        top\n        bottomStopColors={bottomStopColors}\n        topStopColors={topStopColors}\n      />\n      <InnerWrapper>\n        <PathWrapper>\n          <AnimatedPath>\n            <StatPathMag />\n          </AnimatedPath>\n        </PathWrapper>\n        <Header>\n          <Trans>Featured client stories</Trans>\n        </Header>\n        <CardsWrapper>{cards}</CardsWrapper>\n      </InnerWrapper>\n    </Wrapper>\n  )\n}\n\nconst Wrapper = styled.div`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  z-index: 4;\n  height: auto;\n  background: ${colors.lightMode};\n\n  ${media.fullWidth} {\n    padding: 0px 109px 150px 109px;\n  }\n\n  ${media.desktop} {\n    padding: 0vw 7.569vw 13.889vw 7.569vw;\n  }\n\n  ${media.tablet} {\n    padding: 5.995vw 11.391vw 17.986vw 11.391vw;\n  }\n\n  ${media.mobile} {\n    padding: 0vw 5.333vw 21.333vw 5.333vw;\n  }\n`\n\nconst PathWrapper = styled.div`\n  position: absolute;\n  top: -20vw;\n  z-index: -1;\n  width: 100%;\n  height: auto;\n\n  ${media.fullWidth} {\n    top: -350px;\n  }\n\n  ${media.tablet} {\n    top: -10vw;\n  }\n\n  ${media.mobile} {\n    top: -28vw;\n  }\n`\n\nconst Header = styled.div`\n  ${text.h5};\n  position: absolute;\n  display: flex;\n  left: 50%;\n  transform: translateX(-50%);\n\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n  background: ${colors.lightMode};\n\n  ${media.fullWidth} {\n    width: 664px;\n    height: 249px;\n    top: -389.2px;\n  }\n\n  ${media.desktop} {\n    width: 40vw;\n    height: 15vw;\n    top: -22vw;\n  }\n\n  ${media.tablet} {\n    width: 40vw;\n    height: 15vw;\n    top: -13vw;\n  }\n\n  ${media.mobile} {\n    ${text.h6};\n    width: 70vw;\n    height: 15vw;\n    top: -30vw;\n  }\n`\n\nconst CardsWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: center;\n  column-gap: 1.389vw;\n  row-gap: 2.778vw;\n  width: 100%;\n\n  ${media.fullWidth} {\n    column-gap: 20px;\n    row-gap: 40px;\n  }\n\n  ${media.tablet} {\n    column-gap: 1.2vw;\n    row-gap: 2.41vw;\n    margin-top: 10vw;\n  }\n\n  ${media.mobile} {\n    column-gap: 5.333vw;\n    row-gap: 5.33vw;\n  }\n`\n","import { useI18next } from \"gatsby-plugin-react-i18next\"\nimport styled from \"styled-components\"\n\nimport BottomCallout from \"components/sectionTemplates/BottomCallout\"\nimport Callout from \"components/TextElements/Callout\"\nimport colors from \"styles/colors\"\nimport text from \"styles/text\"\nimport { returnContactUsLink } from \"utils/routes\"\nimport useMedia from \"utils/useMedia\"\n\nexport default function ClientPricing() {\n  const { t, language } = useI18next()\n\n  const contactLink = returnContactUsLink( language )\n\n  const titleSize = useMedia(text.h2, text.h2, text.h3, text.h1Mobile)\n  const sectionHeight = useMedia(\"1079px\", \"65vw\", \"70.313vw\", \"186.067vw\")\n\n  const webMVid = useMedia(\n    \"global/CTA3D.webm\",\n    \"global/CTA3D.webm\",\n    \"global/CTA3D.webm\",\n    \"global/CTA3D.webm\"\n  )\n  const mP4Vid = useMedia(\n    \"global/CTA3D.mp4\",\n    \"global/CTA3D.mp4\",\n    \"global/CTA3D.mp4\",\n    \"global/CTA3D.mp4\"\n  )\n\n  return (\n    <Wrapper>\n      <BottomCallout\n        sectionHeight={sectionHeight}\n        bgColor={colors.lightMode}\n        video={[webMVid, mP4Vid]}\n      >\n        <Callout\n          centered\n          kicker={{\n            text: t(\"GET IN TOUCH\") ?? \"GET IN TOUCH\",\n            icon: \"slices\",\n          }}\n          title={{\n            content: t(\"Interested in becoming a client?\"),\n            size: titleSize,\n            width: useMedia(\"923px\", \"55vw\", \"55.72vw\", \"100%\"),\n            color: colors.white,\n          }}\n          buttons={[\n            {\n              text: t(\"Let's Talk\") ?? \"Let's Talk\",\n              arrow: true,\n              route: contactLink,\n            },\n          ]}\n        />\n      </BottomCallout>\n    </Wrapper>\n  )\n}\n\nconst Wrapper = styled.section`\n  overflow-x: hidden;\n`\n","import { useEffect, useContext } from \"react\"\n\nimport { PageProps, graphql } from \"gatsby\"\n\nimport VideoCarousel from \"components/Carousels/VideoCarousel\"\nimport Layout from \"components/Layout\"\nimport { Lightmode, ScreenContext } from \"components/Providers\"\nimport { PageContentContext } from \"components/Providers/PageContent\"\nimport SEO from \"components/Seo\"\nimport ClientHero from \"sections/clients/1-ClientHero\"\nimport Stories from \"sections/clients/2-Stories\"\nimport ClientPricing from \"sections/clients/3-ClientPricing\"\nimport colors from \"styles/colors\"\nimport { ClientsPageQuery } from \"types/gatsby-alias\"\nimport { translateSeo } from \"utils/functions\"\n\ninterface DataProps extends PageProps {\n  pageContext: { language: string }\n  data: ClientsPageQuery\n}\n\nexport default function Clients({\n  pageContext: { language },\n  data,\n  location,\n}: DataProps) {\n  const { setLightmode } = useContext(Lightmode)\n  const { tablet } = useContext(ScreenContext)\n  const { activePageContent, setActivePage } = useContext(PageContentContext)\n\n  const localePageData = activePageContent?.find(pageContent => {\n    if (pageContent.node_locale === language) {\n      return true\n    }\n    return false\n  })\n\n  useEffect(() => {\n    if (tablet) {\n      setLightmode(true)\n    } else {\n      setLightmode(false)\n    }\n    setActivePage(\"clients\")\n  }, [setLightmode, tablet, setActivePage])\n\n  return (\n    <Layout\n      pathname={location.pathname}\n      id=\"clients\"\n      hideOverflow\n      waveBottomColor={colors.blue700}\n    >\n      <ClientHero />\n      <Stories\n        allContentfulFeaturedClientStories={\n          data.allContentfulFeaturedClientStories\n        }\n      />\n      {localePageData?.videoCarousel && (\n        <VideoCarousel data={localePageData.videoCarousel} />\n      )}\n      <ClientPricing />\n    </Layout>\n  )\n}\n\nexport function Head({ data, location }: DataProps) {\n  const title = \"Galileo Clients Depend on our Financial Technology Platform\"\n  const description =\n    \"Global companies depend on Galileo for card issuing, payment processing and embedded finance offerings to expand the financial frontier.\"\n  const { translatedTitle, translatedDesc } = translateSeo(\n    data.locales.edges[0]?.node.data ?? null,\n    title,\n    description\n  )\n\n  return (\n    <SEO\n      pageAttributes={{\n        title: translatedTitle,\n        description: translatedDesc,\n        id: \"clients\",\n        url: location.pathname,\n        originalPath: location.pathname,\n      }}\n    />\n  )\n}\n\nexport const query = graphql`\n  query ClientsPage($language: String!) {\n    locales: allLocale(\n      filter: { ns: { in: [\"clients\"] }, language: { eq: $language } }\n    ) {\n      edges {\n        node {\n          ns\n          data\n          language\n        }\n      }\n    }\n    allContentfulFeaturedClientStories(\n      filter: { node_locale: { eq: $language } }\n    ) {\n      nodes {\n        image {\n          file {\n            url\n          }\n          description\n          height\n          width\n          ...ContentfulImageQuery\n        }\n        externalLinkURL\n        linkText\n        title\n        summary {\n          summary\n        }\n      }\n    }\n  }\n`\n"],"names":["_g","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","SvgStatPathMag","props","ref","fill","xmlns","viewBox","clipPath","stroke","fillRule","clipRule","d","ForwardRef","forwardRef","Memo","memo","DocCard","_ref","image","title","text","url","linkText","t","useI18next","hover","setHover","useState","_jsxs","Wrapper","role","onClick","loadPage","catch","err","Error","onMouseEnter","onMouseLeave","children","_jsx","Image","loading","alt","Title","Text","LinkWrapper","LinkButton","hovered","blue","link","styled","div","withConfig","displayName","componentId","colors","white","shadows","lightModeSurfaceShadow","media","fullWidth","desktop","tablet","mobile","GatsbyImage","span","blue800","textStyles","h6","p","blue200","bodyS","randomNumber","min","max","Math","ceil","gsap","utils","random","drawPath","size","duration","tl","timeline","repeat","fromTo","drawSVG","ease","to","AnimatedPath","continuous","className","wrapper","useRef","useAnimation","current","allPaths","Array","from","getElementsByTagName","repeatRefresh","scrollTrigger","trigger","start","end","toggleActions","forEach","path","add","SVGWrapper","Hero","leftChildren","rightChildren","bgColor","lightMode","noHeight","InnerWrapper","Content","CalloutWrapper","HeroLogo","lightmode","RightContent","section","_ref2","ClientHero","_images$background","_images$background$ch","_t","_t2","_t3","_t4","_t5","language","contactLink","returnContactUsLink","titleWidth","useMedia","textWidth","titleSize","h4","h3","h5","textSize","bodyR","images","useStaticQuery","background","childImageSharp","gatsbyImageData","allLogos","allFile","nodes","map","logo","_logo$childImageSharp","Card","Logo","id","numberOfLogos","firstHalf","slice","secondHalf","blue10","Callout","variant","kicker","icon","color","blue600","content","width","buttons","arrow","route","VideoDiv","Background","ImagesDiv","Inner","ImagesDiv2","marqueeEffect","keyframes","topStopColors","bottomStopColors","turq400","blue400","magenta400","Stories","allContentfulFeaturedClientStories","cards","item","_item$image","_item$title","_item$summary$summary","_item$summary","_item$externalLinkURL","_item$linkText","summary","externalLinkURL","Wave","top","PathWrapper","StatPathMag","Header","Trans","CardsWrapper","ClientPricing","h2","h1Mobile","sectionHeight","webMVid","mP4Vid","BottomCallout","video","centered","Clients","pageContext","data","location","setLightmode","useContext","Lightmode","ScreenContext","activePageContent","setActivePage","PageContentContext","localePageData","find","pageContent","node_locale","useEffect","Layout","pathname","hideOverflow","waveBottomColor","blue700","videoCarousel","VideoCarousel","Head","_data$locales$edges$","_data$locales$edges$2","translatedTitle","translatedDesc","translateSeo","locales","edges","node","SEO","pageAttributes","description","originalPath"],"sourceRoot":""}