{"version":3,"file":"component---src-templates-open-page-js-7ab449c993e87d88335c.js","mappings":"4QAaaA,EAAmB,SAAH,GAAW,EAALC,MAAY,EAALC,MAAc,EAAPC,QAAmB,EAAVC,WAAqB,EAATC,UAAsB,EAAXC,YAAkB,EAALC,MAAK,OACjG,2BACE,gBAAC,IAAM,KACL,6BAAO,+BAET,uBAAKC,UAAU,0BACb,uBAAKA,UAAU,aACb,uBAAKA,UAAU,qBACb,uBAAKA,UAAU,2BACb,gBAAC,KAAM,CAACC,UAAW,KAChB,gBAAGC,EAAG,EAAHA,IAAW,EAANC,OAAM,OACb,gBAAC,OAAS,CAACD,IAAKA,EAAKE,QAAS,CAAEC,QAAS,GAAKC,QAAkB,CAAED,QAAS,GAAsBE,WAAY,CAAEC,SAAU,GAAKC,MAAO,IAAMC,KAAM,cAAe,sBAEpJ,IAGhB,gBAAC,KAAM,CAACT,UAAW,KAChB,gBAAGC,EAAG,EAAHA,IAAW,EAANC,OAAM,OACb,gBAAC,OAAS,CAACD,IAAKA,EAAKE,QAAS,CAAEC,QAAS,GAAKC,QAAkB,CAAED,QAAS,GAAsBE,WAAY,CAAEC,SAAU,GAAKC,MAAO,GAAKC,KAAM,cAAe,gGAEnJ,KAIlB,uBAAKV,UAAU,gBACb,gBAAC,KAAM,CAACC,UAAW,KAChB,gBAAGC,EAAG,EAAHA,IAAW,EAANC,OAAM,OACb,gBAAC,QAAU,CAACD,IAAKA,EAAKE,QAAS,CAAEC,QAAS,GAAKC,QAAkB,CAAED,QAAS,GAAsBE,WAAY,CAAEC,SAAU,EAAGC,MAAO,IAAKC,KAAM,aAAeV,UAAU,4BACtK,uBAAKA,UAAU,cACb,0BAAI,oBACJ,yBAAG,uHAIL,qBAAGA,UAAU,kBAAkBW,KAAK,4DAA2D,iCAE/F,uBAAKX,UAAU,cACb,0BAAI,oBACJ,yBAAG,4FAIL,qBAAGA,UAAU,kBAAkBW,KAAK,6DAA4D,iCAErF,OAMvB,uBAAKX,UAAU,eACb,gBAAC,KAAM,CAACC,UAAW,KAChB,gBAAGC,EAAG,EAAHA,IAAW,EAANC,OAAM,OACb,gBAAC,QAAU,CAACD,IAAKA,EAAKE,QAAS,CAAEC,QAAS,GAAKC,QAAkB,CAAED,QAAS,GAAsBE,WAAY,CAAEC,SAAU,GAAKC,MAAO,KAAMC,KAAM,aAAeV,UAAU,uBACvK,uBAAKA,UAAU,gBACb,yBAAG,yHAEL,uBAAKA,UAAU,iBAKN,MAKrB,uBAAKA,UAAU,wCACb,uBAAKA,UAAU,gBACb,uBAAKA,UAAU,wBACb,uBAAKA,UAAU,2BACb,gBAAC,KAAM,CAACC,UAAW,KAChB,gBAAGC,EAAG,EAAHA,IAAW,EAANC,OAAM,OACb,gBAAC,OAAS,CAACD,IAAKA,EAAKE,QAAS,CAAEC,QAAS,GAAKC,QAAkB,CAAED,QAAS,GAAsBE,WAAY,CAAEC,SAAU,GAAKC,MAAO,IAAMC,KAAM,cAAe,uCAEpJ,KAIlB,uBAAKV,UAAU,gBACb,gBAAC,KAAM,CAACC,UAAW,KAChB,gBAAGC,EAAG,EAAHA,IAAW,EAANC,OAAM,OACb,gBAAC,MAAQ,CAACD,IAAKA,EAAKE,QAAS,CAAEC,QAAS,GAAKC,QAAkB,CAAED,QAAS,GAAsBE,WAAY,CAAEC,SAAU,GAAKC,MAAO,GAAKC,KAAM,cAAe,wPAEnJ,QAOvB,uBAAKV,UAAU,sCACb,uBAAKA,UAAU,gBACb,uBAAKA,UAAU,wBACb,uBAAKA,UAAU,gBACf,gBAAC,KAAM,CAACC,UAAW,KACd,gBAAGC,EAAG,EAAHA,IAAW,EAANC,OAAM,OACb,gBAAC,QAAU,CAACD,IAAKA,EAAKE,QAAS,CAAEC,QAAS,GAAKC,QAAkB,CAAED,QAAS,GAAsBE,WAAY,CAAEC,SAAU,GAAKC,MAAO,IAAMC,KAAM,aAAeV,UAAU,uBACvK,gBAAC,IAAU,MACF,KAInB,uBAAKA,UAAU,2BACb,gBAAC,KAAM,CAACC,UAAW,KAChB,gBAAGC,EAAG,EAAHA,IAAW,EAANC,OAAM,OACb,gBAAC,OAAS,CAACD,IAAKA,EAAKE,QAAS,CAAEC,QAAS,GAAKC,QAAkB,CAAED,QAAS,GAAsBE,WAAY,CAAEC,SAAU,GAAKC,MAAO,GAAKC,KAAM,cAC9I,4BAAM,8BACI,IAGhB,gBAAC,KAAM,CAACT,UAAW,KAChB,gBAAGC,EAAG,EAAHA,IAAW,EAANC,OAAM,OACb,gBAAC,OAAS,CAACD,IAAKA,EAAKE,QAAS,CAAEC,QAAS,GAAKC,QAAkB,CAAED,QAAS,GAAsBE,WAAY,CAAEC,SAAU,GAAKC,MAAO,IAAMC,KAAM,cAAe,2RAEpJ,QASpB,EAiCR,UAlBiB,SAAH,GAAkB,IACtBE,EADc,EAAJC,KACWC,eAArBF,YAER,OACE,gBAAC,IAAM,KACL,gBAACpB,EAAgB,CAACC,MAAOmB,EAAYnB,MAAOC,MAAOkB,EAAYlB,MAAOC,QAASiB,EAAYjB,QAASC,WAAYgB,EAAYhB,WAAYC,UAAWe,EAAYf,UAAWC,YAAac,EAAYd,YAAaC,MAAOa,EAAYb,QAGzO,C","sources":["webpack://gatsby-starter-netlify-cms/./src/templates/open-page.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Link, graphql } from \"gatsby\";\nimport { motion } from \"framer-motion\";\nimport { InView } from \"react-intersection-observer\";\nimport Layout from \"../components/Layout\";\nimport { Helmet } from \"react-helmet\";\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\n\nimport TrustPilot from \"../components/TrustPilot\";\n\n\nexport const OpenPageTemplate = ({ image, title, heading, subheading, mainpitch, description, intro }) => (\n  <div>\n    <Helmet>\n      <title>Swiftfox | Open an Account</title>\n    </Helmet>\n    <div className=\"hero-section home-hero\">\n      <div className=\"hero-main\">\n        <div className=\"hero-main-content\">\n          <div className=\"section-item white-text\">\n            <InView threshold={0.1}>\n              {({ ref, inView }) => (\n                <motion.h1 ref={ref} initial={{ opacity: 0 }} animate={inView ? { opacity: 1 } : { opacity: 1 }} transition={{ duration: 0.4, delay: 0.25, ease: \"easeInOut\" }}>\n                  Choose your Account\n                </motion.h1>\n              )}\n            </InView>\n            <InView threshold={0.1}>\n              {({ ref, inView }) => (\n                <motion.h4 ref={ref} initial={{ opacity: 0 }} animate={inView ? { opacity: 1 } : { opacity: 1 }} transition={{ duration: 0.4, delay: 0.5, ease: \"easeInOut\" }}>\n                  Open a personal or business account with us, and start managing your money, undeniably swift.\n                </motion.h4>\n              )}\n            </InView>\n          </div>\n          <div className=\"section-item\">\n            <InView threshold={0.3}>\n              {({ ref, inView }) => (\n                <motion.div ref={ref} initial={{ opacity: 0 }} animate={inView ? { opacity: 1 } : { opacity: 1 }} transition={{ duration: 1, delay: 1.2, ease: \"easeInOut\" }} className=\"button-container stacker\">\n                  <div className=\"blue-block\">\n                    <h4>Business Account</h4>\n                    <p>Swiftfox Provide The Service And The Advice That Will Protect The Profitability Of Your International Transactions.</p>\n                    {/* <Link className=\"main-button-alt\" to=\"/corporate-account\">\n                    Apply for a Business Account Link\n                  </Link> */}\n                  <a className=\"main-button-alt\" href=\"https://onboarding.paydirect.io/swiftfox/forms/corporate\">Apply for a Business Account</a>\n                  </div>\n                  <div className=\"grey-block\">\n                    <h4>Personal Account</h4>\n                    <p>Our customers typically save up to 4% when converting currency compared to using a bank.</p>\n                    {/* <Link className=\"main-button-alt\" to=\"/individual-account\">\n                    Apply for a Personal Account\n                  </Link> */}\n                  <a className=\"main-button-alt\" href=\"https://onboarding.paydirect.io/swiftfox/forms/individual\">Apply for a Personal Account</a>\n                  </div>\n                </motion.div>\n              )}\n            </InView>\n          </div>\n        </div>\n      </div>\n      <div className=\"hero-banner\">\n        <InView threshold={0.1}>\n          {({ ref, inView }) => (\n            <motion.div ref={ref} initial={{ opacity: 0 }} animate={inView ? { opacity: 1 } : { opacity: 1 }} transition={{ duration: 0.4, delay: 1.25, ease: \"easeInOut\" }} className=\"hero-banner-content\">\n                <div className=\"section-item\">\n                  <p>We help ensure every penny is accounted for no matter where it goes - whether employees at home or suppliers abroad.</p>\n                </div>\n                <div className=\"section-item\">\n                  {/* <div className=\"banner-images\">\n                    <img alt=\"Trust Pilot\" src=\"../img/trust-pilot.svg\"/>\n                  </div> */}\n                </div>\n            </motion.div>\n          )}\n        </InView>\n      </div>\n    </div>\n    <div className=\"callout-section callout-bg dark-text\">\n      <div className=\"callout-main\">\n        <div className=\"callout-main-content\">\n          <div className=\"section-item white-text\">\n            <InView threshold={0.3}>\n              {({ ref, inView }) => (\n                <motion.h2 ref={ref} initial={{ opacity: 0 }} animate={inView ? { opacity: 1 } : { opacity: 1 }} transition={{ duration: 0.4, delay: 0.25, ease: \"easeInOut\" }}>\n                  Your expert currency exchange broker\n                </motion.h2>\n              )}\n            </InView>\n          </div>\n          <div className=\"section-item\">\n            <InView threshold={0.3}>\n              {({ ref, inView }) => (\n                <motion.p ref={ref} initial={{ opacity: 0 }} animate={inView ? { opacity: 1 } : { opacity: 1 }} transition={{ duration: 0.4, delay: 0.5, ease: \"easeInOut\" }}>\n                  There are countless ways to transfer money abroad. The most important consideration is the timing and mode of a transaction. When you exchange currencies with Swiftfox, we help you find that sweet spot, reducing your risk and maximising returns.\n                </motion.p>\n              )}\n            </InView>\n          </div>\n        </div>\n      </div>\n    </div>\n    <div className=\"callout-section dark-bg white-text\">\n      <div className=\"callout-main\">\n        <div className=\"callout-main-content\">\n          <div className=\"section-item\">\n          <InView threshold={0.1}>\n              {({ ref, inView }) => (\n                <motion.div ref={ref} initial={{ opacity: 0 }} animate={inView ? { opacity: 1 } : { opacity: 1 }} transition={{ duration: 0.4, delay: 0.25, ease: \"easeInOut\" }} className=\"module-stack widtho\">\n                    <TrustPilot />\n                </motion.div>\n              )}\n            </InView>\n          </div>\n          <div className=\"section-item white-text\">\n            <InView threshold={0.1}>\n              {({ ref, inView }) => (\n                <motion.h2 ref={ref} initial={{ opacity: 0 }} animate={inView ? { opacity: 1 } : { opacity: 1 }} transition={{ duration: 0.4, delay: 0.5, ease: \"easeInOut\" }}>\n                  <span>Fast, Reliable and Secure.</span>\n                </motion.h2>\n              )}\n            </InView>\n            <InView threshold={0.1}>\n              {({ ref, inView }) => (\n                <motion.h4 ref={ref} initial={{ opacity: 0 }} animate={inView ? { opacity: 1 } : { opacity: 1 }} transition={{ duration: 0.4, delay: 0.75, ease: \"easeInOut\" }}>\n                  The security and privacy of your data are of the highest importance to us. That’s why we’ve partnered with The Currency Cloud Limited as our payment service provider. They are one of the world's top payment engines, designed to protect the safety and security of customers' money.\n                </motion.h4>\n              )}\n            </InView>\n          </div>\n        </div>\n      </div>\n    </div>\n\n\n  </div>\n);\n\nOpenPageTemplate.propTypes = {\n  image: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),\n  title: PropTypes.string,\n  heading: PropTypes.string,\n  subheading: PropTypes.string,\n  mainpitch: PropTypes.object,\n  description: PropTypes.string,\n  intro: PropTypes.shape({\n    blurbs: PropTypes.array,\n  }),\n};\n\nconst OpenPage = ({ data }) => {\n  const { frontmatter } = data.markdownRemark;\n\n  return (\n    <Layout>\n      <OpenPageTemplate image={frontmatter.image} title={frontmatter.title} heading={frontmatter.heading} subheading={frontmatter.subheading} mainpitch={frontmatter.mainpitch} description={frontmatter.description} intro={frontmatter.intro} />\n    </Layout>\n  );\n};\n\nOpenPage.propTypes = {\n  data: PropTypes.shape({\n    markdownRemark: PropTypes.shape({\n      frontmatter: PropTypes.object,\n    }),\n  }),\n};\n\nexport default OpenPage;\n\nexport const pageQuery = graphql`\n  query OpenPageTemplate {\n    markdownRemark(frontmatter: { templateKey: { eq: \"index-page\" } }) {\n      frontmatter {\n        title\n        image {\n          childImageSharp {\n            fluid(maxWidth: 2048, quality: 100) {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n        heading\n        subheading\n        mainpitch {\n          title\n          description\n        }\n        description\n        intro {\n          blurbs {\n            image {\n              childImageSharp {\n                fluid(maxWidth: 240, quality: 64) {\n                  ...GatsbyImageSharpFluid\n                }\n              }\n            }\n            text\n          }\n          heading\n          description\n        }\n      }\n    }\n  }\n`;\n"],"names":["OpenPageTemplate","image","title","heading","subheading","mainpitch","description","intro","className","threshold","ref","inView","initial","opacity","animate","transition","duration","delay","ease","href","frontmatter","data","markdownRemark"],"sourceRoot":""}