{"version":3,"sources":["webpack:///./src/pages/how-orlen-charge-works.js","webpack:///./src/components/sublinks.js"],"names":["JakDziala","data","useStaticQuery","title","Tag","className","fluid","fotka","childImageSharp","backgroundColor","data-sal","data-sal-delay","data-sal-duration","data-sal-easing","customStyle","href","target","rel","step1","step2","step3","step4","step5","step6","step7","step8","step9","step10","Sublinks","to"],"mappings":"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","file":"component---src-pages-how-orlen-charge-works-js-80d1f017f86ff2f47a26.js","sourcesContent":["import React from \"react\"\r\nimport { graphql, useStaticQuery } from \"gatsby\"\r\nimport Image from \"gatsby-image\"\r\nimport SEO from \"../components/seo\"\r\nimport Layout from \"../components/layout\"\r\nimport Sublinks from \"../components/sublinks\"\r\nimport Infolinia from \"../components/infolinia\"\r\nimport BackgroundImage from \"gatsby-background-image\"\r\n\r\nimport '../sass/main.scss'\r\n\r\nconst query = graphql`\r\n  {\r\n    step1: file(relativePath: { eq: \"steps/step1en.png\" }) {\r\n      childImageSharp {\r\n        fluid(quality: 90) {\r\n          ...GatsbyImageSharpFluid\r\n        }\r\n      }\r\n    }\r\n    step2: file(relativePath: { eq: \"steps/step2en.png\" }) {\r\n      childImageSharp {\r\n        fluid(quality: 90) {\r\n          ...GatsbyImageSharpFluid\r\n        }\r\n      }\r\n    }\r\n    step3: file(relativePath: { eq: \"steps/step3en.png\" }) {\r\n      childImageSharp {\r\n        fluid(quality: 90) {\r\n          ...GatsbyImageSharpFluid\r\n        }\r\n      }\r\n    }\r\n    step4: file(relativePath: { eq: \"steps/step4en.png\" }) {\r\n      childImageSharp {\r\n        fluid(quality: 90) {\r\n          ...GatsbyImageSharpFluid\r\n        }\r\n      }\r\n    }\r\n    step5: file(relativePath: { eq: \"steps/step5en.png\" }) {\r\n      childImageSharp {\r\n        fluid(quality: 90) {\r\n          ...GatsbyImageSharpFluid\r\n        }\r\n      }\r\n    }\r\n    step6: file(relativePath: { eq: \"steps/step6en.png\" }) {\r\n      childImageSharp {\r\n        fluid(quality: 90) {\r\n          ...GatsbyImageSharpFluid\r\n        }\r\n      }\r\n    }\r\n    step7: file(relativePath: { eq: \"steps/step7en.png\" }) {\r\n      childImageSharp {\r\n        fluid(quality: 90) {\r\n          ...GatsbyImageSharpFluid\r\n        }\r\n      }\r\n    }\r\n    step8: file(relativePath: { eq: \"steps/step8en.png\" }) {\r\n      childImageSharp {\r\n        fluid(quality: 90) {\r\n          ...GatsbyImageSharpFluid\r\n        }\r\n      }\r\n    }\r\n    step9: file(relativePath: { eq: \"steps/step9en.png\" }) {\r\n      childImageSharp {\r\n        fluid(quality: 90) {\r\n          ...GatsbyImageSharpFluid\r\n        }\r\n      }\r\n    }\r\n    step10: file(relativePath: { eq: \"steps/step10en.png\" }) {\r\n      childImageSharp {\r\n        fluid(quality: 90) {\r\n          ...GatsbyImageSharpFluid\r\n        }\r\n      }\r\n    }\r\n    fotka: file(relativePath: { eq: \"steps/app-bg.jpg\" }) {\r\n      childImageSharp {\r\n        fluid(quality: 90) {\r\n          ...GatsbyImageSharpFluid\r\n        }\r\n      }\r\n    }\r\n  }\r\n`\r\n\r\nconst JakDziala = () => {\r\n    const data = useStaticQuery(query)\r\n\r\n  return (\r\n    <Layout>\r\n      <SEO title=\"ORLEN | How ORLEN Charge works\" />\r\n      <Sublinks />\r\n\r\n      <BackgroundImage\r\n        Tag=\"section\"\r\n        className={`sub-visual sub-visual-ladowarki mb-5`}\r\n        fluid={data.fotka.childImageSharp.fluid}\r\n        backgroundColor={`#000`}\r\n      >\r\n        <div className=\"bg-overlay\"></div>\r\n        <div\r\n          className=\"visual-content col-md-8 ie11animfix\"\r\n          data-sal=\"slide-up\"\r\n          data-sal-delay=\"500\"\r\n          data-sal-duration=\"600\"\r\n          data-sal-easing=\"ease\"\r\n        >\r\n          <div className=\"title text-center\">HOW ORLEN CHARGE WORKS</div>\r\n        </div>\r\n        <Infolinia customStyle=\"d-none d-md-flex js-infolinia\" />\r\n      </BackgroundImage>\r\n      <div className=\"container\">\r\n        <div className=\"row\">\r\n          <div className=\"col-12 col-md-6 d-flex flex-column justify-content-between mb-3 mb-xl-5\">\r\n            <div className=\"d-flex flex-nowrap align-items-start\">\r\n              <div className=\"step-number\">1</div>\r\n              <div className=\"step-desc\">\r\n                Download our ORLEN Charge mobile app from the{\" \"}\r\n                <a\r\n                  href=\"https://apps.apple.com/us/app/orlen-charge/id1478111353\"\r\n                  target=\"_blank\"\r\n                  rel=\"noreferrer\"\r\n                  title=\"zainstaluj aplikację z App Store\"\r\n                >\r\n                  AppStore\r\n                </a>{\" \"}\r\n                or&nbsp;\r\n                <a\r\n                  href=\"https://play.google.com/store/apps/details?id=pl.orlen.charge\"\r\n                  target=\"_blank\"\r\n                  rel=\"noreferrer\"\r\n                  title=\"zainstaluj aplikację z Google Play\"\r\n                >\r\n                  Google Play\r\n                </a>\r\n              </div>\r\n            </div>\r\n            <div className=\"text-center\">\r\n              <Image\r\n                fluid={data.step1.childImageSharp.fluid}\r\n                className=\"step-fotka\"\r\n              />\r\n            </div>\r\n          </div>\r\n\r\n          <div className=\"col-12 col-md-6 d-flex flex-column justify-content-between mb-3 mb-xl-5\">\r\n            <div className=\"d-flex flex-nowrap align-items-start\">\r\n              <div className=\"step-number\">2</div>\r\n              <div className=\"step-desc\">\r\n                Enter your details to register in the app\r\n              </div>\r\n            </div>\r\n            <div className=\"text-center\">\r\n              <Image\r\n                fluid={data.step2.childImageSharp.fluid}\r\n                className=\"step-fotka\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <div className=\"col-12 col-md-6 d-flex flex-column justify-content-between mb-3 mb-xl-5\">\r\n            <div className=\"d-flex flex-nowrap align-items-start\">\r\n              <div className=\"step-number\">3</div>\r\n              <div className=\"step-desc\">\r\n                Go to the My Car tab and enter your car details\r\n              </div>\r\n            </div>\r\n            <div className=\"text-center\">\r\n              <Image\r\n                fluid={data.step3.childImageSharp.fluid}\r\n                className=\"step-fotka\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <div className=\"col-12 col-md-6 d-flex flex-column justify-content-between mb-3 mb-xl-5\">\r\n            <div className=\"d-flex flex-nowrap align-items-start\">\r\n              <div className=\"step-number\">4</div>\r\n              <div className=\"step-desc\">\r\n                Use filters to find a charging station suitable for your car.\r\n                You can also use the map to locate a charging station\r\n              </div>\r\n            </div>\r\n            <div className=\"text-center\">\r\n              <Image\r\n                fluid={data.step4.childImageSharp.fluid}\r\n                className=\"step-fotka\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <div className=\"col-12 col-md-6 d-flex flex-column justify-content-between mb-3 mb-xl-5\">\r\n            <div className=\"d-flex flex-nowrap align-items-start\">\r\n              <div className=\"step-number\">5</div>\r\n              <div className=\"step-desc\">\r\n                Before a charging session starts, add your payment card details\r\n                under the Payment tab and click pay.\r\n              </div>\r\n            </div>\r\n            <div className=\"text-center\">\r\n              <Image\r\n                fluid={data.step5.childImageSharp.fluid}\r\n                className=\"step-fotka\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <div className=\"col-12 col-md-6 d-flex flex-column justify-content-between mb-3 mb-xl-5\">\r\n            <div className=\"d-flex flex-nowrap align-items-start\">\r\n              <div className=\"step-number\">6</div>\r\n              <div className=\"step-desc\">\r\n                Select a connector, check pricing and start your charging\r\n                session.\r\n              </div>\r\n            </div>\r\n            <div className=\"text-center\">\r\n              <Image\r\n                fluid={data.step6.childImageSharp.fluid}\r\n                className=\"step-fotka\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <div className=\"col-12 col-md-6 d-flex flex-column justify-content-between mb-3 mb-xl-5\">\r\n            <div className=\"d-flex flex-nowrap align-items-start\">\r\n              <div className=\"step-number\">7</div>\r\n              <div className=\"step-desc\">\r\n                Once the charging session has started, you can check charging\r\n                status, power and energy charged\r\n              </div>\r\n            </div>\r\n            <div className=\"text-center\">\r\n              <Image\r\n                fluid={data.step7.childImageSharp.fluid}\r\n                className=\"step-fotka\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <div className=\"col-12 col-md-6 d-flex flex-column justify-content-between mb-3 mb-xl-5\">\r\n            <div className=\"d-flex flex-nowrap align-items-start\">\r\n              <div className=\"step-number\">8</div>\r\n              <div className=\"step-desc\">\r\n                By clicking the Charging History tab you can view your previous\r\n                charging sessions\r\n              </div>\r\n            </div>\r\n            <div className=\"text-center\">\r\n              <Image\r\n                fluid={data.step8.childImageSharp.fluid}\r\n                className=\"step-fotka\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <div className=\"col-12 col-md-6 d-flex flex-column justify-content-between mb-3 mb-xl-5\">\r\n            <div className=\"d-flex flex-nowrap align-items-start\">\r\n              <div className=\"step-number\">9</div>\r\n              <div className=\"step-desc\">\r\n                Go to the Invoices tab to check costs and download invoices for\r\n                completed charging sessions.\r\n              </div>\r\n            </div>\r\n            <div className=\"text-center\">\r\n              <Image\r\n                fluid={data.step9.childImageSharp.fluid}\r\n                className=\"step-fotka\"\r\n              />\r\n            </div>\r\n          </div>\r\n          <div className=\"col-12 col-md-6 d-flex flex-column justify-content-between mb-3 mb-xl-5\">\r\n            <div className=\"d-flex flex-nowrap align-items-start\">\r\n              <div className=\"step-number\">10</div>\r\n              <div className=\"step-desc\">\r\n                If necessary, you can contact us by calling the helpline or\r\n                using the form available from opinie.orlen.pl\r\n              </div>\r\n            </div>\r\n            <div className=\"text-center\">\r\n              <Image\r\n                fluid={data.step10.childImageSharp.fluid}\r\n                className=\"step-fotka\"\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </Layout>\r\n  )\r\n}\r\nexport default JakDziala\r\n\r\n\r\n\r\n","import React from 'react'\r\nimport { Link } from \"gatsby\"\r\nimport { Container } from \"react-bootstrap\"\r\n\r\nfunction Sublinks() {\r\n  return (\r\n    <section className=\"sublinks\">\r\n      <Container>\r\n        <div className=\"row py-3\">\r\n          <div className=\"col-4 col-md-4 d-flex align-items-center justify-content-center\">\r\n            <Link\r\n              to=\"/our-chargers\"\r\n              title=\"Check out technical specifications.\"\r\n            >\r\n              <figure>\r\n                <span className=\"icon-icon-visual-1\"></span>\r\n              </figure>\r\n              <div className=\"title\">OUR CHARGERS</div>\r\n            </Link>\r\n          </div>\r\n\r\n          <div className=\"col-4 col-md-4 d-flex align-items-center justify-content-center\">\r\n            <Link to=\"/charging-instructions\" title=\"See how easy it is.\">\r\n              <figure>\r\n                <span className=\"icon-icon-visual-2\"></span>\r\n              </figure>\r\n              <div className=\"title\">CHARGING INSTRUCTIONS</div>\r\n            </Link>\r\n          </div>\r\n\r\n          <div className=\"col-4 col-md-4 d-flex align-items-center justify-content-center\">\r\n            <Link to=\"/terms-and-conditions-promo\" title=\"Charging Terms & Conditions\">\r\n              <figure>\r\n                <span className=\"icon-icon-visual-3\"></span>\r\n              </figure>\r\n              <div className=\"title\">CHARGING TERMS AND CONDITIONS</div>\r\n            </Link>\r\n          </div>\r\n        </div>\r\n      </Container>\r\n    </section>\r\n  )\r\n}\r\n\r\nexport default Sublinks\r\n"],"sourceRoot":""}