{"version":3,"file":"component---src-pages-index-tsx-19c16632e60b01531b70.js","mappings":"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","sources":["webpack://stamper-new-website/./src/components/chevron/Chevron.tsx","webpack://stamper-new-website/./src/components/rotate/Rotate.tsx","webpack://stamper-new-website/./src/components/logo-slider/logos.ts","webpack://stamper-new-website/./src/images/triumph.png","webpack://stamper-new-website/./src/images/bong-bong.png","webpack://stamper-new-website/./src/images/domkove.png","webpack://stamper-new-website/./src/images/zdrowa-krowa.png","webpack://stamper-new-website/./src/images/yeah-bunny.png","webpack://stamper-new-website/./src/images/brzytwa-mac.png","webpack://stamper-new-website/./src/images/zdrowe-love.png","webpack://stamper-new-website/./src/components/logo-slider/LogoSlider.tsx","webpack://stamper-new-website/./src/components/motion-background/MotionBackground.tsx","webpack://stamper-new-website/./src/components/hero-home/hero.tsx","webpack://stamper-new-website/./src/images/hero-small-mobile.svg","webpack://stamper-new-website/./src/images/hero-home-small-bg.svg","webpack://stamper-new-website/./src/images/hero-home-bg.svg","webpack://stamper-new-website/./src/pages/index.tsx","webpack://stamper-new-website/./src/images/home-bottom-small-bg.svg","webpack://stamper-new-website/./src/images/home-bottom-bg.svg","webpack://stamper-new-website/./src/images/home-bottom-map-overlay.svg","webpack://stamper-new-website/./node_modules/gatsby-plugin-breakpoints/index.js","webpack://stamper-new-website/./node_modules/gatsby-plugin-breakpoints/withBreakpoints.js","webpack://stamper-new-website/./src/images/icons/user-grid-1.svg","webpack://stamper-new-website/./src/images/icons/user-grid-2.svg","webpack://stamper-new-website/./src/images/icons/user-grid-3.svg"],"sourcesContent":["import React from \"react\";\n\ntype Props = {\n  color?: string;\n  width?: number;\n  height?: number;\n};\n\nconst Chevron: React.FC<Props> = ({\n  color = \"#fff\",\n  width = 8,\n  height = 14,\n}) => (\n  <svg\n    width={width}\n    height={height}\n    viewBox=\"0 0 8 14\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M7.71934 0.280662C7.6306 0.191696 7.52518 0.121111 7.40911 0.0729501C7.29305 0.0247895 7.16863 0 7.04297 0C6.91731 0 6.79289 0.0247895 6.67683 0.0729501C6.56076 0.121111 6.45534 0.191696 6.3666 0.280662L0.63466 6.0126C0.545694 6.10134 0.47511 6.20676 0.42695 6.32283C0.378788 6.43889 0.353998 6.56331 0.353998 6.68897C0.353998 6.81463 0.378788 6.93905 0.42695 7.05511C0.47511 7.17118 0.545694 7.2766 0.63466 7.36534L6.3666 13.0973C6.54598 13.2767 6.78928 13.3774 7.04297 13.3774C7.29666 13.3774 7.53995 13.2767 7.71934 13.0973C7.89872 12.9179 7.9995 12.6746 7.9995 12.4209C7.9995 12.1672 7.89872 11.9239 7.71934 11.7445L2.66186 6.68897L7.71934 1.6334C7.8083 1.54466 7.87889 1.43924 7.92705 1.32317C7.97521 1.20711 8 1.08269 8 0.957031C8 0.831373 7.97521 0.706949 7.92705 0.590886C7.87889 0.474824 7.8083 0.369403 7.71934 0.280662Z\"\n      fill={color}\n    />\n  </svg>\n);\n\nexport { Chevron };\n","import styled from \"styled-components\";\n\nconst Rotate = styled.div`\n  transform: rotate(180deg);\n`;\n\nexport { Rotate };\n","import Logo1 from \"../../images/logo-pizzawlape.png\";\nimport Logo2 from \"../../images/triumph.png\";\nimport Logo3 from \"../../images/bong-bong.png\";\nimport Logo4 from \"../../images/domkove.png\";\nimport Logo5 from \"../../images/zdrowa-krowa.png\";\nimport Logo6 from \"../../images/yeah-bunny.png\";\nimport Logo7 from \"../../images/logo-crazychicken.png\";\nimport Logo8 from \"../../images/logo-bs.png\";\nimport Logo9 from \"../../images/brzytwa-mac.png\";\nimport Logo10 from \"../../images/logo-hopsa.png\";\nimport Logo11 from \"../../images/logo-fryzjerek.png\";\nimport Logo12 from \"../../images/logo-da-vella.png\";\nimport Logo13 from \"../../images/seromaniak.png\";\nimport Logo14 from \"../../images/zdrowe-love.png\";\n\nexport const logos = [\n  {\n    src: Logo2,\n    alt: \"triumph\",\n  },\n  {\n    src: Logo3,\n    alt: \"bong-bong\",\n  },\n  {\n    src: Logo4,\n    alt: \"domkove\",\n  },\n  {\n    src: Logo5,\n    alt: \"zdrowa krowa\",\n  },\n  {\n    src: Logo6,\n    alt: \"yeah-bunny\",\n  },\n  {\n    src: Logo9,\n    alt: \"brzytwa-mac\",\n  }, \n  {\n    src: Logo14,\n    alt: \"zdrowe-love\",\n  },\n];\n","export default __webpack_public_path__ + \"static/triumph-c4b187f4aa927c699ae0c12423bb0e9d.png\";","export default __webpack_public_path__ + \"static/bong-bong-33fe180d3367e4325e8ba73a98d40599.png\";","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/yeah-bunny-8d008a29a4ff716097b6d1e2f39fa7f8.png\";","export default __webpack_public_path__ + \"static/brzytwa-mac-e5c2faa5aef589407a82cd2f6df369e1.png\";","export default __webpack_public_path__ + \"static/zdrowe-love-09f353fbc98bb236d948b34db2a0748c.png\";","import React, { useEffect } from \"react\";\nimport styled, { css } from \"styled-components\";\nimport { motion } from \"framer-motion\";\nimport { layout, LayoutProps } from \"styled-system\";\nimport { useTheme } from \"../../styles\";\n\nimport { Chevron } from \"../chevron\";\nimport { Rotate } from \"../rotate\";\n\nimport { logos as data } from \"./logos\";\n\nimport { Direction } from \"./types\";\n\nconst LogoContainer = styled(motion.div).attrs(() => ({\n  whileHover: { scale: 1.4 },\n}))`\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 100px;\n  height: 100px;\n  border-radius: 50%;\n  padding: 10px;\n  background-color: #fff;\n  border: 1px solid #eaf0fe;\n  box-shadow: 0px 15px 30px rgba(0, 70, 245, 0.1);\n  cursor: pointer;\n  overflow: hidden;\n\n  img {\n    user-select: none;\n  }\n`;\n\nconst Nav = styled.div`\n  display: ${(props) => (props.theme.screens.md ? \"none\" : \"flex\")};\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 50px;\n  height: 50px;\n  border-radius: 50%;\n  background-color: transparent;\n  transition: background-color 150ms ease-out;\n  cursor: pointer;\n\n  &:hover {\n    background-color: #0046f5;\n\n    path {\n      fill: #fff;\n    }\n  }\n`;\n\nconst Slider = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  column-gap: 95px;\n  flex-wrap: no-wrap;\n  min-width: 0;\n`;\n\nconst Container = styled.div<LayoutProps & { x?: number }>`\n  display: flex;\n  align-items: center;\n  column-gap: 70px;\n  flex-wrap: no-wrap;\n\n  ${layout};\n\n  ${(props) =>\n    props.x &&\n    css`\n      transform: translateX(${props.x}px);\n    `};\n`;\n\nconst MobileContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  overflow: hidden;\n`;\n\nconst MobileNav = styled.div`\n  display: flex;\n  align-items: center;\n  column-gap: 10px;\n`;\n\nconst MobileNavItem = styled.div<{ isActive?: boolean }>`\n  width: 12px;\n  height: 12px;\n  border-radius: 50%;\n  border: 2px solid transparent;\n  background-color: #e0e0e0;\n  cursor: pointer;\n\n  ${(props) =>\n    props.isActive &&\n    css`\n      background-color: transparent;\n      border-color: #0046f5;\n    `};\n`;\n\nconst visibleItem = 5;\n\nconst LogoSlider: React.FC = () => {\n  const [logos, setLogos] = React.useState(data);\n\n  const handleSlide = (direction: Direction) => {\n    if (direction === \"prev\") {\n      const [last] = logos.slice(-1);\n      const rest = logos.slice(0, -1);\n      setLogos([last, ...rest]);\n    }\n\n    if (direction === \"next\") {\n      const [first, ...rest] = logos;\n      setLogos([...rest, first]);\n    }\n  };\n\n  const timerRef = React.useRef();\n\n  const callback = () => handleSlide(\"next\");\n\n  React.useEffect(() => {\n    timerRef.current = callback;\n  });\n\n  React.useEffect(() => {\n    function tick() {\n      timerRef.current();\n    }\n\n    let id = setInterval(tick, 5000);\n    return () => clearInterval(id);\n  }, []);\n\n  return (\n    <Container>\n      <Nav onClick={() => handleSlide(\"prev\")}>\n        <Chevron color=\"#0046F5\" />\n      </Nav>\n      <Slider>\n        {logos.map(\n          ({ src, alt }, idx) =>\n            idx < visibleItem && (\n              <LogoContainer key={alt}>\n                <img src={src} alt={alt} />\n              </LogoContainer>\n            )\n        )}\n      </Slider>\n      <Nav onClick={() => handleSlide(\"next\")}>\n        <Rotate>\n          <Chevron color=\"#0046F5\" />\n        </Rotate>\n      </Nav>\n    </Container>\n  );\n};\n\n// const LogoSlider: React.FC = () => {\n//   const [index, setIndex] = React.useState(0);\n//   const [[containerWidth, wrapperWidth], setContainerWidth] = React.useState([0, 0]);\n//   const containerRef = React.useRef(null);\n//   const wrapperRef = React.useRef(null);\n\n//   React.useEffect(() => {\n//     if (containerRef.current && wrapperRef.current) {\n//       setContainerWidth([containerRef.current.offsetWidth, wrapperRef.current.offsetWidth]);\n//     }\n//   }, [containerRef.current, wrapperRef.current]);\n\n//   const handleClick = (direction: Direction) => {\n//     if (direction === 'prev') {\n//       if (index === 0 ) return;\n//       setIndex(index-1);\n//     }\n//     if (direction === 'next') {\n//       if (index === logos.length) return;\n//       setIndex(index+1);\n//     }\n//   }\n\n//   const handleMobileClick = (idx: number) => setIndex(idx);\n//   console.log('x', 0.5 * containerWidth - 200 - 50 - index * 170, containerWidth);\n\n//   const x = ((containerWidth - wrapperWidth) / 2) + 0.5 * wrapperWidth - 50 - index * 170;\n//   return (\n//     <>\n//     <Container>\n//       <Nav isDisabled={index === 0} onClick={() => handleClick('prev')}><Chevron color='#0046F5' /></Nav>\n//       <Slider>\n//         {logos.map(({src, alt}, idx) => idx >= index && idx < index+size && <LogoContainer key={alt}><img src={src} alt={alt} /></LogoContainer>)}\n//       </Slider>\n//       <Nav isDisabled={index === logos.length - 1 - size} onClick={() => handleClick('next')}><Rotate><Chevron color='#0046F5' /></Rotate></Nav>\n//     </Container>\n//     <MobileContainer ref={wrapperRef}>\n//       <Container height={160} ref={containerRef} x={x}>\n//         {logos.map(({src, alt}) => <LogoContainer key={alt}><img src={src} alt={alt} /></LogoContainer>)}\n//       </Container>\n//       <MobileNav>\n//         {logos.map(({ alt }, idx) => <MobileNavItem key={`mobile-${alt}`} isActive={index === idx} onClick={() => handleMobileClick(idx)} />)}\n//       </MobileNav>\n//     </MobileContainer>\n//     </>\n//   );\n// };\n\nexport { LogoSlider };\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { motion, useMotionValue, MotionProps } from \"framer-motion\";\n\nimport UserGrid1 from \"../../images/icons/user-grid-1.svg\";\nimport UserGrid2 from \"../../images/icons/user-grid-2.svg\";\nimport UserGrid3 from \"../../images/icons/user-grid-3.svg\";\n\ntype Props = {\n  variant: number;\n};\n\nconst BackgroundContainer = styled(motion.div)<MotionProps>`\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n`;\n\nconst Container = styled.div`\n  position: relative;\n  min-width: ${(props) => (props.theme.screens.md ? \"100%\" : \"560px\")};\n  text-align: center;\n`;\n\nconst MotionBackground: React.FC<Props> = ({ variant = 0, children }) => {\n  const x = useMotionValue(0);\n  const y = useMotionValue(0);\n\n  const wrapperRef = React.useRef(null);\n\n  const handleMouse = (event: React.MouseEvent) => {\n    if (!wrapperRef.current) return;\n    const {\n      left,\n      top,\n      width,\n      height,\n    } = wrapperRef.current.getBoundingClientRect();\n    x.set((left + 0.5 * width - event.clientX) / 15);\n    y.set((top + 0.5 * height - event.clientY) / 15);\n  };\n\n  const renderBackground = () => {\n    switch (variant) {\n      case 1:\n        return <UserGrid2 />;\n      case 2:\n        return <UserGrid3 />;\n      default:\n        return <UserGrid1 />;\n    }\n  };\n\n  return (\n    <Container ref={wrapperRef} onMouseMove={handleMouse}>\n      <BackgroundContainer initial={{ x: 0, y: 0 }} x={x} y={y}>\n        {renderBackground()}\n      </BackgroundContainer>\n      {children}\n    </Container>\n  );\n};\n\nexport { MotionBackground };\n","import styled, { css } from \"styled-components\";\n\nimport HeroSmall from \"../../images/hero-small.svg\";\nimport HeroSmallMobile from \"../../images/hero-small-mobile.svg\";\nimport HeroBig from \"../../images/hero-big.svg\";\nimport HeroBg from \"../../images/hero-home-bg.svg\";\nimport HeroSmallBg from '../../images/hero-home-small-bg.svg';\n\nconst HeroHome = styled.div`\n  padding-bottom: ${(props) => props.theme.screens.md ? 70 : 140}px;\n  max-width: 1920px;\n  margin: 0 auto;\n  margin-bottom: ${(props) => props.theme.screens.md ? 48 : 0}px;\n\n  ${(props) =>\n    props.theme.screens.md\n      ? css`\n          background-image: url(${HeroSmallMobile}), url(${HeroSmallBg});\n          background-repeat: no-repeat, no-repeat;\n          background-position: 0 250px, 0 100%;\n          background-size: 320px 429px, cover;\n        `\n      : css`\n          background-image: url(${HeroSmall}), url(${HeroBig}), url(${HeroBg});\n          background-repeat: no-repeat, no-repeat, no-repeat;\n          background-position: -164px -184px, 100% -310px, 0 100%;\n          background-size: 675px 906px, 880px 1180px, cover;\n        `};\n`;\n\nexport { HeroHome };\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjI2IiBoZWlnaHQ9IjQyOSIgdmlld0JveD0iMCAwIDIyNiA0MjkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuMDgiIGQ9Ik0xMDAuMTY2IDE1NC41MDVDMTA0Ljk5MSAxNTkuMzI0IDExMS41MjMgMTYyLjA0OCAxMTguMzQ2IDE2Mi4wODdDMTI1LjE2OCAxNjIuMTI1IDEzMS43MyAxNTkuNDc0IDEzNi42MSAxNTQuNzFMMTM2LjgxMyAxNTQuNTA1QzE1Ny4zMDUgMTM0LjI3NSAxOTAuMzEyIDEzNC4zMTYgMjEwLjY4MiAxNTQuNjY5QzIzMS4xMzQgMTc1LjEwMyAyMzEuMDkyIDIwOC4yNDggMjEwLjY0MSAyMjguNjgyTDI1LjUyMTYgNDEzLjY1NEM1LjA3MDIzIDQzNC4wODggLTI4LjEwMDcgNDM0LjEyOSAtNDguNTUyMSA0MTMuNjk1Qy02OS4wMDM0IDM5My4yNjEgLTY4Ljk2MTYgMzYwLjExNSAtNDguNTEwOCAzMzkuNjgxTDcxLjUzNDcgMjE5LjczMkM3Mi4yMTUxIDIxOS4xNjEgNzIuODQ0NSAyMTguNTMyIDczLjQxNiAyMTcuODUyQzc3Ljg2MDggMjEyLjkxNiA4MC4yNDA4IDIwNi40NjQgODAuMDY1NiAxOTkuODI2Qzc5Ljg5MDQgMTkzLjE4OCA3Ny4xNzMyIDE4Ni44NyA3Mi40NzQxIDE4Mi4xNzVDNjcuNzc1IDE3Ny40OCA2MS40NTIzIDE3NC43NjUgNTQuODA5MSAxNzQuNTg5QzQ4LjE2NTkgMTc0LjQxNCA0MS43MDg2IDE3Ni43OTIgMzYuNzY4MyAxODEuMjM0QzM2LjA4NzkgMTgxLjgwNSAzNS40NTg1IDE4Mi40MzQgMzQuODg3IDE4My4xMTNMLTQuNjM1MDMgMjIyLjIyOUMtMTQuNDUyMyAyMzIuMDM4IC0yNy43Njc0IDIzNy41NDkgLTQxLjY1MTIgMjM3LjU0OUMtNTUuNTM1IDIzNy41NDkgLTY4Ljg1MDEgMjMyLjAzOCAtNzguNjY3NCAyMjIuMjI5Qy04OC40ODQ3IDIxMi40MTkgLTk0IDE5OS4xMTUgLTk0IDE4NS4yNDJDLTk0IDE3MS4zNyAtODguNDg0NyAxNTguMDY1IC03OC42Njc0IDE0OC4yNTZMNTQuNzIzOSAxNS4zNDY1Qzc1LjE3NTMgLTUuMDg4MzggMTA4LjM0NyAtNS4xMjg4NSAxMjguNzk4IDE1LjMwNTNDMTQ5LjI0OCAzNS43Mzk0IDE0OS4yMDcgNjguODg0NCAxMjguNzU2IDg5LjMxOTNMMTAwLjE2NyAxMTcuODg2Qzk3Ljc1OTkgMTIwLjI5IDk1Ljg1MDMgMTIzLjE0NCA5NC41NDc0IDEyNi4yODVDOTMuMjQ0NSAxMjkuNDI3IDkyLjU3MzkgMTMyLjc5NCA5Mi41NzM3IDEzNi4xOTVDOTIuNTczNiAxMzkuNTk2IDkzLjI0NCAxNDIuOTYzIDk0LjU0NjcgMTQ2LjEwNUM5NS44NDkzIDE0OS4yNDYgOTcuNzU4NyAxNTIuMTAxIDEwMC4xNjYgMTU0LjUwNVoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcikiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhciIgeDE9Ii05NCIgeTE9IjIxNC41IiB4Mj0iMjI2IiB5Mj0iMjE0LjUiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzBDOTdGRSIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMENFOEY5Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYwIiBoZWlnaHQ9IjkxNSIgdmlld0JveD0iMCAwIDM2MCA5MTUiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0wIDBIMzYwVjgyNEgwVjBaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+CjxwYXRoIGQ9Ik0zNjEgODI0SC0xVjkwOUM1My4xNjY3IDkwMC41IDEwOSA4ODIuNSAyMDggOTA0QzI3MC4zIDkxNy41MyAzNDQuODMzIDkxNy41IDM2MSA5MDlWODI0WiIgZmlsbD0idXJsKCNwYWludDFfbGluZWFyKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iLTEuMDAwMDEiIHkxPSItNTUuNTQ1NSIgeDI9IjQ0OC45MDMiIHkyPSItMTUuMTE2MSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDQyRTZGIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwMTQzMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MV9saW5lYXIiIHgxPSItMS4wMDAwMSIgeTE9Ii01NS41NDU1IiB4Mj0iNDQ4LjkwMyIgeTI9Ii0xNS4xMTYxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwNDJFNkYiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMDAxNDMxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSI5OTAiIHZpZXdCb3g9IjAgMCAxOTIwIDk5MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTS0zIC02NC41SDE5MjNWOTY1Ljk4OUMxOTIzIDk2NS45ODkgMTUzMC41NiAxMDA5LjY1IDEzMDMgOTc3QzEwNzUuNDQgOTQ0LjM1MSA4ODggODc2LjYxOSA1OTUgOTI2Ljc3MUMzMDIgOTc2LjkyMyAtMyA5NTguODI3IC0zIDk1OC44MjdWLTY0LjVaIiBmaWxsPSJ1cmwoI3BhaW50MF9saW5lYXIpIi8+CjxkZWZzPgo8bGluZWFyR3JhZGllbnQgaWQ9InBhaW50MF9saW5lYXIiIHgxPSItMy4wMDAwNCIgeTE9Ii0xMjguNDciIHgyPSIyMDU1LjI4IiB5Mj0iNzI2LjAxNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMDQyRTZGIi8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzAwMTQzMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=\"","import React from \"react\";\nimport { graphql, useStaticQuery } from \"gatsby\";\nimport Img from \"gatsby-image\";\nimport { useBreakpoint } from \"gatsby-plugin-breakpoints\";\nimport styled, { css } from \"styled-components\";\nimport { motion } from \"framer-motion\";\n\nimport { Layout } from \"../components/layout\";\nimport { SEO } from \"../components/seo\";\nimport { Link } from \"../components/link\";\nimport { Container } from \"../components/container\";\nimport { LogoSlider } from \"../components/logo-slider\";\nimport { HeroHome } from \"../components/hero-home\";\nimport { Menu, MenuContainer } from \"../components/menu\";\nimport { MobileMenu } from \"../components/mobile-menu\";\nimport {\n  ContentGrid,\n  Title,\n  TitleBold,\n  TextContainer as ContentGridTextContainer,\n  Description as ContentGridDescription,\n} from \"../components/content-grid\";\nimport { Button, IconContainer } from \"../components/button\";\nimport { Headline, Bold } from \"../components/headline\";\nimport { Description } from \"../components/description\";\nimport { MotionBackground } from \"../components/motion-background\";\nimport { SectionHeader } from \"../components/section-header\";\nimport { Map } from \"../components/map\";\n\nimport Android from \"../images/icons/android-icon.svg\";\nimport Apple from \"../images/icons/apple-icon.svg\";\n\nimport BottomBg from \"../images/home-bottom-bg.svg\";\nimport BottomSmallBg from \"../images/home-bottom-small-bg.svg\";\nimport MapOverlay from \"../images/home-bottom-map-overlay.svg\";\nimport { Logo } from \"../components/logo\";\n\nconst MainSection = styled.section`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-direction: ${(props) => (props.theme.screens.md ? \"column\" : \"row\")};\n  padding-top: ${(props) => (props.theme.screens.md ? \"346px\" : \"120px\")};\n  margin-bottom: ${(props) => (props.theme.screens.md ? 0 : \"100px\")};\n  position: relative;\n`;\n\nconst HeadlineContainer = styled.div`\n  margin-bottom: 20px;\n`;\n\nconst TextContainer = styled.div`\n  flex-basis: ${(props) => (props.theme.screens.md ? \"100%\" : \"480px\")};\n  margin-right: ${(props) => (props.theme.screens.md ? \"0\" : \"150px\")};\n`;\n\nconst DescriptionContainer = styled.div`\n  margin-bottom: 40px;\n`;\n\nconst ButtonsContainer = styled.div`\n  display: flex;\n  gap: 20px;\n  flex-direction: ${(props) => (props.theme.screens.md ? \"column\" : \"row\")};\n  align-items: ${(props) => (props.theme.screens.md ? \"stretch\" : \"center\")};\n\n  ${(props) =>\n    props.theme.screens.md &&\n    css`\n      ${Button} {\n        justify-content: center;\n      }\n    `};\n`;\n\nconst DescriptionBold = styled.span`\n  font-weight: 700;\n`;\n\nconst DescriptionWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  row-gap: 20px;\n`;\n\nconst MainImageContainer = styled.div`\n  position: relative;\n`;\n\nconst MainImage = styled.div`\n  position: absolute;\n  top: 0;\n  right: 0;\n\n  width: ${(props) => (props.theme.screens.md ? 405 : 827)}px;\n`;\n\nconst BottomSection = styled.div`\n  background-image: url(${(props) => props.theme.screens.md ? BottomSmallBg : BottomBg});\n  background-repeat: no-repeat;\n  background-position: top center;\n  background-size: cover;\n  position: relative;\n  padding-bottom: 60px;\n  margin-left: auto;\n  margin-right: auto;\n  max-width: 1920px;\n\n  ${(props) => !props.theme.screens.md && css`\n    &:after {\n      content: \"\";\n      display: block;\n      width: 100%;\n      height: 142px;\n      background: url(${MapOverlay}) no-repeat 0 0;\n      background-size: cover;\n      position: absolute;\n      left: 0;\n      bottom: -142px;\n      z-index: 1;\n    }\n  `};\n`;\n\nconst MobileLogoSlider = styled.div`\n  display: ${(props) => (props.theme.screens.md ? \"block\" : \"none\")};\n  max-width: 100%;\n  min-height: 200px;\n  overflow: hidden;\n`;\n\nconst DesktopLogoSlider = styled.div`\n  display: ${(props) => (props.theme.screens.md ? \"none\" : \"block\")};\n`;\n\nconst MotionBackgroundImageContainer = styled.div`\n  margin: auto;\n  max-width: ${(props) => (props.theme.screens.md ? 300 : 365)}px;\n`;\n\nconst App = () => {\n  const query = useStaticQuery(graphql`\n    query {\n      mainImage: file(name: { eq: \"home-main\" }) {\n        childImageSharp {\n          fluid(pngQuality: 90, webpQuality: 90) {\n            ...GatsbyImageSharpFluid_withWebp\n          }\n        }\n      }\n      homeGrid1: file(name: { eq: \"home-grid-01\" }) {\n        childImageSharp {\n          fluid(pngQuality: 90, webpQuality: 90, maxWidth: 365) {\n            ...GatsbyImageSharpFluid_withWebp\n          }\n        }\n      }\n      homeGrid2: file(name: { eq: \"home-grid-02\" }) {\n        childImageSharp {\n          fluid(pngQuality: 90, webpQuality: 90) {\n            ...GatsbyImageSharpFluid_withWebp\n          }\n        }\n      }\n      # userGridVideo: file(name: {eq: \"user-video-bg\"}) {\n      #   childImageSharp {\n      #     fixed(width: 457, pngQuality: 90, webpQuality: 90) {\n      #       ...GatsbyImageSharpFixed_withWebp\n      #     }\n      #   }\n      # },\n      # homeGrid: allFile(filter: {extension: {eq: \"png\"}, name: {regex: \"/home-grid/\"}}) {\n      #   edges {\n      #     node {\n      #       childImageSharp {\n      #         fixed(width: 560, height: 560,  pngQuality: 90, webpQuality: 90) {\n      #           ...GatsbyImageSharpFixed_withWebp\n      #         }\n      #       }\n      #       name\n      #     }\n      #   }\n      # }\n    }\n  `);\n\n  const breakpoints = useBreakpoint();\n  console.log(query);\n\n  return (\n    <Layout>\n      <SEO title=\"Stamper - strona główna\"/>\n      <HeroHome>\n        <MainImageContainer>\n          <MainImage>\n            <Img fluid={query.mainImage.childImageSharp.fluid} alt=\"stamper, aplikacja mobilna z programem lojalnościowym działającym podczas zamówień online oraz offline\" />\n          </MainImage>\n          <Container>\n            <MenuContainer>\n              <Menu />\n            </MenuContainer>\n          </Container>\n          <MobileMenu />\n          <Container>\n            <MainSection>\n              <TextContainer>\n                <HeadlineContainer>\n                  <Headline>\n                    <Bold>Program lojalnościowy</Bold>\n                    <br />z pieczątką na wynos\n                  </Headline>\n                </HeadlineContainer>\n                <DescriptionContainer>\n                  <DescriptionWrapper>\n                    <Description>\n                      Stamper pozwala użytkownikowi zbierać pieczątki z wielu\n                      programów lojalnościowych w jednym miejscu. Niezależnie od\n                      tego czy dokonujesz zakupu na miejscu czy na wynos.\n                    </Description>\n                    <Description>\n                      Dla przedsiębiorcy jest to narzędzie, które w łatwy sposób\n                      pozwala tworzyć promocje w wielu lokalach i kontrolować\n                      ich wyniki.\n                    </Description>\n                    <Description color=\"#709BE7\">\n                      <DescriptionBold>\n                        Ze Stamperem wszyscy są wygranymi!\n                      </DescriptionBold>\n                    </Description>\n                  </DescriptionWrapper>\n                </DescriptionContainer>\n                <ButtonsContainer>\n                  <Button variant=\"primary\" onClick={()=>{window.open('https://play.google.com/store/apps/details?id=com.getstamper.app')}}>\n                    Pobierz aplikację{\" \"}\n                    <IconContainer>\n                      <Android />\n                    </IconContainer>\n                  </Button>\n                  <Button variant=\"primary\" onClick={()=>{window.open('https://apps.apple.com/gb/app/stamper/id1467621267')}}>\n                    Pobierz aplikację{\" \"}\n                    <IconContainer>\n                      <Apple />\n                    </IconContainer>\n                  </Button>\n                </ButtonsContainer>\n              </TextContainer>\n            </MainSection>\n          </Container>\n        </MainImageContainer>\n      </HeroHome>\n      <Container>\n        <ContentGrid>\n          <ContentGridTextContainer>\n            <Title>\n              <TitleBold>Proste</TitleBold> zasady\n            </Title>\n            <ContentGridDescription>\n              Jedna aplikacja - nielimitowana ilość okazji na nagrody! Zbieraj\n              pieczątki i odbieraj nagrody - wszystko w Twoim telefonie!\n              <br />\n              <br />\n              Twórz różne programy lojalnościowe i nagradzaj swoich klientów.\n            </ContentGridDescription>\n          </ContentGridTextContainer>\n          <MotionBackground variant={0}>\n            <MotionBackgroundImageContainer>\n              <Img fluid={query.homeGrid1.childImageSharp.fluid} alt=\"stamper, aplikacja mobilna z programem lojalnościowym, dodawanie pieczątki\" />\n            </MotionBackgroundImageContainer>\n          </MotionBackground>\n        </ContentGrid>\n        <ContentGrid>\n          <MotionBackground variant={1}>\n            <Img fluid={query.homeGrid2.childImageSharp.fluid} alt=\"stamper, aplikacja mobilna z programem lojalnościowym, portfel klienta\" />\n          </MotionBackground>\n          <ContentGridTextContainer>\n            <Title>\n              <TitleBold>Wygoda</TitleBold>\n            </Title>\n            <ContentGridDescription>\n              Zapomnij o wielu aplikacjach i papierowych kartach\n              lojalnościowych. Miej wszystko pod ręką i oszczędzaj przy każdym\n              zakupie.\n              <br />\n              <br />\n              Przedsiębiorco - kontroluj wyniki promocji i w szybki sposób\n              twórz, modyfikuj i baw się promocjami, które pokochają Twoi stali\n              i nowi klienci!\n            </ContentGridDescription>\n          </ContentGridTextContainer>\n        </ContentGrid>\n      </Container>\n      <BottomSection>\n        <Container>\n          <SectionHeader color=\"#001331\" marginBottom={94} paddingTop={breakpoints.lg ? 67 : 176}>\n            <strong>Miejsca korzystające</strong> ze Stampera\n          </SectionHeader>\n          <DesktopLogoSlider>\n            <LogoSlider />\n          </DesktopLogoSlider>\n        </Container>\n        <MobileLogoSlider>\n          <LogoSlider />\n        </MobileLogoSlider>\n      </BottomSection>\n      <Map />\n\n      <Container></Container>\n    </Layout>\n  );\n};\n\nexport default App;\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYwIiBoZWlnaHQ9IjU5OCIgdmlld0JveD0iMCAwIDM2MCA1OTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDU5Ny41SDM2MVY5MC44NjcySDFWNTk3LjVaIiBmaWxsPSIjRjhGQUZGIi8+CjxwYXRoIGQ9Ik0zNjIgOTAuODY3MkgwVjUuODY3MjJDNTQuMTY2NyAxNC4zNjcyIDExMCAzMi4zNjcyIDIwOSAxMC44NjcyQzI3MS4zIC0yLjY2MjU0IDM0NS44MzMgLTIuNjMyNzggMzYyIDUuODY3MjJWOTAuODY3MloiIGZpbGw9IiNGOEZBRkYiLz4KPC9zdmc+Cg==\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxNTE3IiB2aWV3Qm94PSIwIDAgMTkyMCAxNTE3IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNLTYgMTUxNi4yOEgxOTIwVjM5LjI4MTJDMTkyMCAzOS4yODEyIDE1ODguNTYgLTIzLjIwNTIgMTM2MSA5LjQ0MzczQzExMzMuNDQgNDIuMDkyNyA4NTguNSAxMDguMTI5IDU0MCA4MS43ODEyQzIyMS41IDU1LjQzMzEgLTYgOS40NDM3MyAtNiA5LjQ0MzczVjE1MTYuMjhaIiBmaWxsPSIjRjhGQUZGIi8+Cjwvc3ZnPgo=\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkyMCIgaGVpZ2h0PSIxNDMiIHZpZXdCb3g9IjAgMCAxOTIwIDE0MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE5MjAgMEgtNi4wMDAxMlYxMDNDLTYuMDAwMTIgMTAzIDI1Ni40NDEgMTY1LjQ4NiA0ODQgMTMyLjgzOEM3MTEuNTU5IDEwMC4xODkgMTI2NC41IDI5LjUgMTU3OC41IDc4LjVDMTg5Mi41IDEyNy41IDE5MjAgMTMyLjgzOCAxOTIwIDEzMi44MzhWMFoiIGZpbGw9IiNGOEZBRkYiLz4KPC9zdmc+Cg==\"","\"use strict\";\n\nexports.__esModule = true;\n\nvar _BreakpointProvider = require(\"./BreakpointProvider\");\n\nexports.useBreakpoint = _BreakpointProvider.useBreakpoint;\nexports.BreakpointProvider = _BreakpointProvider.BreakpointProvider;\nexports.BreakpointContext = _BreakpointProvider.BreakpointContext;\n\nvar _withBreakpoints = require(\"./withBreakpoints\");\n\nexports.withBreakpoints = _withBreakpoints.withBreakpoints;","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports.withBreakpoints = void 0;\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _BreakpointProvider = require(\"./BreakpointProvider\");\n\nconst withBreakpoints = Component => {\n  return props => {\n    const breakpoints = (0, _BreakpointProvider.useBreakpoint)();\n    return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({\n      breakpoints: breakpoints\n    }, props));\n  };\n};\n\nexports.withBreakpoints = withBreakpoints;","var React = require('react');\n\nfunction UserGrid1 (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"opacity\":\"0.15\",\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M489.591 556.562C536.99 518.857 468.588 431.859 461.199 365.858C454.257 303.851 485.404 242.581 448.266 187.429C405.292 123.611 332.444 71.6215 261.152 68.781C191.334 65.9992 141.887 119.34 106.855 173.826C77.9702 218.75 72.7305 277.853 89.7598 335.347C103.848 382.911 147.332 415.906 187.979 447.716C221.138 473.666 257.938 483.153 296.328 497.007C362.698 520.959 441.045 595.179 489.591 556.562Z\",\"fill\":\"#709BE7\"}));\n}\n\nUserGrid1.defaultProps = {\"width\":\"658\",\"height\":\"658\",\"viewBox\":\"0 0 658 658\",\"fill\":\"none\"};\n\nmodule.exports = UserGrid1;\n\nUserGrid1.default = UserGrid1;\n","var React = require('react');\n\nfunction UserGrid2 (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"opacity\":\"0.15\",\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M300.507 560.066C245.552 564.594 201.306 523.822 157.425 490.431C123.4 464.539 94.9619 433.822 81.3432 393.293C67.4256 351.875 72.4072 309.737 82.4151 267.205C97.4849 203.16 91.1742 114.51 152.53 90.7564C213.583 67.1205 262.279 147.422 321.887 174.495C388.472 204.737 484.616 190.274 516.525 256.078C549.175 323.41 506.227 404.26 462.881 465.259C425.14 518.37 365.442 554.715 300.507 560.066Z\",\"fill\":\"#709BE7\"}));\n}\n\nUserGrid2.defaultProps = {\"width\":\"587\",\"height\":\"613\",\"viewBox\":\"0 0 587 613\",\"fill\":\"none\"};\n\nmodule.exports = UserGrid2;\n\nUserGrid2.default = UserGrid2;\n","var React = require('react');\n\nfunction UserGrid3 (props) {\n    return React.createElement(\"svg\",props,React.createElement(\"path\",{\"opacity\":\"0.15\",\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M95.5773 130.664C65.1287 183.021 160.479 239.198 191.357 297.997C220.366 353.238 213.625 421.639 268.272 459.516C331.507 503.344 418.271 525.292 485.717 502.021C551.769 479.23 578.44 411.563 591.268 348.07C601.844 295.718 585.238 238.754 548.473 191.385C518.057 152.198 465.553 137.269 416.123 122.413C375.799 110.293 338.067 114.833 297.268 115.884C226.732 117.699 126.763 77.041 95.5773 130.664Z\",\"fill\":\"#709BE7\"}));\n}\n\nUserGrid3.defaultProps = {\"width\":\"657\",\"height\":\"569\",\"viewBox\":\"0 0 657 569\",\"fill\":\"none\"};\n\nmodule.exports = UserGrid3;\n\nUserGrid3.default = UserGrid3;\n"],"names":["Chevron","color","width","height","viewBox","fill","xmlns","fillRule","clipRule","d","Rotate","styled","logos","src","alt","LogoContainer","motion","attrs","whileHover","scale","Nav","props","theme","screens","md","Slider","Container","layout","x","css","LogoSlider","isActive","React","data","setLogos","handleSlide","direction","last","slice","rest","first","timerRef","callback","current","id","setInterval","clearInterval","onClick","map","idx","key","BackgroundContainer","MotionBackground","variant","children","useMotionValue","y","wrapperRef","ref","onMouseMove","event","getBoundingClientRect","left","top","set","clientX","clientY","initial","renderBackground","HeroHome","HeroSmall","HeroBig","MainSection","HeadlineContainer","TextContainer","DescriptionContainer","ButtonsContainer","Button","DescriptionBold","DescriptionWrapper","MainImageContainer","MainImage","BottomSection","MobileLogoSlider","DesktopLogoSlider","MotionBackgroundImageContainer","query","useStaticQuery","breakpoints","useBreakpoint","console","log","title","fluid","mainImage","childImageSharp","window","open","homeGrid1","homeGrid2","marginBottom","paddingTop","lg","_BreakpointProvider","require","exports","BreakpointProvider","BreakpointContext","withBreakpoints","_interopRequireDefault","__esModule","_extends2","_react","Component","default","createElement","UserGrid1","defaultProps","module","UserGrid2","UserGrid3"],"sourceRoot":""}