{"version":3,"sources":["webpack:///./src/styles/careers.module.scss","webpack:///./src/pages/ca/ofertes-de-feina.jsx","webpack:///./src/components/pages/Careers/index.jsx","webpack:///./src/components/position-card/index.module.scss"],"names":["module","exports","Careers","data","pageContext","seoDataJson","seoData","url","url_ca","titleSeo","title_ca","description","description_ca","alternateLanguage","alternateLanguage_ca","alternateUrl","alternateUrl_ca","resultUrls","urls","filter","obj","id","lang","CareersPage","careersImagesDesktop","nodes","map","node","childImageSharp","careersImagesMobile","Layout","leftContactUs","lan","location","contrast","first","firstTitle","tt","subtitle","SliderBanner","slides","buildResponsiveImages","item","index","ResponsiveImage","key","alt","fluid","title","text","className","styles"],"mappings":"iFACAA,EAAOC,QAAU,CAAC,uBAAyB,gDAAgD,YAAc,qCAAqC,eAAiB,wCAAwC,oBAAsB,+C,oCCA7N,4CA8EeC,UAzEC,SAAC,GAA2B,IAAzBC,EAAwB,EAAxBA,KAAMC,EAAkB,EAAlBA,YACfC,EAAgBF,EAAhBE,YACFC,EAAU,CACdC,IAAKF,EAAYG,OACjBC,SAAUJ,EAAYK,SACtBC,YAAaN,EAAYO,eACzBC,kBAAmBR,EAAYS,qBAC/BC,aAAcV,EAAYW,iBAErBC,EAAcb,EAAYc,KAAKC,QAAO,SAAAC,GAC3C,MAAkB,YAAXA,EAAIC,MADb,GAIA,OACE,kBAAC,IAAD,CACEC,KAjBO,KAkBPnB,KAAMA,EACNG,QAASA,EACTY,KAAMD,M,iMCuFGM,IApGK,SAAC,GAAmC,IAAjCpB,EAAgC,EAAhCA,KAAMmB,EAA0B,EAA1BA,KAAMhB,EAAoB,EAApBA,QAASY,EAAW,EAAXA,KAapCM,EAAuBrB,EAAKqB,qBAAqBC,MAAMC,KAC3D,SAAAC,GAAI,OAAIA,EAAKC,mBAETC,EAAsB1B,EAAK0B,oBAAoBJ,MAAMC,KACzD,SAAAC,GAAI,OAAIA,EAAKC,mBAGf,OACE,kBAACE,EAAA,EAAD,CACEC,eAAa,EACbC,IAAKV,EACLW,SAAS,UACTC,UAAU,EACV5B,QAASA,EACTY,KAAMA,GAEN,kBAAC,IAAD,CACEiB,OAAK,EACLC,WAAYC,IAAG,UAAWf,GAC1BgB,SAAUD,IACR,6EACAf,KAGJ,kBAACiB,EAAA,EAAD,CACEC,OAAQC,YACNjB,EACAK,GACAH,KAAI,SAACgB,EAAMC,GACX,OAAO,kBAACC,EAAA,EAAD,CAAiBC,IAAKF,EAAOG,IAAI,GAAGC,MAAOL,EAAKK,aAe3D,kBAAC,IAAD,CACEC,MAAOX,IAAG,kBAAmBf,GAC7BgB,SAAUD,IACR,wEACAf,GAEF2B,KACE,6BACE,uBAAGC,UAAWC,IAAOxC,aAClB0B,IACC,0FACAf,IAGJ,uBAAG4B,UAAWC,IAAOxC,aAClB0B,IACC,4HACAf,IAGJ,uBAAG4B,UAAWC,IAAOxC,aAClB0B,IACC,qLACAf,IAGJ,uBAAG4B,UAAWC,IAAOxC,aAClB0B,IAAG,8CAA+Cf,U,qBC9FjEtB,EAAOC,QAAU,CAAC,QAAU,+BAA+B,MAAQ","file":"component---src-pages-ca-ofertes-de-feina-jsx-924cb25ad6311e47f49d.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"blue_section_container\":\"careers-module--blue_section_container--4ygb_\",\"description\":\"careers-module--description--27aUo\",\"text_container\":\"careers-module--text_container--1SxK3\",\"positions_container\":\"careers-module--positions_container--MH83A\"};","import { graphql } from \"gatsby\"\nimport React from \"react\"\nimport CareersPage from '../../components/pages/Careers'\n\nconst lang = 'ca'\n\nconst Careers = ({ data, pageContext }) => {\n  const { seoDataJson } = data\n  const seoData = {\n    url: seoDataJson.url_ca,\n    titleSeo: seoDataJson.title_ca,\n    description: seoDataJson.description_ca,\n    alternateLanguage: seoDataJson.alternateLanguage_ca,\n    alternateUrl: seoDataJson.alternateUrl_ca,\n  }\n  const [resultUrls] = pageContext.urls.filter(obj => {\n    return obj.id === \"CAREERS\"\n  })\n\n  return (\n    <CareersPage\n      lang={lang}\n      data={data}\n      seoData={seoData}\n      urls={resultUrls}\n    />\n  )\n}\n\nexport const pageQuery = graphql`\n  query careersCaQuery {\n    careersImagesDesktop: allFile(\n      filter: {\n        relativePath: { glob: \"group/careers/desktop/*\" }\n        extension: { eq: \"jpg\" }\n      }\n    ) {\n      nodes {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 1000) {\n            ...GatsbyImageSharpFluid_withWebp\n          }\n        }\n      }\n    }\n    careersImagesMobile: allFile(\n      filter: {\n        relativePath: { glob: \"group/careers/mobile/*\" }\n        extension: { eq: \"jpg\" }\n      }\n    ) {\n      nodes {\n        childImageSharp {\n          fluid(quality: 100, maxWidth: 1000) {\n            ...GatsbyImageSharpFluid_withWebp\n          }\n        }\n      }\n    }\n    seoDataJson(name: { eq: \"careers\" }) {\n      url_ca\n      title_ca\n      description_ca\n      alternateLanguage_ca\n      alternateUrl_ca\n    }\n    allCareersJson(filter: { lang: { eq: \"ca\" } }) {\n      edges {\n        node {\n          name\n          title\n          sendTo\n          lang\n        }\n      }\n    }\n  }\n`\n\nexport default Careers\n","import React from \"react\"\nimport Layout from \"../../Layout/Layout\"\nimport PositionCard from \"../../position-card/positionCard\"\nimport NewSlider from \"../../NewSlider/NewSlider\"\nimport styles from \"../../../styles/careers.module.scss\"\nimport WhiteSection from \"../../whiteSection/whiteSection\"\nimport tt from \"../../../helpers/translation\"\nimport buildResponsiveImages from \"../../../helpers/buildResponsiveImages\"\nimport ResponsiveImage from \"../../ResponsiveImage/ResponsiveImage\"\nimport SliderBanner from \"../../sliderBanner/SliderBanner\"\n\nconst CareersPage = ({ data, lang, seoData, urls }) => {\n  const careersMap = data => {\n    return data.allCareersJson.edges.map((element, index) => (\n      <PositionCard\n        key={index}\n        name={element.node.name}\n        title={element.node.title}\n        sendTo={element.node.sendTo}\n        textButton={tt(\"View role\", lang)}\n      />\n    ))\n  }\n\n  const careersImagesDesktop = data.careersImagesDesktop.nodes.map(\n    node => node.childImageSharp\n  )\n  const careersImagesMobile = data.careersImagesMobile.nodes.map(\n    node => node.childImageSharp\n  )\n\n  return (\n    <Layout\n      leftContactUs\n      lan={lang}\n      location=\"careers\"\n      contrast={true}\n      seoData={seoData}\n      urls={urls}\n    >\n      <WhiteSection\n        first\n        firstTitle={tt(\"Join us\", lang)}\n        subtitle={tt(\n          \"Be part of an ambitious and talented team. We would love to hear from you.\",\n          lang\n        )}\n      />\n      <SliderBanner\n        slides={buildResponsiveImages(\n          careersImagesDesktop,\n          careersImagesMobile\n        ).map((item, index) => {\n          return <ResponsiveImage key={index} alt=\"\" fluid={item.fluid} />\n        })}\n      />\n      {/* The next code is commented because it didn’t respond well when\n      directly loading on the phone a certain route. Should be improved in order to use it instead of current solution\ndue to the current need to load js to display */}\n      {/* <NewSlider\n        slides={buildResponsiveImages(\n          careersImagesDesktop,\n          careersImagesMobile\n        ).map((item, index) => {\n          return <ResponsiveImage key={index} alt=\"\" fluid={item.fluid} />\n        })}\n        className={styles.slider}\n      ></NewSlider> */}\n      <WhiteSection\n        title={tt(\"The environment\", lang)}\n        subtitle={tt(\n          \"We are a technology, design & innovation studio located in Barcelona.\",\n          lang\n        )}\n        text={\n          <div>\n            <p className={styles.description}>\n              {tt(\n                \"If you are a developer looking to be part of a talented and motivated team. Contact us.\",\n                lang\n              )}\n            </p>\n            <p className={styles.description}>\n              {tt(\n                \"We are developers with many years of experience and for this reason we offer the team the benefits we want for ourselves.\",\n                lang\n              )}\n            </p>\n            <p className={styles.description}>\n              {tt(\n                \"Good working atmosphere, agile methodologies, mentoring by senior profiles, and policy combining work with private life. Our working day is seven hours on an intensive timetable.\",\n                lang\n              )}\n            </p>\n            <p className={styles.description}>\n              {tt(\"If you like what you have read, contact us.\", lang)}\n            </p>\n          </div>\n        }\n      />\n      {/* <div className={`${styles.blue_section_container}`}>\n        <div className={styles.text_container}>\n          <h2>{tt(\"Careers\", lang)}</h2>\n          <h3>{tt(\"Open positions\", lang)}</h3>\n          <div className={styles.positions_container}>{careersMap(data)}</div>\n        </div>\n      </div> */}\n    </Layout>\n  )\n}\n\nexport default CareersPage\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"index-module--wrapper--1TlBj\",\"texts\":\"index-module--texts--26QfM\"};"],"sourceRoot":""}