{"version":3,"sources":["webpack:///./src/components/MainHeroTitle.js","webpack:///./src/components/styles/OutlinedText.js","webpack:///./node_modules/react-intersection-observer/react-intersection-observer.m.js","webpack:///./src/pages/brands/amplify.js","webpack:///./src/components/styles/animations.js","webpack:///./src/components/HeroOutlineTitle.js","webpack:///./src/components/HeroLanding.js","webpack:///./src/components/brands/NetworkSites.js","webpack:///./src/components/sections/BrandsAmplifyStatic.js","webpack:///./src/components/MoveInDiv.js"],"names":["Wrapper","styled","div","TitleWrapper","props","theme","titleWidth","mediaMedium","MainHeroTitle","children","label","link","cleanTitle","as","Title","Headline80","attrs","Outline","span","color","textBlack1","fill","white","size","stroke","OutlinedText","component","inline","Element","styles","display","style","_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","ObserverMap","Map","RootIds","rootId","optionsToId","options","keys","sort","filter","undefined","map","root","has","set","toString","get","observe","element","callback","_createObserver","id","instance","thresholds","elements","observer","IntersectionObserver","entries","forEach","entry","_elements$get","inView","isIntersecting","some","threshold","intersectionRatio","trackVisibility","isVisible","Array","isArray","createObserver","callbacks","push","splice","indexOf","unobserve","disconnect","isPlainChildren","InView","_React$Component","subClass","superClass","_this","node","_unobserveCb","handleNode","triggerOnce","skip","setState","initialInView","observeNode","handleChange","onChange","state","create","constructor","__proto__","_proto","componentDidUpdate","prevProps","rootMargin","delay","componentWillUnmount","_this$props","render","_this$state","ref","_this$props2","tag","excluded","sourceKeys","_objectWithoutPropertiesLoose","useInView","_temp","_ref","_React$useState","setRef","current","result","displayName","defaultProps","DeferSection","loadable","Amplify","title","description","static","FadeSlideInTopRight","keyframes","SlideInRight","FadeSlideInRight","SlideInLeft","SlideInBottom","SlideInTop","FlyBy","WobbleFrames","FadeInBottomFrames","MoveInBottom","active","translateFrom","FadeInBottom","css","FadeInRight","FadeInLeft","FadeIn","FadeInRightSmall","FadeInLeftSmall","Background","background","padding","Container","paddingTopMobile","marginTop","marginBottom","paddingBottom","paddingTop","Box","width","TitleOutline","subtitle","Headline64","ContainerRelative","topPadding","bottomPadding","mediaDesktop","topLargePadding","wrapperOverflow","bottomPaddingMedia","Display","imageWidth","imageMaxWidth","mediaTransform","imageMarginTop","hasMobileImage","animationPre","keyFrames","imageBottom","imageTranslate","imageSize","gatsbyWidth","DesktopImage","Image","Bottom","Space","bottomSizeMedia","bottomSizeBottomMedia","bottomSize","SubTitle","Eyebrows20","ImageMedia","mediaImgWidth","mediaImgHeight","mediaImgMargins","mediaCss","Blur","blurheight","blurPosition","blurHeightLarge","HomeLanding","animationComponent","image","imageMobile","section","bottomMargins","noBottom","blurImage","setActive","useState","handleLoad","onLoad","fluid","childImageSharp","bottom","black1","position","Item","Grid","Row","NetworkSitesSection","data","item","MoveInDiv","NetworkSites","useStaticQuery","BrandsAmplifyStatic","images","file","to","from","Link","imageRatio","gray4"],"mappings":"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","file":"component---src-pages-brands-amplify-js-def0ee72d224e84e304c.js","sourcesContent":["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 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 { createElement, Component, useRef, useState, useCallback, useEffect } from 'react';\n\nfunction _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nfunction _inheritsLoose(subClass, superClass) {\n  subClass.prototype = Object.create(superClass.prototype);\n  subClass.prototype.constructor = subClass;\n  subClass.__proto__ = superClass;\n}\n\nfunction _objectWithoutPropertiesLoose(source, excluded) {\n  if (source == null) return {};\n  var target = {};\n  var sourceKeys = Object.keys(source);\n  var key, i;\n\n  for (i = 0; i < sourceKeys.length; i++) {\n    key = sourceKeys[i];\n    if (excluded.indexOf(key) >= 0) continue;\n    target[key] = source[key];\n  }\n\n  return target;\n}\n\nvar ObserverMap = new Map();\nvar RootIds = new Map();\nvar rootId = 0;\n/**\r\n * Generate a unique ID for the root element\r\n * @param root\r\n */\n\nfunction getRootId(root) {\n  if (!root) return '0';\n  if (RootIds.has(root)) return RootIds.get(root);\n  rootId += 1;\n  RootIds.set(root, rootId.toString());\n  return RootIds.get(root);\n}\n/**\r\n * Convert the options to a string Id, based on the values.\r\n * Ensures we can reuse the same observer when observing elements with the same options.\r\n * @param options\r\n */\n\n\nfunction optionsToId(options) {\n  return Object.keys(options).sort().filter(function (key) {\n    return options[key] !== undefined;\n  }).map(function (key) {\n    return key + \"_\" + (key === 'root' ? getRootId(options.root) : options[key]);\n  }).toString();\n}\n\nfunction createObserver(options) {\n  // Create a unique ID for this observer instance, based on the root, root margin and threshold.\n  var id = optionsToId(options);\n  var instance = ObserverMap.get(id);\n\n  if (!instance) {\n    // Create a map of elements this observer is going to observe. Each element has a list of callbacks that should be triggered, once it comes into view.\n    var elements = new Map();\n    var thresholds;\n    var observer = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        var _elements$get; // While it would be nice if you could just look at isIntersecting to determine if the component is inside the viewport, browsers can't agree on how to use it.\n        // -Firefox ignores `threshold` when considering `isIntersecting`, so it will never be false again if `threshold` is > 0\n\n\n        var inView = entry.isIntersecting && thresholds.some(function (threshold) {\n          return entry.intersectionRatio >= threshold;\n        }); // @ts-ignore support IntersectionObserver v2\n\n        if (options.trackVisibility && typeof entry.isVisible === 'undefined') {\n          // The browser doesn't support Intersection Observer v2, falling back to v1 behavior.\n          // @ts-ignore\n          entry.isVisible = inView;\n        }\n\n        (_elements$get = elements.get(entry.target)) == null ? void 0 : _elements$get.forEach(function (callback) {\n          callback(inView, entry);\n        });\n      });\n    }, options); // Ensure we have a valid thresholds array. If not, use the threshold from the options\n\n    thresholds = observer.thresholds || (Array.isArray(options.threshold) ? options.threshold : [options.threshold || 0]);\n    instance = {\n      id: id,\n      observer: observer,\n      elements: elements\n    };\n    ObserverMap.set(id, instance);\n  }\n\n  return instance;\n}\n\nfunction observe(element, callback, options) {\n  if (options === void 0) {\n    options = {};\n  }\n\n  if (!element) return function () {}; // An observer with the same options can be reused, so lets use this fact\n\n  var _createObserver = createObserver(options),\n      id = _createObserver.id,\n      observer = _createObserver.observer,\n      elements = _createObserver.elements; // Register the callback listener for this element\n\n\n  var callbacks = elements.get(element) || [];\n\n  if (!elements.has(element)) {\n    elements.set(element, callbacks);\n  }\n\n  callbacks.push(callback);\n  observer.observe(element);\n  return function unobserve() {\n    // Remove the callback from the callback list\n    callbacks.splice(callbacks.indexOf(callback), 1);\n\n    if (callbacks.length === 0) {\n      // No more callback exists for element, so destroy it\n      elements[\"delete\"](element);\n      observer.unobserve(element);\n    }\n\n    if (elements.size === 0) {\n      // No more elements are being observer by this instance, so destroy it\n      observer.disconnect();\n      ObserverMap[\"delete\"](id);\n    }\n  };\n}\n\nfunction isPlainChildren(props) {\n  return typeof props.children !== 'function';\n}\n/**\r\n * Monitors scroll, and triggers the children function with updated props\r\n */\n\n\nvar InView = /*#__PURE__*/function (_React$Component) {\n  _inheritsLoose(InView, _React$Component);\n\n  function InView(props) {\n    var _this;\n\n    _this = _React$Component.call(this, props) || this;\n    _this.node = null;\n    _this._unobserveCb = null;\n\n    _this.handleNode = function (node) {\n      if (_this.node) {\n        // Clear the old observer, before we start observing a new element\n        _this.unobserve();\n\n        if (!node && !_this.props.triggerOnce && !_this.props.skip) {\n          // Reset the state if we get a new node, and we aren't ignoring updates\n          _this.setState({\n            inView: !!_this.props.initialInView,\n            entry: undefined\n          });\n        }\n      }\n\n      _this.node = node ? node : null;\n\n      _this.observeNode();\n    };\n\n    _this.handleChange = function (inView, entry) {\n      if (inView && _this.props.triggerOnce) {\n        // If `triggerOnce` is true, we should stop observing the element.\n        _this.unobserve();\n      }\n\n      if (!isPlainChildren(_this.props)) {\n        // Store the current State, so we can pass it to the children in the next render update\n        // There's no reason to update the state for plain children, since it's not used in the rendering.\n        _this.setState({\n          inView: inView,\n          entry: entry\n        });\n      }\n\n      if (_this.props.onChange) {\n        // If the user is actively listening for onChange, always trigger it\n        _this.props.onChange(inView, entry);\n      }\n    };\n\n    _this.state = {\n      inView: !!props.initialInView,\n      entry: undefined\n    };\n    return _this;\n  }\n\n  var _proto = InView.prototype;\n\n  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {\n    // If a IntersectionObserver option changed, reinit the observer\n    if (prevProps.rootMargin !== this.props.rootMargin || prevProps.root !== this.props.root || prevProps.threshold !== this.props.threshold || prevProps.skip !== this.props.skip || prevProps.trackVisibility !== this.props.trackVisibility || prevProps.delay !== this.props.delay) {\n      this.unobserve();\n      this.observeNode();\n    }\n  };\n\n  _proto.componentWillUnmount = function componentWillUnmount() {\n    this.unobserve();\n    this.node = null;\n  };\n\n  _proto.observeNode = function observeNode() {\n    if (!this.node || this.props.skip) return;\n    var _this$props = this.props,\n        threshold = _this$props.threshold,\n        root = _this$props.root,\n        rootMargin = _this$props.rootMargin,\n        trackVisibility = _this$props.trackVisibility,\n        delay = _this$props.delay;\n    this._unobserveCb = observe(this.node, this.handleChange, {\n      threshold: threshold,\n      root: root,\n      rootMargin: rootMargin,\n      // @ts-ignore\n      trackVisibility: trackVisibility,\n      // @ts-ignore\n      delay: delay\n    });\n  };\n\n  _proto.unobserve = function unobserve() {\n    if (this._unobserveCb) {\n      this._unobserveCb();\n\n      this._unobserveCb = null;\n    }\n  };\n\n  _proto.render = function render() {\n    if (!isPlainChildren(this.props)) {\n      var _this$state = this.state,\n          inView = _this$state.inView,\n          entry = _this$state.entry;\n      return this.props.children({\n        inView: inView,\n        entry: entry,\n        ref: this.handleNode\n      });\n    }\n\n    var _this$props2 = this.props,\n        children = _this$props2.children,\n        as = _this$props2.as,\n        tag = _this$props2.tag,\n        props = _objectWithoutPropertiesLoose(_this$props2, [\"children\", \"as\", \"tag\", \"triggerOnce\", \"threshold\", \"root\", \"rootMargin\", \"onChange\", \"skip\", \"trackVisibility\", \"delay\", \"initialInView\"]);\n\n    return /*#__PURE__*/createElement(as || tag || 'div', _extends({\n      ref: this.handleNode\n    }, props), children);\n  };\n\n  return InView;\n}(Component);\n\nInView.displayName = 'InView';\nInView.defaultProps = {\n  threshold: 0,\n  triggerOnce: false,\n  initialInView: false\n};\n\nfunction useInView(_temp) {\n  var _ref = _temp === void 0 ? {} : _temp,\n      threshold = _ref.threshold,\n      delay = _ref.delay,\n      trackVisibility = _ref.trackVisibility,\n      rootMargin = _ref.rootMargin,\n      root = _ref.root,\n      triggerOnce = _ref.triggerOnce,\n      skip = _ref.skip,\n      initialInView = _ref.initialInView;\n\n  var unobserve = useRef();\n\n  var _React$useState = useState({\n    inView: !!initialInView\n  }),\n      state = _React$useState[0],\n      setState = _React$useState[1];\n\n  var setRef = useCallback(function (node) {\n    if (unobserve.current !== undefined) {\n      unobserve.current();\n      unobserve.current = undefined;\n    } // Skip creating the observer\n\n\n    if (skip) return;\n\n    if (node) {\n      unobserve.current = observe(node, function (inView, entry) {\n        setState({\n          inView: inView,\n          entry: entry\n        });\n\n        if (entry.isIntersecting && triggerOnce && unobserve.current) {\n          // If it should only trigger once, unobserve the element after it's inView\n          unobserve.current();\n          unobserve.current = undefined;\n        }\n      }, {\n        root: root,\n        rootMargin: rootMargin,\n        threshold: threshold,\n        // @ts-ignore\n        trackVisibility: trackVisibility,\n        // @ts-ignore\n        delay: delay\n      });\n    }\n  }, // We break the rule here, because we aren't including the actual `threshold` variable\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  [// If the threshold is an array, convert it to a string so it won't change between renders.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  Array.isArray(threshold) ? threshold.toString() : threshold, root, rootMargin, triggerOnce, skip, trackVisibility, delay]);\n  /* eslint-disable-next-line */\n\n  useEffect(function () {\n    if (!unobserve.current && state.entry && !triggerOnce && !skip) {\n      // If we don't have a ref, then reset the state (unless the hook is set to only `triggerOnce` or `skip`)\n      // This ensures we correctly reflect the current state - If you aren't observing anything, then nothing is inView\n      setState({\n        inView: !!initialInView\n      });\n    }\n  });\n  var result = [setRef, state.inView, state.entry]; // Support object destructuring, by adding the specific values.\n\n  result.ref = result[0];\n  result.inView = result[1];\n  result.entry = result[2];\n  return result;\n}\n\nexport default InView;\nexport { InView, useInView };","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/BrandsAmplifyStatic\";\n\nconst DeferSection = loadable(() =>\n  import(\"../../components/sections/BrandsAmplifyDefer\")\n);\n\nconst Amplify = () => (\n  <Layout>\n    <Seo\n      title=\"Amplify Your Brand Exposure\"\n      description=\"Sign up to earn more revenue and get guaranteed brand exposure on the web’s top publishers. Includes marketplace listings, editorial, marketing, and more.\"\n    />\n\n    <LazyLoadSection static={<StaticSection />}>\n      <DeferSection />\n    </LazyLoadSection>\n  </Layout>\n);\n\nexport default Amplify;\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 { Headline64 } from \"./styles/Headings\";\nimport Container from \"./styles/Container\";\nimport { mediaMedium } from \"./styles/variables\";\nimport OutlinedText from \"./styles/OutlinedText\";\nimport { white } from \"./styles/Colors\";\n\nconst Background = styled.div`\n  background: ${(props) => props.theme.background ?? white};\n  padding: ${(props) => props.theme.padding ?? 0};\n`;\n\nconst Wrapper = styled(Container)`\n  padding-top: ${(props) => props.theme.paddingTopMobile ?? \"0px\"};\n\n  @media (${mediaMedium}) {\n    margin-top: ${(props) => props.theme.marginTop ?? \"-100px\"};\n    margin-bottom: ${(props) => props.theme.marginBottom ?? \"0px\"};\n    position: relative;\n    z-index: 2;\n    padding-bottom: ${(props) => props.theme.paddingBottom ?? \"0\"};\n    padding-top: ${(props) => props.theme.paddingTop ?? \"0px\"};\n  }\n`;\n\nconst Box = styled.div`\n  max-width: ${(props) => props.theme.width ?? \"400px\"};\n  padding: 16px 0;\n`;\n\nconst TitleOutline = ({ title, theme, subtitle, inline }) => {\n  return (\n    <Background theme={theme}>\n      <Wrapper theme={theme}>\n        <Box theme={theme}>\n          <Headline64 theme={theme}>\n            {title}{\" \"}\n            <OutlinedText\n              inline\n              color={theme && theme.color ? theme.color : undefined}\n              fill={theme && theme.background ? theme.background : undefined}\n              as=\"span\"\n              component={Headline64}\n            >\n              {subtitle}\n            </OutlinedText>\n          </Headline64>\n        </Box>\n      </Wrapper>\n    </Background>\n  );\n};\n\nexport default TitleOutline;\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","import React from \"react\";\nimport { useStaticQuery, graphql } from \"gatsby\";\nimport styled from \"styled-components\";\nimport Image from \"../Image\";\nimport Container from \"../styles/Container\";\nimport { black1, white } from \"../styles/Colors\";\nimport { mediaDesktop, mediaMedium } from \"../styles/variables\";\nimport { Headline64 } from \"../styles/Headings\";\nimport MoveInDiv from \"../MoveInDiv\";\n\nconst Background = styled.div`\n  background-color: ${black1};\n  padding: 96px 0;\n  max-width: 100%;\n  overflow: hidden;\n\n  @media (${mediaMedium}) {\n    padding: 152px 0 160px;\n  }\n`;\n\nconst Item = styled.div`\n  grid-column-end: span 1;\n\n  &:last-child {\n    display: none;\n  }\n\n  @media (${mediaMedium}) {\n    grid-column-end: span 12;\n    order: 1 !important;\n    width: 85%;\n\n    &:last-child {\n      display: block;\n    }\n  }\n`;\n\nconst Grid = styled.div`\n  display: grid;\n  align-items: center;\n  width: 100%;\n  margin: 0 auto;\n  grid-row-gap: 58px;\n  grid-column-gap: 18px;\n  grid-template-columns: repeat(3, 1fr);\n\n  @media (${mediaMedium}) {\n    grid-row-gap: 98px;\n    grid-column-gap: 0;\n    padding: 0 16px;\n    grid-template-columns: repeat(60, 1fr);\n  }\n\n  @media (${mediaDesktop}) {\n    grid-column-gap: 18px;\n  }\n\n  .gatsby-image-wrapper {\n    margin: 0 auto;\n    overflow: visible !important;\n  }\n`;\n\nconst Row = styled.div`\n  margin-bottom: 96px;\n\n  @media (${mediaMedium}) {\n    text-align: center;\n    margin-bottom: 120px;\n  }\n`;\n\nconst NetworkSitesSection = ({ data }) => {\n  return (\n    <Background>\n      <Container>\n        <Row>\n          <Headline64 as=\"h3\" theme={{ color: white }}>\n            Get Featured Across our network of 1K+ Media Sites\n          </Headline64>\n        </Row>\n        <Grid>\n          {data &&\n            Object.keys(data).map((item, key) => (\n              <Item key={item}>\n                <MoveInDiv>\n                  <Image fluid={data[item].childImageSharp.fluid} />\n                </MoveInDiv>\n              </Item>\n            ))}\n        </Grid>\n      </Container>\n    </Background>\n  );\n};\n\nconst NetworkSites = () => {\n  const data = useStaticQuery(graphql`\n    query {\n      mashable: file(relativePath: { eq: \"83-mashable.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 143, maxHeight: 24, quality: 100) {\n            ...GatsbyImageSharpFluid_withWebp\n            ...GatsbyImageSharpFluidLimitPresentationSize\n          }\n        }\n      }\n      tmz: file(relativePath: { eq: \"83-tmz.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 88, maxHeight: 36, quality: 100) {\n            ...GatsbyImageSharpFluid_withWebp\n            ...GatsbyImageSharpFluidLimitPresentationSize\n          }\n        }\n      }\n      entrepreneur: file(relativePath: { eq: \"83-entrepreneur.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 179, maxHeight: 35, quality: 100) {\n            ...GatsbyImageSharpFluid_withWebp\n            ...GatsbyImageSharpFluidLimitPresentationSize\n          }\n        }\n      }\n      popularScience: file(relativePath: { eq: \"83-popular-science.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 111, maxHeight: 40, quality: 100) {\n            ...GatsbyImageSharpFluid_withWebp\n            ...GatsbyImageSharpFluidLimitPresentationSize\n          }\n        }\n      }\n      huffpost: file(relativePath: { eq: \"83-huffpost.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 174, maxHeight: 20, quality: 100) {\n            ...GatsbyImageSharpFluid_withWebp\n            ...GatsbyImageSharpFluidLimitPresentationSize\n          }\n        }\n      }\n      goodMorningAmerica: file(\n        relativePath: { eq: \"83-good-morning-america.png\" }\n      ) {\n        childImageSharp {\n          fluid(maxWidth: 119, maxHeight: 65, quality: 100) {\n            ...GatsbyImageSharpFluid_withWebp\n            ...GatsbyImageSharpFluidLimitPresentationSize\n          }\n        }\n      }\n      newYorkPost: file(relativePath: { eq: \"83-new-york-post.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 179, maxHeight: 27, quality: 100) {\n            ...GatsbyImageSharpFluid_withWebp\n            ...GatsbyImageSharpFluidLimitPresentationSize\n          }\n        }\n      }\n\n      pcMag: file(relativePath: { eq: \"83-pc-mag.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 64, maxHeight: 78, quality: 100) {\n            ...GatsbyImageSharpFluid_withWebp\n            ...GatsbyImageSharpFluidLimitPresentationSize\n          }\n        }\n      }\n      engadget: file(relativePath: { eq: \"83-engadget.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 170, maxHeight: 37, quality: 100) {\n            ...GatsbyImageSharpFluid_withWebp\n            ...GatsbyImageSharpFluidLimitPresentationSize\n          }\n        }\n      }\n      ign: file(relativePath: { eq: \"83-ign.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 122, maxHeight: 37, quality: 100) {\n            ...GatsbyImageSharpFluid_withWebp\n            ...GatsbyImageSharpFluidLimitPresentationSize\n          }\n        }\n      }\n    }\n  `);\n  return <NetworkSitesSection data={data} />;\n};\n\nexport default NetworkSites;\n","import React from \"react\";\nimport { graphql, Link, useStaticQuery } from \"gatsby\";\nimport HomeLanding from \"../HeroLanding\";\nimport { gray4, white } from \"../styles/Colors\";\nimport OutlinedText from \"../styles/OutlinedText\";\nimport { Headline80 } from \"../styles/Headings\";\nimport NetworkSites from \"../brands/NetworkSites\";\nimport HeroTitleOutline from \"../HeroOutlineTitle\";\n\nconst BrandsAmplifyStatic = () => {\n  const images = useStaticQuery(graphql`\n    query {\n      file(relativePath: { eq: \"72-amplify-landing.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 552, maxHeight: 396, quality: 100) {\n            ...GatsbyImageSharpFluid_withWebp\n            ...GatsbyImageSharpFluidLimitPresentationSize\n          }\n        }\n      }\n    }\n  `);\n\n  return (\n    <>\n      <HomeLanding\n        noBottom={true}\n        section=\"Amplify\"\n        image={images.file}\n        imageMobile={images.file}\n        link={{\n          label: \"Sign Up\",\n          attrs: { to: \"/contact/\", state: { from: \"brand\" }, as: Link }\n        }}\n        theme={{\n          imageRatio: \"69.53%\",\n          titleWidth: \"100%\",\n          topPadding: \"78px\",\n          topLargePadding: \"78px\",\n          bottomPadding: \"160px\",\n          bottom: white,\n          imageTranslate: \"translate(calc(100% * 2 / 12), -32%)\",\n          imageMarginTop: 0,\n          bottomPaddingMedia: \"86px\",\n          imageSize: \"calc(100% * 6 / 12)\"\n        }}\n      >\n        <OutlinedText fill=\"transparent\" component={Headline80} as=\"span\">\n          GUARANTEED\n        </OutlinedText>\n        BRAND <br /> EXPOSURE\n      </HomeLanding>\n\n      <NetworkSites />\n\n      <HeroTitleOutline\n        theme={{\n          background: gray4,\n          fill: gray4,\n          marginTop: \"0\",\n          paddingTop: \"136px\",\n          paddingTopMobile: \"96px\",\n          paddingBottom: \"0\"\n        }}\n        title=\"WHY\"\n        subtitle=\"AMPLIFY?\"\n      />\n    </>\n  );\n};\n\nexport default BrandsAmplifyStatic;\n","import React from \"react\";\nimport { useInView } from \"react-intersection-observer\";\nimport { MoveInBottom } from \"./styles/animations\";\n\nconst MoveInDiv = ({\n  children,\n  triggerOnce = true,\n  translateFrom,\n  threshold = [0.3, 0.5, 0.75]\n}) => {\n  const { ref, inView } = useInView({\n    threshold: threshold,\n    delay: 30,\n    triggerOnce\n  });\n\n  return (\n    <MoveInBottom translateFrom={translateFrom} ref={ref} active={inView}>\n      {children}\n    </MoveInBottom>\n  );\n};\n\nexport default MoveInDiv;\n"],"sourceRoot":""}