{"version":3,"sources":["webpack:///./src/styles/careers.module.scss","webpack:///./src/components/pages/Careers/index.jsx","webpack:///./src/pages/careers.jsx","webpack:///./src/components/position-card/index.module.scss"],"names":["module","exports","CareersPage","data","lang","seoData","urls","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","description","Careers","pageContext","seoDataJson","url","url_en","titleSeo","title_en","description_en","alternateLanguage","alternateLanguage_en","alternateUrl","alternateUrl_en","resultUrls","filter","obj","id"],"mappings":"iFACAA,EAAOC,QAAU,CAAC,uBAAyB,gDAAgD,YAAc,qCAAqC,eAAiB,wCAAwC,oBAAsB,+C,iMC8G9MC,IApGK,SAAC,GAAmC,IAAjCC,EAAgC,EAAhCA,KAAMC,EAA0B,EAA1BA,KAAMC,EAAoB,EAApBA,QAASC,EAAW,EAAXA,KAapCC,EAAuBJ,EAAKI,qBAAqBC,MAAMC,KAC3D,SAAAC,GAAI,OAAIA,EAAKC,mBAETC,EAAsBT,EAAKS,oBAAoBJ,MAAMC,KACzD,SAAAC,GAAI,OAAIA,EAAKC,mBAGf,OACE,kBAACE,EAAA,EAAD,CACEC,eAAa,EACbC,IAAKX,EACLY,SAAS,UACTC,UAAU,EACVZ,QAASA,EACTC,KAAMA,GAEN,kBAAC,IAAD,CACEY,OAAK,EACLC,WAAYC,IAAG,UAAWhB,GAC1BiB,SAAUD,IACR,6EACAhB,KAGJ,kBAACkB,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,kBAAmBhB,GAC7BiB,SAAUD,IACR,wEACAhB,GAEF4B,KACE,6BACE,uBAAGC,UAAWC,IAAOC,aAClBf,IACC,0FACAhB,IAGJ,uBAAG6B,UAAWC,IAAOC,aAClBf,IACC,4HACAhB,IAGJ,uBAAG6B,UAAWC,IAAOC,aAClBf,IACC,qLACAhB,IAGJ,uBAAG6B,UAAWC,IAAOC,aAClBf,IAAG,8CAA+ChB,U,kCC9FjE,4CA+EegC,UA1EC,SAAC,GAA2B,IAAzBjC,EAAwB,EAAxBA,KAAMkC,EAAkB,EAAlBA,YACfC,EAAgBnC,EAAhBmC,YACFjC,EAAU,CACdkC,IAAKD,EAAYE,OACjBC,SAAUH,EAAYI,SACtBP,YAAaG,EAAYK,eACzBC,kBAAmBN,EAAYO,qBAC/BC,aAAcR,EAAYS,iBAGrBC,EAAcX,EAAY/B,KAAK2C,QAAO,SAAAC,GAC3C,MAAkB,YAAXA,EAAIC,MADb,GAIA,OACE,kBAAC,IAAD,CACE/C,KAlBO,KAmBPD,KAAMA,EACNE,QAASA,EACTC,KAAM0C,M,qBCxBZhD,EAAOC,QAAU,CAAC,QAAU,+BAA+B,MAAQ","file":"component---src-pages-careers-jsx-94d79b4d29f0c31552c2.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 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","import { graphql } from \"gatsby\"\nimport React from \"react\"\nimport CareersPage from '../components/pages/Careers'\n\nconst lang = 'en'\n\nconst Careers = ({ data, pageContext }) => {\n  const { seoDataJson } = data\n  const seoData = {\n    url: seoDataJson.url_en,\n    titleSeo: seoDataJson.title_en,\n    description: seoDataJson.description_en,\n    alternateLanguage: seoDataJson.alternateLanguage_en,\n    alternateUrl: seoDataJson.alternateUrl_en,\n  }\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 careersEnQuery {\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_en\n      title_en\n      description_en\n      alternateLanguage_en\n      alternateUrl_en\n    }\n    allCareersJson(filter: { lang: { eq: \"en\" } }) {\n      edges {\n        node {\n          name\n          title\n          sendTo\n          lang\n        }\n      }\n    }\n  }\n`\n\nexport default Careers\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"index-module--wrapper--1TlBj\",\"texts\":\"index-module--texts--26QfM\"};"],"sourceRoot":""}