{"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 \n \n {children}\n \n\n {label && {label}}\n \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 ?? \"\";\n const styles = inline ? { display: \"inline\" } : {};\n\n return (\n \n \n {children}\n \n \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 \n {!noTrail && (\n <>\n {times(4, (index) => (\n \n {title}\n \n ))}\n \n )}\n\n \n {subTitle && (\n {subTitle}\n )}\n \n {title}\n \n \n \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 \n \n \n \n {children}\n {link && (\n \n \n {label ? label : \"Find Out More\"}\n \n \n )}\n \n \n \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 \n \n \n \n \n \n Best Affiliate Marketing Platform 2020 Finalist\n \n \n \n \n \n Best eCommerce Content Platform 2019 Finalist\n \n \n \n \n \n Best eCommerce Strategy 2017 Finalist\n \n \n \n \n \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 ;\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 \n \n \n \n \n \n NEVER STOP{\" \"}\n \n EARNING\n \n

\n }\n noTrail={true}\n link={false}\n >\n

\n We believe publishers should earn higher commissions from affiliate\n content.\n

\n

\n That's why we negotiate directly with brands to bring you{\" \"}\n \n 3-5x higher commissions\n {\" \"}\n and best-in-market deals for your readers.\n

\n

\n And unlike traditional affiliate programs which require upfront\n budgets for writers, editors, and commerce experts, Stack scales\n your earnings with{\" \"}\n \n zero out-of-pocket costs.\n \n

\n \n
\n \n \n \n \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 ;\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 \n \n \n \n \n\n \n \n \n \n \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 }\n >\n \n supercharge{\" \"}\n \n the way you do commerce{\" \"}\n \n\n \n\n \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 \n \n\n }>\n \n \n \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 \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 \n \n \n \n \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 \n {children}\n \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 \n \n {children}\n \n {decoration && Element}\n \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 \n \n {section && {section}}\n \n {children}\n \n {!animationComponent && image && (\n \n \n \n )}\n\n {animationComponent && animationComponent}\n \n\n {!animationComponent && imageMobile && (\n \n )}\n\n {!noBottom && (\n \n \n \n \n \n )}\n {blurImage && (\n \n \n \n )}\n \n );\n};\n\nexport default HomeLanding;\n"],"sourceRoot":""}