{"version":3,"sources":["webpack:///./src/images/14-icon-down-arrow-yellow.svg","webpack:///./src/pages/publishers/index.js","webpack:///./src/components/HeroCTA.js","webpack:///./src/components/sections/PublishersIndexStatic.js"],"names":["module","exports","AsyncSection","loadable","IndexPage","title","description","static","Wrapper","styled","div","white","props","theme","paddingsMobile","mediaMedium","paddings","Box","Container","Title","h2","Button","span","css","WobbleFrames","HeroCTA","outline","as","component","Headline80","alt","src","arrowIcon","width","height","PublishersIndexStatic","Images","useStaticQuery","link","label","attrs","to","state","from","Link","bottomSize","animationComponent","fill","titleElement"],"mappings":"2GAAAA,EAAOC,QAAU,kU,kCCAjB,4FAOA,MAAMC,EAAeC,kBAAS,CAAD,2JAAC,IAC5B,sEAD2B,uMAIvBC,EAAY,IAChB,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEC,MAAM,2CACNC,YAAY,8HAGd,kBAAC,IAAD,CAAiBC,OAAQ,kBAAC,IAAD,OACvB,kBAACL,EAAD,QAKSE,a,kCCxBf,8IAWA,MAAMI,EAAUC,IAAOC,IAAV,0DAAGD,CAAH,gEACSE,IACRC,IAAD,uBAAWA,EAAMC,MAAMC,sBAAvB,uBAEDC,IACIH,IAAD,uBAAWA,EAAMC,MAAMG,gBAAvB,0BAITC,EAAMR,YAAOS,KAAV,sDAAGT,CAAH,wCAKHU,EAAQV,IAAOW,GAAV,wDAAGX,CAAH,6BAKLY,EAASZ,IAAOa,KAAV,yDAAGb,CAAH,gLAKGc,YALH,QAMJC,KAEIT,KA8BGU,IApBC,EAAGpB,QAAOqB,UAASb,WAE/B,kBAACL,EAAD,CAASK,MAAOA,GACd,kBAACI,EAAD,KACE,kBAACE,EAAD,KACE,kBAAC,IAAD,CAAYQ,GAAG,QAAQtB,GACvB,kBAAC,IAAD,CAAcuB,UAAWC,IAAYF,GAAG,QACrCD,IAGL,6BACE,kBAACL,EAAD,KACE,kBAAC,IAAD,CAAOS,IAAI,GAAGC,IAAKC,IAAWC,MAAO,GAAIC,OAAQ,U,kCC5D7D,6GA8EeC,IArEe,KAC5B,MAAMC,EAASC,yBAAe,aAqC9B,OACE,oCACE,kBAAC,IAAD,CACEC,KAAM,CACJC,MAAO,UACPC,MAAO,CAAEC,GAAI,4BAA6BC,MAAO,CAAEC,KAAM,aAAehB,GAAIiB,SAE9E/B,MAAO,CACLgC,WAAY,QAEdC,mBAAoB,kBAAC,IAAD,CAAsBV,OAAQA,KARpD,uBAUsB,6BACpB,kBAAC,IAAD,CAAcW,KAAK,cAAcnB,UAAWC,IAAYF,GAAG,QAA3D,cAKF,kBAAC,IAAD,CAAyBtB,MAAM,YAAY2C,aAAa,MACtD,oMAOF,kBAAC,IAAD,CAAS3C,MAAM,cAAcqB,QAAQ","file":"component---src-pages-publishers-index-js-66bc1e23e8d0074941fd.js","sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iNTEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI1LjUgMzguMTI0TDEzIDUwLjVsLTIuNS0yLjQ3NS0xMC05LjkwMUwzIDM1LjY0OWw4LjAwMSA3LjkyTDExIC41aDRsLjAwMSA0My4wNjlMMjMgMzUuNjQ5bDIuNSAyLjQ3NXoiIGZpbGw9IiNGRkM5MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==\"","import React from \"react\";\nimport Layout from \"../../components/Layout\";\nimport Seo from \"../../components/Seo\";\nimport loadable from \"@loadable/component\";\nimport LazyLoadSection from \"../../components/LazyLoadSection\";\nimport StaticSection from \"../../components/sections/PublishersIndexStatic\";\n\nconst AsyncSection = loadable(() =>\n  import(\"../../components/sections/PublishersIndexDefer\")\n);\n\nconst IndexPage = () => (\n  <Layout>\n    <Seo\n      title=\"Leading Commerce Solution for Publishers\"\n      description=\"StackCommerce offers branded e-commerce shops, affiliate commerce, and advertising solutions to help publishers monetize.\"\n    />\n\n    <LazyLoadSection static={<StaticSection />}>\n      <AsyncSection />\n    </LazyLoadSection>\n  </Layout>\n);\n\nexport default IndexPage;\n","import React from \"react\";\nimport styled, { css } from \"styled-components\";\nimport { Headline80 } from \"./styles/Headings\";\nimport OutlinedText from \"./styles/OutlinedText\";\nimport Container from \"./styles/Container\";\nimport { white } from \"./styles/Colors\";\nimport { mediaMedium } from \"./styles/variables\";\nimport Image from \"./Image\";\nimport arrowIcon from \"../images/14-icon-down-arrow-yellow.svg\";\nimport { WobbleFrames } from \"./styles/animations\";\n\nconst Wrapper = styled.div`\n  background-color: ${white};\n  padding: ${(props) => props.theme.paddingsMobile ?? `91px 0 88px`};\n\n  @media (${mediaMedium}) {\n    padding: ${(props) => props.theme.paddings ?? `144px 0 137px`};\n  }\n`;\n\nconst Box = styled(Container)`\n  display: flex;\n  align-items: flex-end;\n`;\n\nconst Title = styled.h2`\n  display: block;\n  margin: 0;\n`;\n\nconst Button = styled.span`\n  transition: 0.2s opacity;\n  width: 20px;\n  margin: 0 0 0 16px;\n  display: inline-block;\n  animation: ${css`\n      ${WobbleFrames}`} 3.5s ease infinite;\n\n  @media (${mediaMedium}) {\n    width: 25px;\n    margin: 0 0 0 66px;\n  }\n\n  &:hover {\n    opacity: 0.8;\n  }\n`;\n\nconst HeroCTA = ({ title, outline, theme }) => {\n  return (\n    <Wrapper theme={theme}>\n      <Box>\n        <Title>\n          <Headline80 as=\"span\">{title}</Headline80>\n          <OutlinedText component={Headline80} as=\"span\">\n            {outline}\n          </OutlinedText>\n        </Title>\n        <div>\n          <Button>\n            <Image alt=\"\" src={arrowIcon} width={25} height={50} />\n          </Button>\n        </div>\n      </Box>\n    </Wrapper>\n  );\n};\n\nexport default HeroCTA;\n","import React from \"react\";\nimport HomeLanding from \"../HeroLanding\";\nimport { graphql, Link, useStaticQuery } from \"gatsby\";\nimport OutlinedText from \"../styles/OutlinedText\";\nimport { Headline80 } from \"../styles/Headings\";\nimport BlackHeroWithRightLines from \"../BlackHeroWithRightLines\";\nimport HeroCTA from \"../HeroCTA\";\nimport LandingGridAnimation from \"../LandingGridAnimation\";\n\nconst PublishersIndexStatic = () => {\n  const Images = useStaticQuery(graphql`\n    query PublishersIndexStatic {\n      one: file(relativePath: { eq: \"13-publishers-home-1.jpg\" }) {\n        childImageSharp {\n          fluid(quality: 80) {\n            ...GatsbyImageSharpFluid_withWebp\n            ...GatsbyImageSharpFluidLimitPresentationSize\n          }\n        }\n      }\n      two: file(relativePath: { eq: \"13-publishers-home-2.jpg\" }) {\n        childImageSharp {\n          fluid(quality: 80) {\n            ...GatsbyImageSharpFluid_withWebp\n            ...GatsbyImageSharpFluidLimitPresentationSize\n          }\n        }\n      }\n      three: file(relativePath: { eq: \"13-publishers-home-3.jpg\" }) {\n        childImageSharp {\n          fluid(quality: 80) {\n            ...GatsbyImageSharpFluid_withWebp\n            ...GatsbyImageSharpFluidLimitPresentationSize\n          }\n        }\n      }\n      four: file(relativePath: { eq: \"13-publishers-home-4.jpg\" }) {\n        childImageSharp {\n          fluid(quality: 80) {\n            ...GatsbyImageSharpFluid_withWebp\n            ...GatsbyImageSharpFluidLimitPresentationSize\n          }\n        }\n      }\n    }\n  `);\n\n  return (\n    <>\n      <HomeLanding\n        link={{\n          label: \"Sign Up\",\n          attrs: { to: \"/contact/?smopt=publisher\", state: { from: \"publisher\" }, as: Link }\n        }}\n        theme={{\n          bottomSize: \"10px\"\n        }}\n        animationComponent={<LandingGridAnimation Images={Images} />}\n      >\n        Affiliate commerce, <br />\n        <OutlinedText fill=\"transparent\" component={Headline80} as=\"span\">\n          REDEFINED\n        </OutlinedText>\n      </HomeLanding>\n\n      <BlackHeroWithRightLines title=\"EXPERTISE\" titleElement=\"h2\">\n        <p>\n          Whether you’re an online media site, a social influencer, or a\n          broadcast media publisher, our tools grow your revenue without\n          compromising your audience experience.\n        </p>\n      </BlackHeroWithRightLines>\n\n      <HeroCTA title=\"Our product\" outline=\"Offerings\" />\n    </>\n  );\n};\n\nexport default PublishersIndexStatic;\n"],"sourceRoot":""}