{"version":3,"sources":["webpack:///./src/components/JoinUs/JoinUs.tsx","webpack:///./src/pages/join-us.tsx","webpack:///./src/components/JoinUs/styled.tsx","webpack:///./src/components/ui/Paragraph/index.tsx","webpack:///./src/components/ui/Paragraph/Paragraph.tsx"],"names":["JoinUs","useStaticQuery","joinUs","pageContent","pageTitle","description","subtitle","title","ourVacancies","useJoinUsContent","dangerouslySetInnerHTML","__html","as","href","BlogSinglePage","Layout","SEO","Wrapper","styled","section","theme","dimensions","spacingBase10","fontWeight","bold","devices","medium","large","GradientTitle","h2","gradientTextStyles","fontSize","StyledLink","a","ui","transition","regular","opacity","ButtonWrapper","div","JoinUsDescription","Paragraph","p","palette","lightDark","baseMobile","base","WhiteParagraph","light"],"mappings":"uLAwCeA,EA1BA,WAAM,MA4BrB,WAA4B,MAKtBC,yBAAe,cAHjBC,OACEC,YAAeC,EAHO,EAGPA,UAAWC,EAHJ,EAGIA,YAAaC,EAHjB,EAGiBA,SAAUC,EAH3B,EAG2BA,MAAOC,EAHlC,EAGkCA,aAkB5D,MAAO,CAAEJ,YAAWC,cAAaC,WAAUC,QAAOC,gBA1C9CC,GALFL,EAFiB,EAEjBA,UACAG,EAHiB,EAGjBA,MACAD,EAJiB,EAIjBA,SACAD,EALiB,EAKjBA,YACAG,EANiB,EAMjBA,aAGF,OACE,kBAAC,IAAD,KACE,kBAAC,IAAD,KAAgBJ,GAChB,iCACE,4BAAKG,GACL,4BAAKD,GACL,kBAAC,IAAD,CAAmBI,wBAAyB,CAAEC,OAAQN,KACtD,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAQO,GAAG,IAAIC,KAnBvB,gFAoBWL,OCdEM,UAZQ,WACrB,OACE,kBAACC,EAAA,EAAD,KACE,kBAACC,EAAA,EAAD,CACET,MAAM,uBACNF,YAAY,gJAEd,kBAAC,EAAD,S,g5DCTC,IAAMY,EAAUC,IAAOC,QAAV,KAKD,mBAAgD,GAAhD,EAAGC,MAAkBC,WAAWC,iBAIhC,qBAAGF,MAAkBG,WAAWC,QAEtC,qBAAGJ,MAAkBK,QAAQC,UAWxB,mBAAgD,EAAhD,EAAGN,MAAkBC,WAAWC,iBAIvC,qBAAGF,MAAkBK,QAAQC,UAM7B,qBAAGN,MAAkBK,QAAQE,SAIrB,qBAAGP,MAAkBC,WAAWC,iBAetCM,EAAgBV,IAAOW,GAAV,IACtBC,KACW,qBAAGV,MAAkBW,SAASxB,SAC5B,qBAAGa,MAAkBG,WAAWC,QAEjC,mBAAgD,EAAhD,EAAGJ,MAAkBC,WAAWC,iBAGrC,qBAAGF,MAAkBK,QAAQE,SAEvB,qBAAGP,MAAkBW,SAAS3B,aAMlC4B,EAAad,IAAOe,EAAV,KACP,qBAAGb,MAAkBc,GAAGC,WAAW,cAClC,qBAAGf,MAAkBG,WAAWa,WAGlC,qBAAGhB,MAAkBc,GAAGG,aAG5B,qBAAGjB,MAAkBK,QAAQC,UACrB,qBAAGN,MAAkBG,WAAWC,QAItCc,EAAgBpB,IAAOqB,IAAV,KAKf,qBAAGnB,MAAkBK,QAAQC,UAK3Bc,EAAoBtB,YAAOuB,IAAPvB,CAAH,KAEZ,qBAAGE,MAAkBc,GAAGC,WAAW,cAClC,qBAAGf,MAAkBG,WAAWa,WAGlC,qBAAGhB,MAAkBc,GAAGG,aAG5B,qBAAGjB,MAAkBK,QAAQC,UACrB,qBAAGN,MAAkBG,WAAWC,S,kCCxGrD,qD,kbCEA,IAAMiB,EAAYvB,IAAOwB,EAAV,KACJ,qBAAGtB,MAAkBuB,QAAQC,aACzB,qBAAGxB,MAAkBW,SAASc,cAIlC,qBAAGzB,MAAkBK,QAAQC,UACvB,qBAAGN,MAAkBW,SAASe,QAMlCC,EAAiB7B,YAAOuB,EAAPvB,CAAH,KAChB,qBAAGE,MAAkBuB,QAAQK,SAGzBP","file":"component---src-pages-join-us-tsx-5dc58121fe2021950d05.js","sourcesContent":["import React from 'react';\nimport { graphql, useStaticQuery } from 'gatsby';\n\nimport { Button } from 'components/JoinUsButton/styled';\nimport {\n  Wrapper,\n  GradientTitle,\n  ButtonWrapper,\n  JoinUsDescription,\n} from './styled';\n\nconst OUR_VACANCIES_URL =\n  'https://www.praca.pl/s-cloud,best,sp,z,o,o.html?p=Cloud+Best+Sp.+z+o.+o.%2C+';\n\nconst JoinUs = () => {\n  const {\n    pageTitle,\n    title,\n    subtitle,\n    description,\n    ourVacancies,\n  } = useJoinUsContent();\n\n  return (\n    <Wrapper>\n      <GradientTitle>{pageTitle}</GradientTitle>\n      <article>\n        <h2>{title}</h2>\n        <h3>{subtitle}</h3>\n        <JoinUsDescription dangerouslySetInnerHTML={{ __html: description }} />\n        <ButtonWrapper>\n          <Button as=\"a\" href={OUR_VACANCIES_URL}>\n            {ourVacancies}\n          </Button>\n        </ButtonWrapper>\n      </article>\n    </Wrapper>\n  );\n};\n\nexport default JoinUs;\n\nfunction useJoinUsContent() {\n  const {\n    joinUs: {\n      pageContent: { pageTitle, description, subtitle, title, ourVacancies },\n    },\n  } = useStaticQuery(\n    graphql`\n      query {\n        joinUs: wpPage(title: { in: \"Join us\" }) {\n          pageContent {\n            pageTitle\n            description\n            subtitle\n            title\n            ourVacancies\n          }\n        }\n      }\n    `,\n  );\n\n  return { pageTitle, description, subtitle, title, ourVacancies };\n}\n","import React from 'react';\n\nimport Layout from 'components/Layout';\nimport SEO from 'components/SEO';\nimport JoinUs from 'components/JoinUs';\n\nconst BlogSinglePage = () => {\n  return (\n    <Layout>\n      <SEO\n        title=\"Join Us! - CloudBest\"\n        description=\"Work with some of the most talented and skilled experts on ambitious global projects and innovative technology that disrupts the industry. \"\n      />\n      <JoinUs />\n    </Layout>\n  );\n};\n\nexport default BlogSinglePage;\n","import styled from 'styles/styled';\nimport { gradientTextStyles } from 'components/ui/Heading';\nimport Paragraph from 'components/ui/Paragraph';\n\nexport const Wrapper = styled.section`\n  position: relative;\n  z-index: 1;\n  width: 100%;\n  display: grid;\n  margin-bottom: ${({ theme }) => theme.dimensions.spacingBase10 * 10}px;\n\n  h2 {\n    margin-bottom: 32px;\n    font-weight: ${({ theme }) => theme.fontWeight.bold};\n\n    @media ${({ theme }) => theme.devices.medium} {\n      margin-bottom: 0;\n    }\n  }\n\n  h3 {\n    margin-top: -24px;\n    margin-bottom: 15px;\n  }\n\n  p {\n    margin-top: ${({ theme }) => theme.dimensions.spacingBase10 * 2}px;\n    line-height: 18px;\n  }\n\n  @media ${({ theme }) => theme.devices.medium} {\n    h3 {\n      margin-top: 0;\n    }\n  }\n\n  @media ${({ theme }) => theme.devices.large} {\n    margin-top: 250px;\n    align-items: center;\n    height: 100%;\n    padding-top: ${({ theme }) => theme.dimensions.spacingBase10}px;\n    grid-template-columns: 1fr 1fr;\n    grid-gap: 10px;\n\n    h3 {\n      margin-top: 0;\n      margin-bottom: 22px;\n    }\n\n    h2 {\n      margin-top: 0;\n    }\n  }\n`;\n\nexport const GradientTitle = styled.h2`\n  ${gradientTextStyles};\n  font-size: ${({ theme }) => theme.fontSize.title};\n  font-weight: ${({ theme }) => theme.fontWeight.bold};\n  text-align: center;\n  margin-top: ${({ theme }) => theme.dimensions.spacingBase10 * 7}px;\n  letter-spacing: 1.26px;\n\n  @media ${({ theme }) => theme.devices.large} {\n    text-align: left;\n    font-size: ${({ theme }) => theme.fontSize.pageTitle};\n    margin-top: 0;\n    padding-bottom: 45px;\n  }\n`;\n\nexport const StyledLink = styled.a`\n  transition: ${({ theme }) => theme.ui.transition('opacity')};\n  font-weight: ${({ theme }) => theme.fontWeight.regular};\n\n  &:hover {\n    opacity: ${({ theme }) => theme.ui.opacity()};\n  }\n\n  @media ${({ theme }) => theme.devices.medium} {\n    font-weight: ${({ theme }) => theme.fontWeight.bold};\n  }\n`;\n\nexport const ButtonWrapper = styled.div`\n  display: flex;\n  margin-top: 29px;\n  justify-content: center;\n\n  @media ${({ theme }) => theme.devices.medium} {\n    justify-content: flex-start;\n  }\n`;\n\nexport const JoinUsDescription = styled(Paragraph)`\n  a {\n    transition: ${({ theme }) => theme.ui.transition('opacity')};\n    font-weight: ${({ theme }) => theme.fontWeight.regular};\n\n    &:hover {\n      opacity: ${({ theme }) => theme.ui.opacity()};\n    }\n\n    @media ${({ theme }) => theme.devices.medium} {\n      font-weight: ${({ theme }) => theme.fontWeight.bold};\n    }\n  }\n`;\n","export { default } from './Paragraph';\n","import styled from 'styles/styled';\n\nconst Paragraph = styled.p`\n  color: ${({ theme }) => theme.palette.lightDark};\n  font-size: ${({ theme }) => theme.fontSize.baseMobile};\n  letter-spacing: 0.1px;\n  line-height: 18px;\n\n  @media ${({ theme }) => theme.devices.medium} {\n    font-size: ${({ theme }) => theme.fontSize.base};\n    letter-spacing: 0.14px;\n    line-height: 22px;\n  }\n`;\n\nexport const WhiteParagraph = styled(Paragraph)`\n  color: ${({ theme }) => theme.palette.light};\n`;\n\nexport default Paragraph;\n"],"sourceRoot":""}