{"version":3,"file":"component---src-pages-brochures-ffa-data-tsx-9340d79cf9129fd562e0.js","mappings":"2NAWMA,EAAc,CAClBC,aAAc,MACdC,SAAU,SACVC,UAAW,iEAGb,mBAAe,GAAe,IAAZC,EAAW,EAAXA,KACRC,GAAMC,EAAAA,EAAAA,cAAND,EAEAE,GAAaC,EAAAA,EAAAA,YAAWC,EAAAA,gBAAxBF,SAER,OACE,UAAC,IAAD,YACE,UAAC,EAAAG,OAAD,YACE,iBACEC,KAAK,cACLC,QAASP,EACP,oFAGJ,iBACEQ,SAAS,WACTD,SAASE,EAAAA,EAAAA,GAAOV,EAAKW,cAAcC,gBAAgBC,oBAErD,2BAAQZ,EAAE,2BAEZ,SAAC,KAAD,CACEa,MAAO,CACLC,WAAY,SAEdC,YAAU,EACVC,OAAO,gBACPC,iBACE,SAAC,EAAAC,EAAD,CACEC,IAAI,yCACJC,IAAI,GACJP,MAAOQ,EAAAA,EACPC,QAAQ,QAJV,sBAOFC,OACE,SAAC,KAAD,CACEC,QAAQ,EACRD,MAAOvB,EAAE,sBACTyB,SAAUzB,EAAE,+CAHd,SAKGA,EACC,sFAKR,iBACEa,MAAO,CACLa,QAAS,OACTC,eAAgB,gBAChBC,SAAU,OACVC,cAAe,cACfC,WAAY,UANhB,WASE,gBACEjB,MAAO,CACLkB,QAAS,OACTC,KAAM,aAHV,UAME,gBACEnB,MAAO,CACLoB,SAAU,QACVC,OAAQ,QAHZ,UAME,iBACErB,MAAO,CACLsB,SAAU,YAFd,WAKE,gBACEtB,MAAO,CACLsB,SAAU,WACVC,IAAK,IACLC,MAAO,IACPC,cAAe,OACfC,aAAc,QANlB,UASE,SAAC,EAAArB,EAAD,CACEL,MAAOlB,EACPwB,IAAI,0EACJC,IAAI,WAHN,yBAMF,gBACEP,MAAO,CACLC,WAAY,OACZ0B,YAAa,QAHjB,UAME,SAAC,EAAAtB,EAAD,CACEL,MAAOlB,EACPwB,IAAI,wEACJC,IAAI,WAHN,gCASR,gBACEP,MAAO,CACLkB,QAAS,OACTC,KAAM,aAHV,UAME,SAAC,KAAD,CACER,QAAQ,EACRD,MAAOvB,EAAE,kCACTyC,KACE,gBAAK5B,MAAO,CAAEoB,SAAU,SAAxB,UACE,kBACES,OAAO,OACP,mBAAiB,YACjB,eAAa,OACbpC,KAAK,WACLqC,OAAQ,IAAMzC,EAAW,gCAL3B,WAOE,kBAAO0C,KAAK,SAAStC,KAAK,eAC1B,kBAAOsC,KAAK,SAAStC,KAAK,YAAYuC,MAAM,cAC5C,SAAC,KAAD,CACED,KAAK,QACLE,MAAO9C,EAAE,yBACT+C,YAAY,uBACZzC,KAAK,QACL0C,UAAU,KAEZ,iBAAKnC,MAAO,CAAEa,QAAS,QAAvB,WACE,SAAC,KAAD,CACEV,OAAO,UACPiC,WAAW,SAAC,IAAD,CAAMC,MAAM,SAAC,MAAD,MACvBC,GAAG,SACHP,KAAK,SAJP,uBAQA,eAAG/B,MAAO,CAAE2B,YAAa,QAAzB,eACK,KACH,SAAC,EAAAY,KAAD,CAAMC,GAAG,gCAAT,sBAAyD,IAF3D,kCA9BV,SAwCGrD,EACC,8M,4ECtKP,IAAMqB,EAAe,CAC1Bc,SAAU,WACVC,IAAK,EACLkB,OAAQ,EACRC,KAAM,EACNlB,MAAO,GAGImB,EAAc,SAACC,GAC1B,MAAO,CACLnB,cAAgB,EAAImB,EAAS,IAAM,IACnCC,OAAQ,K","sources":["webpack://lleed-partners/./src/pages/brochures/ffa-data.tsx","webpack://lleed-partners/./src/fragments/styles/index.js"],"sourcesContent":["import { Layout } from \"../../layouts\";\nimport { Title, Section, Button, FormInput } from \"@lleed-partners/factor\";\nimport { Download32 } from \"@carbon/icons-react\";\nimport { Icon } from \"../../fragments/Icon\";\nimport { StaticImage, getImage, getSrc } from \"gatsby-plugin-image\";\nimport { asBackground } from \"../../fragments/styles\";\nimport { I18nextContext, useI18next, Link } from \"gatsby-plugin-react-i18next\";\nimport { Helmet } from \"gatsby-plugin-react-i18next\";\nimport { useContext } from \"react\";\nimport { graphql } from \"gatsby\";\n\nconst sheetStyles = {\n  borderRadius: \"5px\",\n  overflow: \"hidden\",\n  boxShadow: \"0 5px 15px rgba(0, 0, 0, .1), 0 1px 2px 1px rgba(0, 0, 0, .1)\",\n};\n\nexport default ({ data }) => {\n  const { t } = useI18next();\n\n  const { language } = useContext(I18nextContext);\n\n  return (\n    <Layout>\n      <Helmet>\n        <meta\n          name=\"description\"\n          content={t(\n            \"Leverage over-the-counter FFA market data to improve your trading strategies.\"\n          )}\n        />\n        <meta\n          property=\"og:image\"\n          content={getSrc(data.featuredImage.childImageSharp.gatsbyImageData)}\n        />\n        <title>{t(\"FFA Intraday Data\")}</title>\n      </Helmet>\n      <Section\n        style={{\n          paddingTop: \"15rem\",\n        }}\n        fullScreen\n        intent=\"ghostInverted\"\n        backgroundMedia={\n          <StaticImage\n            src=\"../../images/content/marketing/ffa.jpg\"\n            alt=\"\"\n            style={asBackground}\n            loading=\"eager\"\n          />\n        }\n        title={\n          <Title\n            inline={false}\n            title={t(\"FFA Intraday Data:\")}\n            subtitle={t(\"parsing unstructured data for live insights\")}\n          >\n            {t(\n              \"Leverage over-the-counter FFA market data to improve your trading strategies.\"\n            )}\n          </Title>\n        }\n      ></Section>\n      <div\n        style={{\n          display: \"flex\",\n          justifyContent: \"space-between\",\n          flexWrap: \"wrap\",\n          flexDirection: \"row-reverse\",\n          alignItems: \"center\",\n        }}\n      >\n        <div\n          style={{\n            padding: \"2rem\",\n            flex: \"1 0 20rem\",\n          }}\n        >\n          <div\n            style={{\n              maxWidth: \"25rem\",\n              margin: \"auto\",\n            }}\n          >\n            <div\n              style={{\n                position: \"relative\",\n              }}\n            >\n              <div\n                style={{\n                  position: \"absolute\",\n                  top: \"0\",\n                  right: \"0\",\n                  paddingBottom: \"4rem\",\n                  paddingRight: \"4rem\",\n                }}\n              >\n                <StaticImage\n                  style={sheetStyles}\n                  src=\"../../images/content/marketing/brochure-thumbnails/ffa-data-pager-2.png\"\n                  alt=\"Brochure\"\n                />\n              </div>\n              <div\n                style={{\n                  paddingTop: \"4rem\",\n                  paddingLeft: \"4rem\",\n                }}\n              >\n                <StaticImage\n                  style={sheetStyles}\n                  src=\"../../images/content/marketing/brochure-thumbnails/ffa-data-pager.png\"\n                  alt=\"Brochure\"\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n        <div\n          style={{\n            padding: \"2rem\",\n            flex: \"1 0 20rem\",\n          }}\n        >\n          <Title\n            inline={false}\n            title={t(\"Elevate your FFA intraday data\")}\n            cta={\n              <div style={{ maxWidth: \"25rem\" }}>\n                <form\n                  method=\"post\"\n                  netlify-honeypot=\"bot-field\"\n                  data-netlify=\"true\"\n                  name=\"ffa-data\"\n                  action={\"/\" + language + \"/brochures/ffa-data-download/\"}\n                >\n                  <input type=\"hidden\" name=\"bot-field\" />\n                  <input type=\"hidden\" name=\"form-name\" value=\"ffa-data\" />\n                  <FormInput\n                    type=\"email\"\n                    label={t(\"Enter your work email\")}\n                    placeholder=\"john.doe@company.com\"\n                    name=\"email\"\n                    required={true}\n                  />\n                  <div style={{ display: \"flex\" }}>\n                    <Button\n                      intent=\"primary\"\n                      rightIcon={<Icon icon={<Download32 />} />}\n                      as=\"button\"\n                      type=\"submit\"\n                    >\n                      Download\n                    </Button>\n                    <p style={{ paddingLeft: \"1rem\" }}>\n                      or{\" \"}\n                      <Link to=\"/brochures/ffa-data-download/\">download</Link>{\" \"}\n                      without registering.\n                    </p>\n                  </div>\n                </form>\n              </div>\n            }\n          >\n            {t(\n              \"Get a free sample of our FFA intraday data as CSV and see how it can help you make better trading decisions. The download also includes a short brochure with more information about the data.\"\n            )}\n          </Title>\n        </div>\n      </div>\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query ($language: String!) {\n    featuredImage: file(\n      absolutePath: { glob: \"**/images/content/marketing/ffa.jpg\" }\n    ) {\n      childImageSharp {\n        gatsbyImageData(layout: FIXED, width: 1200)\n      }\n    }\n    locales: allLocale(filter: { language: { eq: $language } }) {\n      edges {\n        node {\n          ns\n          data\n          language\n        }\n      }\n    }\n  }\n`;\n","export const asBackground = {\n  position: \"absolute\",\n  top: 0,\n  bottom: 0,\n  left: 0,\n  right: 0\n}\n\nexport const aspectRatio = (ratio) => {\n  return {\n    paddingBottom: (1 / ratio) * 100 + \"%\",\n    height: 0\n  }\n}\n"],"names":["sheetStyles","borderRadius","overflow","boxShadow","data","t","useI18next","language","useContext","I18nextContext","Helmet","name","content","property","getSrc","featuredImage","childImageSharp","gatsbyImageData","style","paddingTop","fullScreen","intent","backgroundMedia","S","src","alt","asBackground","loading","title","inline","subtitle","display","justifyContent","flexWrap","flexDirection","alignItems","padding","flex","maxWidth","margin","position","top","right","paddingBottom","paddingRight","paddingLeft","cta","method","action","type","value","label","placeholder","required","rightIcon","icon","as","Link","to","bottom","left","aspectRatio","ratio","height"],"sourceRoot":""}