{"version":3,"file":"component---src-pages-about-us-eyal-avramovich-tsx-9f59de0dfc97dfc229d1.js","mappings":"6RAIaA,EAAcC,EAAAA,GAAAA,IAAH,uGACT,qBAAGC,MAAkBC,WAAWC,wBAMlCC,EAAgBJ,EAAAA,GAAAA,IAAH,snBAiCf,qBAAGC,MAAkBI,QAAQC,SAK3BC,GAAsBP,EAAAA,EAAAA,IAAOI,EAAPJ,CAAH,wGAIrB,qBAAGC,MAAkBI,QAAQC,SAK3BE,GAAWR,EAAAA,EAAAA,IAAOS,EAAAA,KAAPT,CAAH,8TAKV,qBAAGC,MAAkBI,QAAQK,UAO7B,qBAAGT,MAAkBI,QAAQM,SAW3BC,EAAOZ,EAAAA,GAAAA,IAAH,uEAKJa,EAAiBb,EAAAA,GAAAA,IAAH,4QACZ,qBAAGC,MAAkBC,WAAWC,wBAOpC,qBAAGF,MAAkBI,QAAQK,UAU3BI,EAAQd,EAAAA,GAAAA,GAAH,mNACH,qBAAGC,MAAkBc,SAASC,kBAMlC,qBAAGf,MAAkBI,QAAQK,UACvB,qBAAGT,MAAkBc,SAASE,SClD/C,EA7CkB,WAChB,OAEIC,EAAAA,EAAAA,gBAAe,cADjBC,KAAQC,EADV,EACUA,QAASH,EADnB,EACmBA,MAUnB,OACE,2BACE,gBAAClB,EAAD,KACE,gBAACS,EAAD,CAAUa,GAAIC,EAAAA,GAAAA,SACZ,gBAACV,EAAD,CAAMW,IAAKC,EAAAA,IACX,sCAGJ,gBAACjB,EAAD,KACE,gBAAC,EAAAkB,EAAD,CACEF,IAAI,kEACJG,IAAI,kBACJC,QAAS,IACTC,YAAY,UAJd,uBAOF,gBAACxB,EAAD,KACE,gBAAC,EAAAqB,EAAD,CACEF,IAAI,2DACJG,IAAI,kBACJG,OAAO,YACPF,QAAS,GACTC,YAAY,UALd,uBAQF,gBAACf,EAAD,KACE,gBAACC,EAAD,KAAQG,GACR,uBAAKa,wBAAyB,CAAEC,OAAQX,QC3BhD,EAnBkB,WAChB,IAAQY,GAAWd,EAAAA,EAAAA,gBAAe,cAA1Bc,OAUR,OAFAA,EAAOC,IAAIC,aAAeZ,EAAAA,GAAAA,UAGxB,gBAACa,EAAA,EAAD,CAAQC,gBAAiBnC,EAAAA,GAAAA,QAAAA,MACvB,gBAACoC,EAAA,EAAD,CAAKC,SAAUN,GAAU,KACzB,gBAAC,EAAD,S","sources":["webpack://gatsby-starter-default/./src/components/AboutEyal/styled.tsx","webpack://gatsby-starter-default/./src/components/AboutEyal/AboutEyal.tsx","webpack://gatsby-starter-default/./src/pages/about-us/eyal-avramovich.tsx"],"sourcesContent":["import { Link } from 'gatsby';\n\nimport styled from 'styles/styled';\n\nexport const BackWrapper = styled.div`\n  max-width: ${({ theme }) => theme.dimensions.contentMaxWidthSmall}px;\n  margin: 0 auto;\n  position: relative;\n  width: 100%;\n`;\n\nexport const BannerWrapper = styled.div`\n  display: none;\n  left: 50%;\n  max-width: 100%;\n  position: relative;\n  transform: translateX(-50%);\n  width: 100vw;\n\n  &::before,\n  &::after {\n    content: '';\n    height: 10vw;\n    left: 0;\n    position: absolute;\n    right: 0;\n    z-index: 1;\n  }\n\n  &::before {\n    background-image: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));\n    top: 0;\n  }\n\n  &::after {\n    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));\n    bottom: 0;\n  }\n\n  .gatsby-image-wrapper {\n    height: 100%;\n    width: 100%;\n  }\n\n  @media ${({ theme }) => theme.devices.small} {\n    display: block;\n  }\n`;\n\nexport const BannerWrapperMobile = styled(BannerWrapper)`\n  display: block;\n  height: 100vw;\n\n  @media ${({ theme }) => theme.devices.small} {\n    display: none;\n  }\n`;\n\nexport const BackLink = styled(Link)`\n  align-items: center;\n  display: flex;\n  margin-left: 20px;\n\n  @media ${({ theme }) => theme.devices.medium} {\n    left: 0;\n    position: absolute;\n    top: 0;\n    z-index: 1;\n  }\n\n  @media ${({ theme }) => theme.devices.large} {\n    margin-left: 0;\n  }\n\n  span {\n    display: block;\n    margin-left: 10px;\n    text-transform: uppercase;\n  }\n`;\n\nexport const Icon = styled.img`\n  width: 23px;\n  transform: rotateZ(180deg);\n`;\n\nexport const ContentWrapper = styled.div`\n  max-width: ${({ theme }) => theme.dimensions.contentMaxWidthSmall}px;\n  margin: -40px auto 0;\n  padding: 0 20px 100px;\n  position: relative;\n  text-align: center;\n  z-index: 1;\n\n  @media ${({ theme }) => theme.devices.medium} {\n    margin-top: -50px;\n    text-align: left;\n  }\n\n  p + p {\n    margin-top: 10px;\n  }\n`;\n\nexport const Title = styled.h1`\n  font-size: ${({ theme }) => theme.fontSize.subtitleMobile};\n  font-weight: 500;\n  margin-bottom: 20px;\n  text-align: center;\n  text-transform: uppercase;\n\n  @media ${({ theme }) => theme.devices.medium} {\n    font-size: ${({ theme }) => theme.fontSize.title};\n    margin-bottom: 30px;\n  }\n`;\n","import React from 'react';\nimport { graphql, useStaticQuery } from 'gatsby';\nimport { StaticImage } from 'gatsby-plugin-image';\n\nimport { ROUTES } from 'constants/common';\nimport ArrowIcon from 'images/icons/circle-arrow.svg';\n\nimport {\n  BackLink,\n  BannerWrapperMobile,\n  BannerWrapper,\n  ContentWrapper,\n  Icon,\n  Title,\n  BackWrapper,\n} from './styled';\n\nconst AboutEyal = () => {\n  const {\n    page: { content, title },\n  } = useStaticQuery(graphql`\n    query AboutEyal {\n      page: wpPage(slug: { in: \"about-eyal\" }) {\n        content\n        title\n      }\n    }\n  `);\n\n  return (\n    <div>\n      <BackWrapper>\n        <BackLink to={ROUTES.aboutUs}>\n          <Icon src={ArrowIcon} />\n          <span>back</span>\n        </BackLink>\n      </BackWrapper>\n      <BannerWrapperMobile>\n        <StaticImage\n          src=\"../../images/about-eyal/eyal_avramovich_ceo_minebest-mobile.png\"\n          alt=\"Eyal Avramovich\"\n          quality={100}\n          placeholder=\"blurred\"\n        />\n      </BannerWrapperMobile>\n      <BannerWrapper>\n        <StaticImage\n          src=\"../../images/about-eyal/eyal_avramovich_ceo_minebest.png\"\n          alt=\"Eyal Avramovich\"\n          layout=\"fullWidth\"\n          quality={80}\n          placeholder=\"blurred\"\n        />\n      </BannerWrapper>\n      <ContentWrapper>\n        <Title>{title}</Title>\n        <div dangerouslySetInnerHTML={{ __html: content }} />\n      </ContentWrapper>\n    </div>\n  );\n};\n\nexport default AboutEyal;\n","import React from 'react';\nimport { graphql, useStaticQuery } from 'gatsby';\n\nimport { theme } from 'styles/styled';\nimport { ROUTES } from 'constants/common';\n\nimport SEO from 'components/SEO';\nimport Layout from 'components/Layout';\nimport AboutEyalContent from 'components/AboutEyal';\n\nconst AboutEyal = () => {\n  const { wpPage } = useStaticQuery(graphql`\n    query {\n      wpPage(slug: { in: \"about-eyal\" }) {\n        ...MetaData\n      }\n    }\n  `);\n\n  wpPage.seo.opengraphUrl = ROUTES.aboutEyal;\n\n  return (\n    <Layout backgroundColor={theme.palette.dark}>\n      <SEO metadata={wpPage || {}} />\n      <AboutEyalContent />\n    </Layout>\n  );\n};\n\nexport default AboutEyal;\n"],"names":["BackWrapper","styled","theme","dimensions","contentMaxWidthSmall","BannerWrapper","devices","small","BannerWrapperMobile","BackLink","Link","medium","large","Icon","ContentWrapper","Title","fontSize","subtitleMobile","title","useStaticQuery","page","content","to","ROUTES","src","ArrowIcon","S","alt","quality","placeholder","layout","dangerouslySetInnerHTML","__html","wpPage","seo","opengraphUrl","Layout","backgroundColor","SEO","metadata"],"sourceRoot":""}