{"version":3,"file":"component---src-pages-brochures-metals-sales-tsx-c3e27b5d126cf5cf26e0.js","mappings":"2NAWMA,EAAc,CAClBC,aAAc,MACdC,SAAU,SACVC,UAAW,iEAGb,qBACE,IAAQC,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,4KAGJ,iBACEQ,SAAS,WACTD,QAAQ,kEAEV,2BAAQP,EAAE,2CAEZ,SAAC,KAAD,CACES,MAAO,CACLC,WAAY,SAEdC,YAAU,EACVC,OAAO,gBACPC,iBACE,SAAC,EAAAC,EAAD,CACEC,IAAI,+DACJC,IAAI,GACJP,MAAOQ,EAAAA,EACPC,QAAQ,QAJV,sBAOFC,OACE,SAAC,KAAD,CACEC,QAAQ,EACRD,MAAOnB,EAAE,sCACTqB,SAAUrB,EAAE,gDAHd,SAKGA,EACC,8KAKR,iBACES,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,MAAOb,EACPmB,IAAI,+EACJC,IAAI,WAHN,yBAMF,gBACEP,MAAO,CACLC,WAAY,OACZ0B,YAAa,QAHjB,UAME,SAAC,EAAAtB,EAAD,CACEL,MAAOb,EACPmB,IAAI,+EACJC,IAAI,WAHN,gCASR,gBACEP,MAAO,CACLkB,QAAS,OACTC,KAAM,aAHV,UAME,SAAC,KAAD,CACER,QAAQ,EACRD,MAAOnB,EAAE,8CACTqB,SAAUrB,EAAE,kCACZqC,KACE,gBAAK5B,MAAO,CAAEoB,SAAU,SAAxB,UACE,kBACES,OAAO,OACP,mBAAiB,YACjB,eAAa,OACbhC,KAAK,eACLiC,OAAQ,IAAMrC,EAAW,oCAL3B,WAOE,kBAAOsC,KAAK,SAASlC,KAAK,eAC1B,kBAAOkC,KAAK,SAASlC,KAAK,YAAYmC,MAAM,kBAC5C,SAAC,KAAD,CACED,KAAK,QACLE,MAAO1C,EAAE,yBACT2C,YAAY,uBACZrC,KAAK,QACLsC,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,oCAAT,sBAEQ,IAJV,kCA/BV,SA2CGjD,EACC,oW,4ECzKP,IAAMiB,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/metals-sales.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 } 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 () => {\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            \"Discover how we leveraged teams' expertise along with next generation technologies to automate metals sales processes, increasing efficiency and ensuring compliance.\"\n          )}\n        />\n        <meta\n          property=\"og:image\"\n          content=\"https://images.unsplash.com/photo-1570979872224-a1ea9f1248b0\"\n        />\n        <title>{t(\"Automating metals sales processes\")}</title>\n      </Helmet>\n      <Section\n        style={{\n          paddingTop: \"15rem\",\n        }}\n        fullScreen\n        intent=\"ghostInverted\"\n        backgroundMedia={\n          <StaticImage\n            src=\"https://images.unsplash.com/photo-1570979872224-a1ea9f1248b0\"\n            alt=\"\"\n            style={asBackground}\n            loading=\"eager\"\n          />\n        }\n        title={\n          <Title\n            inline={false}\n            title={t(\"Automating metals sales processes:\")}\n            subtitle={t(\"reducing friction and increasing efficiency.\")}\n          >\n            {t(\n              \"Discover how we leveraged teams' expertise along with next generation technologies to automate metals sales processes, increasing efficiency and ensuring compliance.\"\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/case-study-aluminum-2.jpg\"\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/case-study-aluminum-1.jpg\"\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(\"Learn how you can automate your processes,\")}\n            subtitle={t(\"leveraging your own expertise.\")}\n            cta={\n              <div style={{ maxWidth: \"25rem\" }}>\n                <form\n                  method=\"post\"\n                  netlify-honeypot=\"bot-field\"\n                  data-netlify=\"true\"\n                  name=\"metals-sales\"\n                  action={\"/\" + language + \"/brochures/metals-sales-download/\"}\n                >\n                  <input type=\"hidden\" name=\"bot-field\" />\n                  <input type=\"hidden\" name=\"form-name\" value=\"metals-sales\" />\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/metals-sales-download/\">\n                        download\n                      </Link>{\" \"}\n                      without registering.\n                    </p>\n                  </div>\n                </form>\n              </div>\n            }\n          >\n            {t(\n              \"The company is a multinational mining group, particularly involved in aluminum. As of today, the firm has more than 40,000 employees worldwide. We collaborate with their freight, aluminum and copper trading teams around the world to design and developed a tailor-made web solution in collaboration with the firm's trading and digital teams.\"\n            )}\n          </Title>\n        </div>\n      </div>\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query ($language: String!) {\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","t","useI18next","language","useContext","I18nextContext","Helmet","name","content","property","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":""}