{"version":3,"sources":["webpack:///./src/images/9-cta-arrow-brand-color-1-shade.svg","webpack:///./src/images/9-cta-arrow-brand-color-1-tint.svg","webpack:///./src/images/9-cta-arrow-white.svg","webpack:///./src/components/MainHeroTitle.js","webpack:///./src/components/styles/PagePadding.js","webpack:///./src/components/styles/OutlinedText.js","webpack:///./src/components/TitleWithTrail.js","webpack:///./src/components/HeroContentSnippet.js","webpack:///./src/components/publishers/HeroAdwards.js","webpack:///./src/components/publishers/HeroNeverStopEarning.js","webpack:///./src/components/publishers/LandingShopsAnimation.js","webpack:///./src/components/sections/PublishersShopsStatic.js","webpack:///./src/pages/publishers/shops.js","webpack:///./src/components/ArrowButton.js","webpack:///./src/components/styles/animations.js","webpack:///./src/components/LinesFromRight.js","webpack:///./src/components/styles/TextHighlight.js","webpack:///./src/components/HeroTwoColumns.js","webpack:///./src/components/HeroLanding.js"],"names":["module","exports","Wrapper","styled","div","TitleWrapper","props","theme","titleWidth","mediaMedium","MainHeroTitle","children","label","link","cleanTitle","as","Title","Headline80","attrs","PagePadding","paddingBottom","Outline","span","color","textBlack1","fill","white","size","stroke","OutlinedText","component","inline","Element","styles","display","style","noBreak","Subtitle","Eyebrows16","Trail","marginTitle","TitleWithTrail","title","noTrail","subTitle","times","index","key","aria-hidden","aria-disabled","paddingMedia","noPadding","padding","Row","Content","HeroContentSnippet","buttonVariant","black1","ArrowButton","variant","large","Grid","Body18","HeroAwardsSection","data","Container","Image","fluid","technology","childImageSharp","publish","HeroAwards","useStaticQuery","Display","Decoration","HeroNeverStopSection","image","HeroTwoColumns","background","gray4","gap","columns","reverse","LinesFromRight","skew","TextHighlight","file","HeroNeverStopEarning","Right","Left","Animation","active","css","FadeSlideInRight","delay","LandingShopsAnimations","Images","setActive","useState","handleLoad","onLoad","loading","one","two","PublishersShopsStatic","section","to","state","from","Link","bottomMargins","topPadding","topLargePadding","bottomPadding","bottom","imageTranslate","imageBottom","mediaCss","imageMarginTop","gatsbyWidth","animationComponent","LandingShopsAnimation","AsyncSection","loadable","Shops","description","static","VARIANTS","shade","brandColor1Shade","icon","iconArrowBrandColor1Shade","hoverColor","brandColor1","tint","brandColor1Tint","iconArrowBrandColor1Tint","iconArrowWhite","gray2","Arrow","keyframes","Button","opts","omit","alt","src","width","height","FadeSlideInTopRight","SlideInRight","SlideInLeft","SlideInBottom","SlideInTop","FlyBy","WobbleFrames","FadeInBottomFrames","MoveInBottom","translateFrom","FadeInBottom","FadeInRight","FadeInLeft","FadeIn","FadeInRightSmall","FadeInLeftSmall","Line1","linesSkew","brandColor2","Line2","Line3","Text","strong","brandColor3","soloSpace","desktopGap","justify","align","mediaDesktop","columnsLarge","decoration","gag","ContainerRelative","wrapperOverflow","bottomPaddingMedia","imageWidth","imageMaxWidth","mediaTransform","hasMobileImage","animationPre","keyFrames","imageSize","DesktopImage","Bottom","marginTop","Space","bottomSizeMedia","bottomSizeBottomMedia","bottomSize","SubTitle","Eyebrows20","ImageMedia","mediaImgWidth","mediaImgHeight","mediaImgMargins","Blur","blurheight","blurPosition","blurHeightLarge","HomeLanding","imageMobile","noBottom","blurImage","position"],"mappings":"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","file":"component---src-pages-publishers-shops-js-dab5e70f2641c4774c4f.js","sourcesContent":["module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMjIgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbiAvIEFycm93IFNtYWxsPC90aXRsZT4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ1RBLVNlY29uZGFyeS0vLTE4cHQtLy1EZWZhdWx0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQuMDAwMDAwLCAtOS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikljb24tLy1BcnJvdy1TbWFsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTQuMDAwMDAwLCAyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuNzI0MDI4OSw3IEwyMiwxMi4zMTAzNDQ4IEwxNi43MjQwMjg5LDE3LjYyMDY4OTcgTDE1LjY2ODgzNDcsMTYuNTU4NjIwNyBMMTkuMTk1LDEzLjAwNyBMMCwxMy4wMDc5NjkzIEwwLDExLjUwNTk3NyBMMTkuMDg5LDExLjUwNSBMMTUuNjY4ODM0Nyw4LjA2MjA2ODk3IEwxNi43MjQwMjg5LDcgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjYjIzNjFhIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==\"","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMjIgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbiAvIEFycm93IFNtYWxsPC90aXRsZT4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ1RBLVNlY29uZGFyeS0vLTE4cHQtLy1EZWZhdWx0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQuMDAwMDAwLCAtOS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikljb24tLy1BcnJvdy1TbWFsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTQuMDAwMDAwLCAyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuNzI0MDI4OSw3IEwyMiwxMi4zMTAzNDQ4IEwxNi43MjQwMjg5LDE3LjYyMDY4OTcgTDE1LjY2ODgzNDcsMTYuNTU4NjIwNyBMMTkuMTk1LDEzLjAwNyBMMCwxMy4wMDc5NjkzIEwwLDExLjUwNTk3NyBMMTkuMDg5LDExLjUwNSBMMTUuNjY4ODM0Nyw4LjA2MjA2ODk3IEwxNi43MjQwMjg5LDcgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjZmY3MDUyIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==\"","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjJweCIgaGVpZ2h0PSIxMXB4IiB2aWV3Qm94PSIwIDAgMjIgMTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbiAvIEFycm93IFNtYWxsPC90aXRsZT4KICAgIDxnIGlkPSJTeW1ib2xzIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0iQ1RBLVNlY29uZGFyeS0vLTE4cHQtLy1EZWZhdWx0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNTQuMDAwMDAwLCAtOS4wMDAwMDApIj4KICAgICAgICAgICAgPGcgaWQ9Ikljb24tLy1BcnJvdy1TbWFsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNTQuMDAwMDAwLCAyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij48L3JlY3Q+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTYuNzI0MDI4OSw3IEwyMiwxMi4zMTAzNDQ4IEwxNi43MjQwMjg5LDE3LjYyMDY4OTcgTDE1LjY2ODgzNDcsMTYuNTU4NjIwNyBMMTkuMTk1LDEzLjAwNyBMMCwxMy4wMDc5NjkzIEwwLDExLjUwNTk3NyBMMTkuMDg5LDExLjUwNSBMMTUuNjY4ODM0Nyw4LjA2MjA2ODk3IEwxNi43MjQwMjg5LDcgWiIgaWQ9IkNvbWJpbmVkLVNoYXBlIiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==\"","import React from \"react\";\nimport { Headline80 } from \"./styles/Headings\";\nimport PrimaryButton from \"./PrimaryButton\";\nimport styled from \"styled-components\";\nimport { mediaMedium } from \"./styles/variables\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  z-index: 4;\n`;\n\nconst TitleWrapper = styled.div`\n  max-width: ${(props) => props.theme.titleWidth ?? \"570px\"};\n  margin-bottom: 22px;\n  text-transform: uppercase;\n\n  @media (${mediaMedium}) {\n    margin-bottom: 40px;\n  }\n`;\n\nconst MainHeroTitle = ({ children, label, link, cleanTitle, theme, as }) => {\n  const Title = cleanTitle ? \"div\" : Headline80;\n  return (\n    <Wrapper>\n      <TitleWrapper theme={theme}>\n        <Title as=\"h1\">{children}</Title>\n      </TitleWrapper>\n\n      {label && <PrimaryButton attrs={link}>{label}</PrimaryButton>}\n    </Wrapper>\n  );\n};\n\nexport default MainHeroTitle;\n","import styled from \"styled-components\";\nimport { mediaMedium } from \"./variables\";\n\nconst PagePadding = styled.div`\n  padding-left: 20px;\n  padding-right: 20px;\n\n  @media (${mediaMedium}) {\n    padding-left: 8px;\n    padding-right: 8px;\n    padding-bottom: ${(props) => props.paddingBottom ?? 0};\n  }\n`;\n\nexport default PagePadding;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { textBlack1, white } from \"./Colors\";\nimport { mediaMedium } from \"./variables\";\n\nconst Outline = styled.span`\n  color: ${(props) => props.color ?? textBlack1};\n  -webkit-text-fill-color: ${(props) => props.fill ?? white};\n  -webkit-text-stroke-width: ${(props) => props.size ?? \"1px\"};\n  -webkit-text-stroke-color: ${(props) =>\n    props.stroke ?? props.color ?? textBlack1};\n\n  @media (${mediaMedium}) {\n    -webkit-text-stroke-width: ${(props) => props.size ?? \"2px\"};\n  }\n`;\n\nconst OutlinedText = ({\n  color,\n  fill,\n  stroke,\n  size,\n  as,\n  component,\n  children,\n  inline\n}) => {\n  const Element = component ?? \"<span />\";\n  const styles = inline ? { display: \"inline\" } : {};\n\n  return (\n    <Element style={styles} as={as}>\n      <Outline color={color} fill={fill} stroke={stroke} size={size}>\n        {children}\n      </Outline>\n    </Element>\n  );\n};\n\nexport default OutlinedText;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Headline80 } from \"./styles/Headings\";\nimport { Eyebrows16 } from \"./styles/Eyebrows\";\nimport { textBlack1 } from \"./styles/Colors\";\nimport { mediaMedium } from \"./styles/variables\";\nimport { times } from \"lodash\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  ${(props) => props.noBreak && \"min-width: max-content;\"}\n`;\n\nconst Subtitle = styled(Eyebrows16)`\n  margin-bottom: 26px;\n  position: absolute;\n  left: 0;\n  top: -22px;\n\n  @media (${mediaMedium}) {\n    top: -47px;\n  }\n`;\n\nconst Trail = styled(Headline80)`\n  margin: -9px 0;\n  line-height: 1;\n  opacity: 0.07;\n  user-select: none;\n  outline: none;\n  speak: none;\n  pointer-events: none;\n  color: ${(props) => props.color ?? textBlack1};\n`;\n\nconst TitleWrapper = styled.div`\n  position: relative;\n`;\n\nconst Title = styled(Headline80)`\n  p {\n    margin: 0;\n  }\n\n  @media (${mediaMedium}) {\n    margin: ${(props) => props.marginTitle ?? \"0\"};\n  }\n`;\n\nconst TitleWithTrail = ({\n  title,\n  noTrail,\n  color,\n  subTitle,\n  marginTitle,\n  noBreak\n}) => {\n  return (\n    <Wrapper noBreak={noBreak}>\n      {!noTrail && (\n        <>\n          {times(4, (index) => (\n            <Trail\n              key={index}\n              color={color}\n              as=\"span\"\n              aria-hidden=\"true\"\n              aria-disabled=\"true\"\n            >\n              {title}\n            </Trail>\n          ))}\n        </>\n      )}\n\n      <TitleWrapper>\n        {subTitle && (\n          <Subtitle theme={{ color: color ?? null }}>{subTitle}</Subtitle>\n        )}\n        <Title marginTitle={marginTitle} theme={{ color: color ?? null }}>\n          {title}\n        </Title>\n      </TitleWrapper>\n    </Wrapper>\n  );\n};\n\nexport default TitleWithTrail;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport TitleWithTrail from \"./TitleWithTrail\";\nimport { Body24 } from \"./styles/BodyTypes\";\nimport ArrowButton from \"./ArrowButton\";\nimport { mediaMedium } from \"./styles/variables\";\nimport { black1 } from \"./styles/Colors\";\n\nconst Wrapper = styled.div`\n  ${(props) =>\n    props.noTrail && !!props.paddingMedia\n      ? `padding: ${props.paddingMedia};`\n      : \"\"};\n  @media (${mediaMedium}) {\n    ${(props) =>\n      props.noTrail && !!props.noPadding ? `padding-top: 112px;` : \"\"};\n    padding-bottom: 122px;\n    ${(props) => (props.padding ? `padding: ${props.padding};` : \"\")};\n  }\n`;\n\nconst Row = styled.span`\n  display: block;\n  margin-top: 24px;\n`;\n\nconst Content = styled.div`\n  margin-top: 30px;\n  \n  @media (${mediaMedium}) {\n    margin: 0;\n  }\n`;\n\nconst HeroContentSnippet = ({\n  color,\n  title,\n  subTitle = undefined,\n  link,\n  label,\n  noTrail,\n  noPadding,\n  children,\n  marginTitle,\n  padding,\n  noBreak,\n  paddingMedia,\n  buttonVariant = undefined\n}) => {\n  return (\n    <Wrapper noTrail={noTrail} padding={padding} paddingMedia={paddingMedia}>\n      <TitleWithTrail\n        noTrail={noTrail}\n        noPadding={noPadding}\n        color={color}\n        title={title}\n        subTitle={subTitle}\n        marginTitle={marginTitle}\n        noBreak={noBreak}\n      />\n      <Content>\n        <Body24 as=\"div\" theme={{ color: color ?? black1 }}>\n          {children}\n          {link && (\n            <Row>\n              <ArrowButton variant={buttonVariant} large={true} attrs={link}>\n                {label ? label : \"Find Out More\"}\n              </ArrowButton>\n            </Row>\n          )}\n        </Body24>\n      </Content>\n    </Wrapper>\n  );\n};\n\nexport default HeroContentSnippet;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport Container from \"../styles/Container\";\nimport Image from \"../Image\";\nimport { white } from \"../styles/Colors\";\nimport { graphql, useStaticQuery } from \"gatsby\";\nimport { Body18 } from \"../styles/BodyTypes\";\nimport { mediaMedium } from \"../styles/variables\";\n\nconst Wrapper = styled.div`\n  background-color: ${white};\n  padding: 3px 0 72px;\n  position: relative;\n  z-index: 1;\n\n  @media (${mediaMedium}) {\n    padding: 0 0 96px 0;\n    margin-top: -80px;\n  }\n`;\n\nconst Grid = styled.div`\n  @media (${mediaMedium}) {\n    display: grid;\n    grid-template-columns: repeat(3, 255px);\n    grid-column-gap: 48px;\n  }\n`;\n\nconst Content = styled(Body18)`\n  border-top: 1px solid #ababab;\n  padding-top: 14px;\n  margin: 17px 0 0;\n\n  @media (${mediaMedium}) {\n    padding-top: 18px;\n    margin: 28px 0;\n  }\n\n  span {\n    display: block;\n    color: #ababab;\n  }\n`;\n\nconst Row = styled.div`\n  &:not(:last-child) {\n    margin-bottom: 46px;\n  }\n\n  @media (${mediaMedium}) {\n    &:not(:last-child) {\n      margin-bottom: 0;\n    }\n  }\n`;\n\nconst HeroAwardsSection = ({ data }) => {\n  return (\n    <Wrapper>\n      <Container>\n        <Grid>\n          <Row>\n            <Image fluid={data.technology.childImageSharp.fluid} />\n            <Content>\n              Best Affiliate Marketing Platform <span>2020 Finalist</span>\n            </Content>\n          </Row>\n          <Row>\n            <Image fluid={data.technology.childImageSharp.fluid} />\n            <Content>\n              Best eCommerce Content Platform <span>2019 Finalist</span>\n            </Content>\n          </Row>\n          <Row>\n            <Image fluid={data.publish.childImageSharp.fluid} />\n            <Content>\n              Best eCommerce Strategy <span>2017 Finalist</span>\n            </Content>\n          </Row>\n        </Grid>\n      </Container>\n    </Wrapper>\n  );\n};\n\nconst HeroAwards = () => {\n  const data = useStaticQuery(graphql`\n    query {\n      publish: file(relativePath: { eq: \"40-digiday-award-publish.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 164, maxHeight: 56, quality: 100) {\n            ...GatsbyImageSharpFluid\n            ...GatsbyImageSharpFluidLimitPresentationSize\n          }\n        }\n      }\n      technology: file(\n        relativePath: { eq: \"40-digiday-award-technology.png\" }\n      ) {\n        childImageSharp {\n          fluid(maxWidth: 185, maxHeight: 56, quality: 100) {\n            ...GatsbyImageSharpFluid\n            ...GatsbyImageSharpFluidLimitPresentationSize\n          }\n        }\n      }\n    }\n  `);\n  return <HeroAwardsSection data={data} />;\n};\n\nexport default HeroAwards;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport HeroTwoColumns from \"../HeroTwoColumns\";\nimport { gray4 } from \"../styles/Colors\";\nimport PagePadding from \"../styles/PagePadding\";\nimport HeroContentSnippet from \"../HeroContentSnippet\";\nimport OutlinedText from \"../styles/OutlinedText\";\nimport TextHighlight from \"../styles/TextHighlight\";\nimport Image from \"../Image\";\nimport LinesFromRight from \"../LinesFromRight\";\nimport { graphql, useStaticQuery } from \"gatsby\";\nimport { mediaMedium } from \"../styles/variables\";\n\nconst Display = styled.div`\n  text-align: center;\n  padding-bottom: 58px;\n\n  .gatsby-image-wrapper {\n    margin: 0 auto;\n  }\n\n  @media (${mediaMedium}) {\n    padding-bottom: 0;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    margin-top: -41%;\n\n    .gatsby-image-wrapper {\n      flex: 1 1 100%;\n      width: 100%;\n    }\n  }\n\n  @media (min-width: 1100px) {\n    .gatsby-image-wrapper {\n      width: calc(100% + 160px);\n      max-width: none !important;\n      max-height: none !important;\n      transform: translateX(80px);\n    }\n  }\n`;\n\nconst Decoration = styled.div`\n  display: none;\n  pointer-events: none;\n\n  @media (${mediaMedium}) {\n    display: block;\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: -50%;\n    left: -50%;\n    transform: translate(74%, 92%);\n    padding-bottom: 0;\n  }\n`;\n\nconst HeroNeverStopSection = ({ image }) => {\n  return (\n    <HeroTwoColumns\n      background={gray4}\n      gap=\"calc(100% * 1/12)\"\n      columns=\"calc(100% * 5.5/12) calc(100% * 6/12)\"\n      reverse={true}\n      paddingMedia=\"15px 0 0\"\n    >\n      <Decoration>\n        <LinesFromRight skew=\"-24deg\" />\n      </Decoration>\n      <PagePadding>\n        <HeroContentSnippet\n          padding=\"0 0 127px\"\n          marginTitle=\"-24px 0 -30px\"\n          title={\n            <p>\n              NEVER STOP{\" \"}\n              <OutlinedText fill=\"transparent\" as=\"span\" component=\"span\">\n                EARNING\n              </OutlinedText>\n            </p>\n          }\n          noTrail={true}\n          link={false}\n        >\n          <p>\n            We believe publishers should earn higher commissions from affiliate\n            content.\n          </p>\n          <p>\n            That's why we negotiate directly with brands to bring you{\" \"}\n            <TextHighlight theme={{ background: gray4 }}>\n              3-5x higher commissions\n            </TextHighlight>{\" \"}\n            and best-in-market deals for your readers.\n          </p>\n          <p>\n            And unlike traditional affiliate programs which require upfront\n            budgets for writers, editors, and commerce experts, Stack scales\n            your earnings with{\" \"}\n            <TextHighlight theme={{ background: gray4 }}>\n              zero out-of-pocket costs.\n            </TextHighlight>\n          </p>\n        </HeroContentSnippet>\n      </PagePadding>\n      <Display>\n        <Image fluid={image.file.childImageSharp.fluid} />\n      </Display>\n    </HeroTwoColumns>\n  );\n};\n\nconst HeroNeverStopEarning = () => {\n  const data = useStaticQuery(graphql`\n    query {\n      file(relativePath: { eq: \"41-never-stop-earning-cycle.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 564, maxHeight: 564, quality: 100) {\n            ...GatsbyImageSharpFluid_withWebp\n            ...GatsbyImageSharpFluidLimitPresentationSize\n          }\n        }\n      }\n    }\n  `);\n  return <HeroNeverStopSection image={data} />;\n};\n\nexport default HeroNeverStopEarning;\n","import React, { useState } from \"react\";\nimport { graphql, useStaticQuery } from \"gatsby\";\nimport styled, { css } from \"styled-components\";\nimport { mediaMedium } from \"../styles/variables\";\nimport Image from \"../Image\";\nimport { FadeSlideInRight } from \"../styles/animations\";\n\nconst Wrapper = styled.div`\n  width: calc(100% + 40px);\n  margin: 0 -20px;\n  transform: translateX(-5%);\n  z-index: 2;\n  position: relative;\n  padding: 22px 0 88px;\n\n  @media (${mediaMedium}) {\n    transform: none;\n    padding: 0;\n    position: absolute;\n    width: 75%;\n    max-width: 800px;\n    top: 17%;\n    right: -30%;\n  }\n`;\n\nconst Grid = styled.div`\n  position: relative;\n  z-index: 2;\n\n  &:after {\n    content: \"\";\n    width: 1px;\n    display: inline-block;\n    padding-top: 86.5%;\n  }\n\n  &:before {\n    content: \"\";\n    z-index: 2;\n    width: 888px;\n    height: 30px;\n    position: absolute;\n    bottom: -20px;\n    right: 0;\n    background: linear-gradient(\n      0deg,\n      rgba(255, 255, 255, 0.9) 0%,\n      rgba(255, 255, 255, 0.4) 80%,\n      rgba(255, 255, 255, 0) 100%\n    );\n\n    @media (${mediaMedium}) {\n      height: 60px;\n    }\n  }\n`;\n\nconst Right = styled.div`\n  position: absolute;\n  width: 65%;\n  left: 42%;\n`;\n\nconst Left = styled(Right)`\n  left: 0%;\n`;\n\nconst Animation = styled(Image)`\n  transform: translateX(30%);\n  max-width: 100% !important;\n  max-height: none !important;\n  width: 100%;\n  opacity: 0;\n  animation: ${(props) =>\n    props.active\n      ? css`\n          ${FadeSlideInRight} 0.9s ease forwards\n        `\n      : \"none\"};\n  animation-delay: ${(props) => props.delay}s;\n`;\n\nconst LandingShopsAnimations = () => {\n  const Images = useStaticQuery(graphql`\n    query {\n      one: file(relativePath: { eq: \"39-commerce-landing-1.png\" }) {\n        childImageSharp {\n          fluid(quality: 90) {\n            ...GatsbyImageSharpFluid_withWebp\n            ...GatsbyImageSharpFluidLimitPresentationSize\n          }\n        }\n      }\n      two: file(relativePath: { eq: \"39-commerce-landing-2.png\" }) {\n        childImageSharp {\n          fluid(quality: 90) {\n            ...GatsbyImageSharpFluid_withWebp\n            ...GatsbyImageSharpFluidLimitPresentationSize\n          }\n        }\n      }\n    }\n  `);\n\n  const [active, setActive] = useState(false);\n  const handleLoad = () => {\n    setActive(true);\n  };\n\n  return (\n    <Wrapper>\n      <Grid>\n        <Left>\n          <Animation\n            onLoad={handleLoad}\n            loading=\"eager\"\n            fluid={Images.one.childImageSharp.fluid}\n            active={active}\n            delay={0.2}\n          />\n        </Left>\n\n        <Right>\n          <Animation\n            onLoad={handleLoad}\n            loading=\"eager\"\n            fluid={Images.two.childImageSharp.fluid}\n            active={active}\n            delay={0.3}\n          />\n        </Right>\n      </Grid>\n    </Wrapper>\n  );\n};\n\nexport default LandingShopsAnimations;\n","import React from \"react\";\nimport HomeLanding from \"../HeroLanding\";\nimport { Link } from \"gatsby\";\nimport OutlinedText from \"../styles/OutlinedText\";\nimport { Headline80 } from \"../styles/Headings\";\nimport HeroAwards from \"../publishers/HeroAdwards\";\nimport HeroNeverStopEarning from \"../publishers/HeroNeverStopEarning\";\nimport LandingShopsAnimations from \"../publishers/LandingShopsAnimation\";\n\nconst PublishersShopsStatic = () => {\n  return (\n    <>\n      <HomeLanding\n        section=\"shops for publishers\"\n        link={{\n          label: \"Get Started\",\n          attrs: { to: \"/contact/?smopt=publisher\", state: { from: \"publisher\" }, as: Link }\n        }}\n        bottomMargins=\"-30%\"\n        theme={{\n          titleWidth: \"900px\",\n          topPadding: \"104px\",\n          topLargePadding: \"200px\",\n          bottomPadding: \"72px\",\n          bottom: \"#fff\",\n          imageTranslate: \"translate(calc(100% * 7.8 / 12), 58%)\",\n          imageBottom: \"50%\",\n          mediaCss:\n            \"width: 100%; max-width: 100% !important; margin-bottom: 11%\",\n          imageMarginTop: 0,\n          gatsbyWidth: \"1000px\"\n        }}\n        animationComponent={<LandingShopsAnimations />}\n      >\n        <OutlinedText fill={\"transparent\"} component={Headline80} as=\"span\">\n          supercharge{\" \"}\n        </OutlinedText>\n        the way you do commerce{\" \"}\n      </HomeLanding>\n\n      <HeroAwards />\n\n      <HeroNeverStopEarning />\n    </>\n  );\n};\n\nexport default PublishersShopsStatic;\n","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/PublishersShopsStatic\";\n\nconst AsyncSection = loadable(() =>\n  import(\"../../components/sections/PublishersShopsDefer\")\n);\n\nconst Shops = () => (\n  <Layout>\n    <Seo\n      title=\"Powering Branded Shops for Publishers\"\n      description=\"Boost your revenue with a branded eCommerce shop powered by StackCommerce. We help publishers monetize with end-to-end commerce and content solutions.\"\n    />\n\n    <LazyLoadSection static={<StaticSection />}>\n      <AsyncSection />\n    </LazyLoadSection>\n  </Layout>\n);\n\nexport default Shops;\n","import React from \"react\";\nimport styled, { keyframes } from \"styled-components\";\nimport Image from \"./Image\";\n\nimport omit from \"lodash/omit\";\nimport { Link } from \"gatsby\";\nimport {\n  brandColor1,\n  brandColor1Shade,\n  brandColor1Tint,\n  gray2,\n  white\n} from \"./styles/Colors\";\n\nimport iconArrowBrandColor1Shade from \"../images/9-cta-arrow-brand-color-1-shade.svg\";\nimport iconArrowBrandColor1Tint from \"../images/9-cta-arrow-brand-color-1-tint.svg\";\nimport iconArrowWhite from \"../images/9-cta-arrow-white.svg\";\n\nconst VARIANTS = {\n  shade: {\n    color: brandColor1Shade,\n    icon: iconArrowBrandColor1Shade,\n    hoverColor: brandColor1\n  },\n  tint: {\n    color: brandColor1Tint,\n    icon: iconArrowBrandColor1Tint,\n    hoverColor: brandColor1\n  },\n  white: {\n    color: white,\n    icon: iconArrowWhite,\n    hoverColor: gray2\n  }\n};\n\nconst Arrow = styled(Image)`\n  margin-left: 19px;\n  transition: 0.3s transform;\n`;\n\nconst Animation = keyframes`\n  to {transform: scale(1) translateX(0%)}\n  50% {transform: scale(1.2) translateX(10%)}\n  from {transform: scale(1) translateX(0%)}\n`;\n\nconst Button = styled(Link)`\n  display: inline-flex;\n  align-items: center;\n  color: ${(props) => VARIANTS[props.variant].color};\n  transition: 0.3s color;\n  cursor: pointer;\n  text-decoration: none;\n\n  &:hover {\n    color: ${(props) => VARIANTS[props.variant].hoverColor};\n\n    ${Arrow} {\n      animation: ${Animation} 1s linear infinite;\n    }\n  }\n`;\n\nconst ArrowButton = ({ attrs, large, children, variant = \"shade\" }) => {\n  const opts = omit(attrs, [\"as\"]);\n  opts.as = (attrs && attrs.as) || (attrs && attrs.to) ? attrs.as : \"span\";\n  return (\n    <Button {...opts} variant={variant}>\n      <span>{children}</span>{\" \"}\n      <Arrow\n        alt=\"\"\n        src={VARIANTS[variant].icon}\n        width={large ? 36 : 22}\n        height={large ? 17 : 11}\n      />\n    </Button>\n  );\n};\n\nexport default ArrowButton;\n","import styled, { keyframes, css } from \"styled-components\";\n\nexport const FadeSlideInTopRight = keyframes`\n  0% {\n    transform: translateY(-20%) translateX(20%);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    transform: translateY(0) translateX(0);\n    opacity: 1;\n  }\n`;\n\nexport const SlideInRight = keyframes`\n  0% {\n    transform: translateX(30%);\n  }\n  100% {\n    transform: translateX(0);\n  }\n`;\n\nexport const FadeSlideInRight = keyframes`\n  0% {\n    transform: translateX(30%);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    transform: translateX(0);\n    opacity: 1;\n  }\n`;\n\nexport const SlideInLeft = keyframes`\n  0% {\n    transform: translateX(-30%);\n  }\n  100% {\n    transform: translateX(0);\n  }\n`;\n\nexport const SlideInBottom = keyframes`\n  0% {\n    transform: translateY(20%);\n  }\n  100% {\n    transform: translateY(0);\n  }\n`;\n\nexport const SlideInTop = keyframes`\n  0% {\n    transform: translateY(-20%);\n  }\n  100% {\n    transform: translateY(0);\n  }\n`;\n\nexport const FlyBy = keyframes`\n  0% {\n    transform: translateY(20%) translateX(-20%);\n  }\n  100% {\n    transform: translateY(0) translateX(0);\n  }\n`;\n\nexport const FadeInFrames = keyframes`\n  0% {\n    opacity: 0;\n    transform: translateY(40%);\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nexport const WobbleFrames = keyframes`\n  0% {\n    -webkit-transform: none;\n    transform: none\n  }\n  15% {\n    transform: translate3d(0, -15%, 0);\n  }\n  30% {\n    transform: translate3d(0, 10%, 0);\n  }\n  45% {\n    transform: translate3d(0, -15%, 0);\n  }\n  60% {\n    transform: translate3d(0, 0%, 0);\n  }\n  75% {\n    transform: translate3d(0, -15%, 0);\n  }\n  100% {\n    transform: none\n  }\n`;\n\nexport const FadeInBottomFrames = keyframes`\n  0% {\n    transform: translateY(20%);\n    opacity: 0;\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    transform: translateY(0);\n    opacity: 1;\n  }\n`;\n\nexport const MoveInBottom = styled.div`\n  transition: ease 0.8s;\n  transition-property: transform;\n  transform: translateY(\n    ${(props) => (props.active ? 0 : props.translateFrom ?? 20)}%\n  );\n  transition-delay: ${(props) => (props.active ? 0 : 1)}s;\n`;\n\nexport const FadeInBottom = styled.div`\n  transform: translateY(20%);\n  opacity: 0;\n  animation: ${(props) =>\n    props.active\n      ? css`\n          ${FadeInBottomFrames} 0.8s ease forwards 0.1s\n        `\n      : \"none\"};\n`;\n\nexport const FadeInRight = styled.div`\n  transition: ease 0.8s;\n  transition-property: transform;\n  transition-delay: ${(props) => (props.active ? 0 : 1)}s;\n  transform: translateX(${(props) => (props.active ? 0 : 20)}%);\n`;\n\nexport const FadeInLeft = styled.div`\n  transition: ease 0.8s;\n  transition-property: transform, opacity;\n  transition-delay: ${(props) => (props.active ? 0 : 1)}s;\n  transform: translateX(${(props) => (props.active ? 0 : -70)}%);\n  opacity: ${(props) => (props.active ? 1 : 0)};\n`;\n\nexport const FadeIn = styled.div`\n  transition: ease 0.8s;\n  transition-property: opacity;\n  transition-delay: ${(props) => (props.active ? 0 : 1)}s;\n  opacity: ${(props) => (props.active ? 1 : 0)};\n`;\n\nexport const FadeInSmall = styled(FadeInBottom)`\n  transform: translateY(${(props) => (props.active ? 0 : 20)}%);\n`;\n\nexport const FadeInRightSmall = styled(FadeInRight)`\n  transform: translateX(${(props) => (props.active ? 0 : 50)}%);\n`;\n\nexport const FadeInLeftSmall = styled.div`\n  transition: ease 0.8s;\n  transition-property: transform, opacity;\n  transition-delay: ${(props) => (props.active ? 0 : 1)}s;\n  transform: translateX(${(props) => (props.active ? 0 : -20)}%);\n  opacity: ${(props) => (props.active ? 1 : 0)};\n`;","import React from \"react\";\nimport styled from \"styled-components\";\nimport { linesSkew, mediaMedium } from \"./styles/variables\";\nimport { brandColor2 } from \"./styles/Colors\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  width: 100%;\n  padding-top: 100%;\n  pointer-events: none;\n`;\n\nconst Line1 = styled.span`\n  @media (${mediaMedium}) {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 35%;\n    transform: skewX(${(props) => props.skew ?? linesSkew});\n    border-top: 1px solid;\n    border-left: 1px solid;\n    border-color: ${(props) => props.color ?? brandColor2};\n  }\n`;\n\nconst Line2 = styled(Line1)`\n  @media (${mediaMedium}) {\n    top: 18px;\n    left: calc(35% - 32px);\n  }\n`;\n\nconst Line3 = styled(Line1)`\n  @media (${mediaMedium}) {\n    top: 36px;\n    left: calc(35% - 64px);\n  }\n`;\n\nconst LinesFromRight = ({ color, skew }) => {\n  return (\n    <Wrapper>\n      <Line1 skew={skew} color={color} />\n      <Line2 skew={skew} color={color} />\n      <Line3 skew={skew} color={color} />\n    </Wrapper>\n  );\n};\n\nexport default LinesFromRight;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { black1, brandColor3 } from \"./Colors\";\nimport { mediaMedium } from \"./variables\";\n\nconst Text = styled.strong`\n  font-weight: 800;\n  position: relative;\n  color: ${(props) => props.theme.color ?? black1};\n  box-shadow: inset 0 -0.325em ${(props) => props.theme.background ?? \"red\"},\n    inset 0 -0.525em ${brandColor3};\n  display: inline;\n\n  span {\n    position: relative;\n    z-index: 2;\n  }\n\n  @media (${mediaMedium}) {\n    &:before {\n      height: 8px;\n      bottom: 9px;\n    }\n  }\n`;\n\nconst TextHighlight = ({ theme, children }) => {\n  return (\n    <Text theme={theme}>\n      <span>{children}</span>\n    </Text>\n  );\n};\n\nexport default TextHighlight;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { white } from \"./styles/Colors\";\nimport { mediaDesktop, mediaMedium } from \"./styles/variables\";\nimport Container from \"./styles/Container\";\n\nconst Wrapper = styled.div`\n  background-color: ${(props) => props.background ?? white};\n  overflow: hidden;\n  position: relative;\n  padding: ${(props) => props.paddingMedia ?? 0};\n  ${(props) => (props.soloSpace ? props.soloSpace : \"\")}\n\n  @media (${mediaMedium}) {\n    padding: ${(props) => props.padding ?? 0};\n  }\n`;\n\nconst Grid = styled(Container)`\n  display: grid;\n  grid-template-columns: 100%;\n  grid-gap: ${(props) => props.desktopGap ?? \"18px\"};\n  padding: 0;\n  position: relative;\n  justify-content: ${(props) => props.justify ?? \"space-between\"};\n\n  ${(props) => (props.reverse ? `&>*:first-child {order:3}` : \"\")}\n  ${(props) =>\n    props.reverse && !props.noPadding\n      ? `padding-top:88px}`\n      : \"\"}\n\n\n  @media (${mediaMedium}) {\n    grid-gap: ${(props) => props.gap ?? \"24px\"};\n    ${(props) => (props.reverse ? `&>*:first-child {order:0}` : \"\")}\n    grid-template-columns: ${(props) => props.columns ?? \"50% 50%\"};\n    ${(props) => `align-items: ${props.align};` ?? \"\"};\n  };\n\n  @media (${mediaDesktop}) {\n    ${(props) =>\n      props.columnsLarge ? `grid-template-columns:${props.columnsLarge};` : \"\"};\n  };\n`;\n\nconst HeroTwoColumns = ({\n  columns,\n  columnsLarge,\n  align,\n  background,\n  decoration,\n  reverse,\n  soloSpace,\n  noPadding,\n  children,\n  justify,\n  padding,\n  paddingMedia,\n  gap,\n  desktopGap\n}) => {\n  const Element = decoration ?? \"\";\n\n  return (\n    <Wrapper\n      paddingMedia={paddingMedia}\n      soloSpace={soloSpace}\n      padding={padding}\n      background={background}\n    >\n      <Grid\n        align={align}\n        justify={justify}\n        noPadding={noPadding}\n        reverse={reverse}\n        columns={columns}\n        columnsLarge={columnsLarge}\n        gag={gap}\n        desktopGap={desktopGap}\n      >\n        {children}\n      </Grid>\n      {decoration && Element}\n    </Wrapper>\n  );\n};\n\nexport default HeroTwoColumns;\n","import React, { useState } from \"react\";\nimport styled, { css } from \"styled-components\";\nimport { black1, white } from \"./styles/Colors\";\nimport { mediaDesktop, mediaMedium } from \"./styles/variables\";\nimport MainHeroTitle from \"./MainHeroTitle\";\nimport Container from \"./styles/Container\";\nimport { Eyebrows20 } from \"./styles/Eyebrows\";\nimport Image from \"./Image\";\n\nconst ContainerRelative = styled(Container)`\n  position: relative;\n  padding-top: 43px;\n\n  @media (${mediaMedium}) {\n    padding-top: ${(props) => props.theme.topPadding ?? \"38px\"};\n    padding-bottom: ${(props) => props.theme.bottomPadding ?? \"240px\"};\n  }\n\n  @media (${mediaDesktop}) {\n    padding-top: ${(props) => props.theme.topLargePadding ?? \"38px\"};\n  }\n`;\n\nconst Wrapper = styled.div`\n  position: relative;\n  z-index: 1;\n  max-width: 100vw;\n  background-color: ${white};\n  overflow: ${(props) => props.theme.wrapperOverflow ?? \"hidden\"};\n  padding-bottom: ${(props) => props.theme.bottomPaddingMedia ?? \"0px\"};\n\n  @media (${mediaMedium}) {\n    padding-bottom: 0;\n  }\n`;\n\nconst Display = styled.div`\n  width: ${(props) => props.theme.imageWidth ?? \"100vw\"};\n  max-width: ${(props) => props.theme.imageMaxWidth ?? \"100vw\"};\n  transform: ${(props) => props.theme.mediaTransform ?? \"translateX(-20px)\"};\n  margin-top: ${(props) => props.theme.imageMarginTop ?? \"64px\"};\n  ${(props) => (props.hasMobileImage ? \"display: none;\" : \"\")};\n\n  .gatsby-image-wrapper {\n    opacity: ${(props) => (props.active ? 1 : 0)};\n    ${(props) => props.theme.animationPre ?? \"\"}\n    animation: ${(props) =>\n      props.theme.keyFrames && props.active\n        ? css`\n            ${props.theme.keyFrames}\n          `\n        : \"none\"}\n      0.9s ease both 0.5s;\n  }\n\n  @media (${mediaMedium}) {\n    ${(props) => (props.theme.styles ? props.theme.styles : \"\")};\n    ${(props) => (props.hasMobileImage ? \"display: block;\" : \"\")};\n    position: absolute;\n    right: 0;\n    border: 0;\n    bottom: ${(props) => props.theme.imageBottom ?? \"0\"};\n    transform: ${(props) =>\n      props.theme.imageTranslate ??\n      \"translate(calc(100% * 4 / 12), calc(100% * 2 / 12))\"};\n    z-index: 1;\n    width: ${(props) => props.theme.imageSize ?? \"calc(100% * 10 / 12)\"};\n\n    .gatsby-image-wrapper {\n      margin-right: 0;\n      margin-left: auto;\n\n      ${(props) =>\n        props.theme.gatsbyWidth\n          ? `max-width: ${props.theme.gatsbyWidth} !important; max-height: none !important`\n          : \"\"};\n    }\n  }\n`;\n\nconst DesktopImage = styled(Image)`\n  display: block;\n  width: 100%;\n`;\n\nconst Bottom = styled.div`\n  background-color: ${(props) => props.color};\n  margin-top: ${(props) => props.marginTop ?? \"0\"};\n  position: relative;\n  z-index: 1;\n\n  @media (min-width: 720px) {\n    margin-top: ${(props) => `calc(${props.marginTop}/1.5)` ?? \"0\"};\n  }\n\n  @media (${mediaMedium}) {\n    z-index: initial;\n    margin: 0;\n  }\n`;\n\nconst Space = styled.div`\n  padding-top: ${(props) => props.theme.bottomSizeMedia ?? \"0\"};\n  padding-bottom: ${(props) => props.theme.bottomSizeBottomMedia ?? \"93px\"};\n\n  @media (${mediaMedium}) {\n    display: block;\n    width: 100%;\n    padding-top: ${(props) => props.theme.bottomSize ?? \"104px\"};\n  }\n`;\n\nconst SubTitle = styled(Eyebrows20)`\n  margin: 0 0 28px;\n`;\n\nconst ImageMedia = styled(Image)`\n  pointer-events: none;\n  max-width: ${(props) => props.theme.mediaImgWidth ?? \"100%\"} !important;\n  max-height: ${(props) => props.theme.mediaImgHeight ?? \"100%\"} !important;\n  width: 100%;\n  margin: ${(props) => props.theme.mediaImgMargins ?? \"40px 0 0\"};\n  ${(props) => props.theme.mediaCss ?? \"\"};\n  z-index: 2;\n  transform: ${(props) => props.theme.mediaTransform ?? \"none\"};\n\n  opacity: ${(props) => (props.active ? 1 : 0)};\n  ${(props) => props.theme.animationPre ?? \"\"}\n  animation: ${(props) =>\n    props.theme.keyFrames && props.active\n      ? css`\n          ${props.theme.keyFrames}\n        `\n      : \"none\"}\n      0.9s ease both 0.5s;\n\n  @media (${mediaMedium}) {\n    max-width: 90% !important;\n    max-height: none !important;\n    display: none;\n  }\n`;\n\nconst Blur = styled.div`\n  z-index: 2;\n  width: 100%;\n  height: ${(props) => props.theme.blurheight ?? 30}px;\n  position: absolute;\n  bottom: ${(props) => props.theme.blurPosition ?? 0};\n  right: -25%;\n  background: linear-gradient(\n    0deg,\n    rgba(245, 245, 245, 0.95) 0%,\n    rgba(245, 245, 245, 0.9) 20%,\n    rgba(245, 245, 245, 0) 100%\n  );\n\n  @media (${mediaMedium}) {\n    height: ${(props) => props.theme.blurHeightLarge ?? 110}px;\n  }\n`;\n\nconst HomeLanding = ({\n  animationComponent,\n  link,\n  image,\n  imageMobile,\n  theme,\n  cleanTitle,\n  children,\n  section,\n  bottomMargins,\n  noBottom,\n  blurImage\n}) => {\n  const hasMobileImage = !!imageMobile;\n\n  const [active, setActive] = useState(false);\n\n  const handleLoad = () => {\n    setActive(true);\n  };\n\n  return (\n    <Wrapper theme={theme}>\n      <ContainerRelative theme={theme}>\n        {section && <SubTitle as=\"span\">{section}</SubTitle>}\n        <MainHeroTitle\n          cleanTitle={cleanTitle}\n          theme={theme}\n          link={link.attrs ?? null}\n          label={link.label}\n        >\n          {children}\n        </MainHeroTitle>\n        {!animationComponent && image && (\n          <Display\n            theme={theme}\n            active={active}\n            hasMobileImage={hasMobileImage}\n          >\n            <DesktopImage\n              onLoad={handleLoad}\n              theme={theme}\n              fluid={image.childImageSharp.fluid}\n            />\n          </Display>\n        )}\n\n        {animationComponent && animationComponent}\n      </ContainerRelative>\n\n      {!animationComponent && imageMobile && (\n        <ImageMedia\n          active={active}\n          onLoad={handleLoad}\n          theme={theme}\n          fluid={image.childImageSharp.fluid}\n        />\n      )}\n\n      {!noBottom && (\n        <Bottom\n          marginTop={bottomMargins}\n          color={theme && theme.bottom ? theme.bottom : black1}\n        >\n          <Container>\n            <Space theme={theme} />\n          </Container>\n        </Bottom>\n      )}\n      {blurImage && (\n        <Container style={{ position: \"relative\" }}>\n          <Blur theme={theme} />\n        </Container>\n      )}\n    </Wrapper>\n  );\n};\n\nexport default HomeLanding;\n"],"sourceRoot":""}