{"version":3,"sources":["assets/images/face-man-outline.svg","assets/images/logo.svg","assets/images/feature-tile-icon-01.svg","assets/images/feature-tile-icon-02.svg","assets/images/feature-tile-icon-03.svg","assets/images/feature-tile-icon-04.svg","assets/images/feature-tile-icon-05.svg","assets/images/feature-tile-icon-06.svg","assets/videos/scrim_command.webm","assets/videos/scrim_command.mp4","assets/images/ecoround.webp","assets/videos/128tick.webm","assets/videos/128tick.mp4","assets/images/face-woman-outline.svg","utils/AppRoute.js","utils/ScrollReveal.js","components/elements/Image.js","components/layout/partials/Logo.js","components/layout/Header.js","components/layout/partials/FooterNav.js","components/layout/partials/FooterSocial.js","components/layout/Footer.js","layouts/LayoutDefault.js","utils/SectionProps.js","components/elements/ButtonGroup.js","components/elements/Button.js","components/elements/Modal.js","components/sections/Hero.js","components/sections/partials/SectionHeader.js","components/sections/FeaturesTiles.js","components/sections/FeaturesSplit.js","components/sections/Cta.js","views/Home.js","components/sections/GenericSection.js","views/Faq.js","components/sections/FeaturesTilesAbout.js","views/About.js","views/Pricing.js","App.js","serviceWorker.js","index.js"],"names":["module","exports","AppRoute","Component","component","Layout","layout","rest","undefined","props","children","render","ScrollReveal","React","forwardRef","ref","useState","window","innerHeight","viewportHeight","setViewportheight","revealEl","setRevealel","checkComplete","length","document","querySelectorAll","revealElements","i","el","revealDelay","getAttribute","revealOffset","offset","getBoundingClientRect","top","elementIsVisible","closest","classList","contains","setTimeout","add","useImperativeHandle","init","useEffect","addEventListener","handleScroll","handleResize","handleListeners","removeEventListener","throttle","propTypes","PropTypes","func","isRequired","Image","className","src","width","height","alt","loaded","setLoaded","image","useRef","handlePlaceholder","current","img","w","h","placeholder","createElement","style","display","before","opacity","remove","onLoad","defaultProps","Logo","classes","classNames","to","require","Header","navPosition","hideNav","bottomOuterDivider","hideSignin","bottomDivider","isActive","setIsactive","nav","hamburger","openMenu","keyPress","clickOutside","closeMenu","body","maxHeight","scrollHeight","e","keyCode","target","onClick","FooterNav","rel","href","FooterSocial","id","xmlns","viewBox","d","cx","cy","r","Footer","topOuterDivider","topDivider","LayoutDefault","SectionShared","types","bool","hasBgColor","invertColor","defaults","SectionProps","SectionSplitProps","invertMobile","invertDesktop","alignTop","imageFill","SectionTilesProps","pushLeft","ButtonGroup","Button","tag","color","size","loading","wide","wideMobile","disabled","Modal","handleClose","show","closeHidden","video","videoTag","stopProgagation","handleBodyClass","stopPropagation","title","frameBorder","allowFullScreen","v-else","controls","aria-label","Hero","videoModalActive","setVideomodalactive","outerClasses","innerClasses","data-reveal-delay","preventDefault","SectionHeader","data","paragraph","FeaturesTiles","tilesClasses","FeaturesSplit","splitClasses","data-reveal-container","autoPlay","muted","loop","borderRadius","type","split","Cta","Home","GenericSection","paddingTop","Faq","textAlign","About","Pricing","App","childRef","location","useLocation","exact","path","enableDeclineButton","onAccept","ReactGA","initialize","page","set","pageview","trackPage","pathname","background","fontSize","buttonStyle","declineButtonText","buttonText","declineButtonStyle","Boolean","hostname","match","history","createBrowserHistory","ReactDOM","getElementById","navigator","serviceWorker","ready","then","registration","unregister"],"mappings":"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","file":"static/js/main.13f81bed.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/face-man-outline.95b031fd.svg\";","module.exports = __webpack_public_path__ + \"static/media/logo.c15ae149.svg\";","module.exports = __webpack_public_path__ + \"static/media/feature-tile-icon-01.5df31f86.svg\";","module.exports = __webpack_public_path__ + \"static/media/feature-tile-icon-02.6c7ba3f0.svg\";","module.exports = __webpack_public_path__ + \"static/media/feature-tile-icon-03.b80e2d6b.svg\";","module.exports = __webpack_public_path__ + \"static/media/feature-tile-icon-04.bee3a5b9.svg\";","module.exports = __webpack_public_path__ + \"static/media/feature-tile-icon-05.cb103fa1.svg\";","module.exports = __webpack_public_path__ + \"static/media/feature-tile-icon-06.d2e4abe3.svg\";","module.exports = __webpack_public_path__ + \"static/media/scrim_command.315ec95b.webm\";","module.exports = __webpack_public_path__ + \"static/media/scrim_command.11be3f26.mp4\";","module.exports = __webpack_public_path__ + \"static/media/ecoround.c15cd168.webp\";","module.exports = __webpack_public_path__ + \"static/media/128tick.f9f1f90f.webm\";","module.exports = __webpack_public_path__ + \"static/media/128tick.06f95c6b.mp4\";","module.exports = __webpack_public_path__ + \"static/media/face-woman-outline.c939cf86.svg\";","import React from 'react';\r\nimport { Route } from 'react-router-dom';\r\n\r\nconst AppRoute = ({\r\n  component: Component,\r\n  layout: Layout,\r\n  ...rest\r\n}) => {\r\n\r\n  Layout = (Layout === undefined) ? props => (<>{props.children}</>) : Layout;\r\n\r\n  return (\r\n    <Route\r\n      {...rest}\r\n      render={props => (\r\n        <Layout>\r\n          <Component {...props} />\r\n        </Layout>\r\n      )} />\r\n  );\r\n}\r\n\r\nexport default AppRoute;","import React, { useState, useEffect, useImperativeHandle } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { throttle } from 'lodash';\r\n\r\nconst ScrollReveal = React.forwardRef((props, ref) => {\r\n\r\n  const [viewportHeight, setViewportheight] = useState(window.innerHeight); \r\n  const [revealEl, setRevealel] = useState([]);\r\n\r\n  const checkComplete = () => {\r\n    return revealEl.length <= document.querySelectorAll('[class*=reveal-].is-revealed').length;\r\n  };\r\n\r\n  const elementIsVisible = (el, offset) => {\r\n    return (el.getBoundingClientRect().top <= viewportHeight - offset);\r\n  };\r\n\r\n  const revealElements = () => {\r\n    if (checkComplete()) return;\r\n    for (let i = 0; i < revealEl.length; i++) {\r\n      let el = revealEl[i];\r\n      let revealDelay = el.getAttribute('data-reveal-delay');\r\n      let revealOffset = (el.getAttribute('data-reveal-offset') ? el.getAttribute('data-reveal-offset') : '200');\r\n      let listenedEl = (el.getAttribute('data-reveal-container') ? el.closest(el.getAttribute('data-reveal-container')) : el);\r\n      if (elementIsVisible(listenedEl, revealOffset) && !el.classList.contains('is-revealed')) {\r\n        if (revealDelay && revealDelay !== 0) {\r\n          setTimeout(function () {\r\n            el.classList.add('is-revealed');\r\n          }, revealDelay);\r\n        } else {\r\n          el.classList.add('is-revealed');\r\n        }\r\n      }\r\n    }\r\n  };\r\n\r\n  useImperativeHandle(ref, () => ({\r\n    init() {\r\n      setRevealel(document.querySelectorAll('[class*=reveal-]'));\r\n    }\r\n  }));  \r\n\r\n  useEffect(() => {\r\n    if (typeof revealEl !== 'undefined' && revealEl.length > 0) {\r\n      if (!checkComplete()) {\r\n        window.addEventListener('scroll', handleScroll);\r\n        window.addEventListener('resize', handleResize);\r\n      }\r\n      revealElements();\r\n    }\r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [revealEl]);\r\n\r\n  const handleListeners = () => {\r\n    if (!checkComplete()) return;\r\n    window.removeEventListener('scroll', handleScroll);\r\n    window.removeEventListener('resize', handleResize);\r\n  };\r\n\r\n  const handleScroll = throttle(() => {\r\n    handleListeners();\r\n    revealElements();\r\n  }, 30);\r\n\r\n  const handleResize = throttle(() => {\r\n    setViewportheight(window.innerHeight);\r\n  }, 30);\r\n\r\n  useEffect(() => {\r\n    handleListeners();\r\n    revealElements();\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [viewportHeight]);  \r\n\r\n  return (\r\n    <>\r\n      {props.children()}\r\n    </>\r\n  );\r\n});\r\n\r\nScrollReveal.propTypes = {\r\n  children: PropTypes.func.isRequired\r\n};\r\n\r\nexport default ScrollReveal;","import React, { useState, useRef, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nconst propTypes = {\r\n  src: PropTypes.oneOfType([\r\n    PropTypes.object,\r\n    PropTypes.string\r\n  ]).isRequired,\r\n  width: PropTypes.number,\r\n  height: PropTypes.number,\r\n  alt: PropTypes.string\r\n}\r\n\r\nconst defaultProps = {\r\n  src: undefined,\r\n  width: undefined,\r\n  height: undefined,\r\n  alt: undefined\r\n}\r\n\r\nconst Image = ({\r\n  className,\r\n  src,\r\n  width,\r\n  height,\r\n  alt,\r\n  ...props\r\n}) => {\r\n\r\n  const [loaded, setLoaded] = useState(false);\r\n\r\n  const image = useRef(null);\r\n\r\n  useEffect(() => {\r\n    handlePlaceholder(image.current);\r\n  // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, []);\r\n  \r\n  const placeholderSrc = (w, h) => {\r\n    return `data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 ${w} ${h}\"%3E%3C/svg%3E`;\r\n  }\r\n\r\n  const handlePlaceholder = (img) => {\r\n    const placeholder = document.createElement('img');\r\n    if (!loaded) {\r\n      img.style.display = 'none';\r\n      img.before(placeholder);\r\n      placeholder.src = placeholderSrc(\r\n        img.getAttribute('width') || 0,\r\n        img.getAttribute('height') || 0\r\n      );\r\n      placeholder.width = img.getAttribute('width');\r\n      placeholder.height = img.getAttribute('height');\r\n      placeholder.style.opacity = '0';\r\n      img.className && placeholder.classList.add(img.className);\r\n      placeholder.remove();\r\n      img.style.display = '';      \r\n    }\r\n  }\r\n\r\n  function onLoad() {\r\n    setLoaded(true);\r\n  }  \r\n\r\n  return (\r\n    <img\r\n      {...props}\r\n      ref={image}\r\n      className={className}\r\n      src={src}\r\n      width={width}\r\n      height={height}\r\n      alt={alt}\r\n      onLoad={onLoad} />\r\n  );\r\n}\r\n\r\nImage.propTypes = propTypes;\r\nImage.defaultProps = defaultProps;\r\n\r\nexport default Image;","import React from 'react';\r\nimport classNames from 'classnames';\r\nimport { Link } from 'react-router-dom';\r\nimport Image from '../../elements/Image';\r\n\r\nconst Logo = ({\r\n  className,\r\n  ...props\r\n}) => {\r\n\r\n  const classes = classNames(\r\n    'brand',\r\n    className\r\n  );\r\n\r\n  return (\r\n    <div\r\n      {...props}\r\n      className={classes}\r\n    >\r\n      <h1 className=\"m-0\">\r\n        <Link to=\"/\">\r\n          <Image\r\n            src={require('./../../../assets/images/logo.svg')}\r\n            alt=\"Open\"\r\n            width={32}\r\n            height={32} />\r\n        </Link>\r\n      </h1>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Logo;","import React, { useState, useRef, useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { Link } from 'react-router-dom';\r\nimport Logo from './partials/Logo';\r\n\r\nconst propTypes = {\r\n  navPosition: PropTypes.string,\r\n  hideNav: PropTypes.bool,\r\n  hideSignin: PropTypes.bool,\r\n  bottomOuterDivider: PropTypes.bool,\r\n  bottomDivider: PropTypes.bool\r\n}\r\n\r\nconst defaultProps = {\r\n  navPosition: '',\r\n  hideNav: false,\r\n  hideSignin: false,\r\n  bottomOuterDivider: false,\r\n  bottomDivider: false\r\n}\r\n\r\nconst Header = ({\r\n  className,\r\n  navPosition,\r\n  hideNav,\r\n  hideSignin,\r\n  bottomOuterDivider,\r\n  bottomDivider,\r\n  ...props\r\n}) => {\r\n\r\n  const [isActive, setIsactive] = useState(false);\r\n\r\n  const nav = useRef(null);\r\n  const hamburger = useRef(null);\r\n\r\n  useEffect(() => {\r\n    isActive && openMenu();\r\n    document.addEventListener('keydown', keyPress);\r\n    document.addEventListener('click', clickOutside);\r\n    return () => {\r\n      document.removeEventListener('keydown', keyPress);\r\n      document.removeEventListener('click', clickOutside);\r\n      closeMenu();\r\n    };\r\n  });  \r\n\r\n  const openMenu = () => {\r\n    document.body.classList.add('off-nav-is-active');\r\n    nav.current.style.maxHeight = nav.current.scrollHeight + 'px';\r\n    setIsactive(true);\r\n  }\r\n\r\n  const closeMenu = () => {\r\n    document.body.classList.remove('off-nav-is-active');\r\n    nav.current && (nav.current.style.maxHeight = null);\r\n    setIsactive(false);\r\n  }\r\n\r\n  const keyPress = (e) => {\r\n    isActive && e.keyCode === 27 && closeMenu();\r\n  }\r\n\r\n  const clickOutside = (e) => {\r\n    if (!nav.current) return\r\n    if (!isActive || nav.current.contains(e.target) || e.target === hamburger.current) return;\r\n    closeMenu();\r\n  }  \r\n\r\n  const classes = classNames(\r\n    'site-header',\r\n    bottomOuterDivider && 'has-bottom-divider',\r\n    className\r\n  );\r\n\r\n  return (\r\n    <header\r\n      {...props}\r\n      className={classes}\r\n    >\r\n      <div className=\"container\">\r\n        <div className={\r\n          classNames(\r\n            'site-header-inner',\r\n            bottomDivider && 'has-bottom-divider'\r\n          )}>\r\n          <Logo />\r\n          {!hideNav &&\r\n            <>\r\n              <button\r\n                ref={hamburger}\r\n                className=\"header-nav-toggle\"\r\n                onClick={isActive ? closeMenu : openMenu}\r\n              >\r\n                <span className=\"screen-reader\">Menu</span>\r\n                <span className=\"hamburger\">\r\n                  <span className=\"hamburger-inner\"></span>\r\n                </span>\r\n              </button>\r\n              <nav\r\n                ref={nav}\r\n                className={\r\n                  classNames(\r\n                    'header-nav',\r\n                    isActive && 'is-active'\r\n                  )}>\r\n                <div className=\"header-nav-inner\">\r\n                <ul className={\r\n                    classNames(\r\n                      'list-reset text-xs',\r\n                      navPosition && `header-nav-${navPosition}`\r\n                    )}>\r\n                    <li>\r\n                      <Link to=\"/about\" onClick={closeMenu}>About</Link>\r\n                    </li>\r\n                  </ul>\r\n                  <ul className={\r\n                    classNames(\r\n                      'list-reset text-xs',\r\n                      navPosition && `header-nav-${navPosition}`\r\n                    )}>\r\n                    <li>\r\n                      <Link to=\"/faq\" onClick={closeMenu}>FAQ</Link>\r\n                    </li>\r\n                  </ul>\r\n                  {/* {!hideSignin &&\r\n                    <ul\r\n                      className=\"list-reset header-nav-right\"\r\n                    >\r\n                      <li>\r\n                        <Link to=\"#0\" className=\"button button-primary button-wide-mobile button-sm\" onClick={closeMenu}>Dashboard</Link>\r\n                      </li>\r\n                    </ul>} */}\r\n                </div>\r\n              </nav>\r\n            </>}\r\n        </div>\r\n      </div>\r\n    </header>\r\n  );\r\n}\r\n\r\nHeader.propTypes = propTypes;\r\nHeader.defaultProps = defaultProps;\r\n\r\nexport default Header;\r\n","import React from 'react';\r\nimport classNames from 'classnames';\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst FooterNav = ({\r\n  className,\r\n  ...props\r\n}) => {\r\n\r\n  const classes = classNames(\r\n    'footer-nav',\r\n    className\r\n  );\r\n\r\n  return (\r\n    <nav\r\n      {...props}\r\n      className={classes}\r\n    >\r\n      <ul className=\"list-reset\">\r\n        <li>\r\n          <Link to=\"/about\">About</Link>\r\n        </li>\r\n        <li>\r\n          <Link to=\"/faq\">FAQ</Link>\r\n        </li>\r\n        <li>\r\n          <a target=\"_blank\" rel=\"noopener noreferrer\" href=\"https://discord.gg/Yey9eJ5wja\">Support</a>\r\n        </li>\r\n      </ul>\r\n    </nav>\r\n  );\r\n}\r\n\r\nexport default FooterNav;","import React from 'react';\r\nimport classNames from 'classnames';\r\n\r\nconst FooterSocial = ({\r\n  className,\r\n  ...props\r\n}) => {\r\n\r\n  const classes = classNames(\r\n    'footer-social',\r\n    className\r\n  );\r\n\r\n  return (\r\n    <div\r\n      {...props}\r\n      className={classes}\r\n    >\r\n      <ul className=\"list-reset\">\r\n        <li>\r\n          <a href=\"https://discord.gg/Yey9eJ5wja\">\r\n          <svg \r\n            id=\"Layer_1\"\r\n            alt=\"discord logo\"\r\n            width=\"28\"\r\n            height=\"28\"\r\n            xmlns=\"http://www.w3.org/2000/svg\"\r\n            viewBox=\"0 0 245 240\">\r\n              <style></style>\r\n              <title>Discord</title>\r\n              <path d=\"M104.4 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zM140.9 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z\"/>\r\n              <path d=\"M189.5 20h-134C44.2 20 35 29.2 35 40.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V40.6c0-11.4-9.2-20.6-20.5-20.6zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z\"/>\r\n            </svg>\r\n\r\n\r\n          </a>\r\n        </li>\r\n        <li>\r\n          <a href=\"https://twitter.com/ez_scrims\">\r\n            <svg\r\n              width=\"26\"\r\n              height=\"26\"\r\n              viewBox=\"0 0 16 16\"\r\n              xmlns=\"http://www.w3.org/2000/svg\">\r\n              <title>Twitter</title>\r\n              <path\r\n                d=\"M16 3c-.6.3-1.2.4-1.9.5.7-.4 1.2-1 1.4-1.8-.6.4-1.3.6-2.1.8-.6-.6-1.5-1-2.4-1-1.7 0-3.2 1.5-3.2 3.3 0 .3 0 .5.1.7-2.7-.1-5.2-1.4-6.8-3.4-.3.5-.4 1-.4 1.7 0 1.1.6 2.1 1.5 2.7-.5 0-1-.2-1.5-.4C.7 7.7 1.8 9 3.3 9.3c-.3.1-.6.1-.9.1-.2 0-.4 0-.6-.1.4 1.3 1.6 2.3 3.1 2.3-1.1.9-2.5 1.4-4.1 1.4H0c1.5.9 3.2 1.5 5 1.5 6 0 9.3-5 9.3-9.3v-.4C15 4.3 15.6 3.7 16 3z\" />\r\n            </svg>\r\n          </a>\r\n        </li>\r\n        <li>\r\n          <a href=\"https://www.instagram.com/ezscrims/\">\r\n            <svg\r\n              width=\"24\"\r\n              height=\"24\"\r\n              viewBox=\"0 0 16 16\"\r\n              xmlns=\"http://www.w3.org/2000/svg\">\r\n              <title>Instagram</title>\r\n              <g>\r\n                <circle cx=\"12.145\" cy=\"3.892\" r=\"1\" />\r\n                <path\r\n                  d=\"M8 12c-2.206 0-4-1.794-4-4s1.794-4 4-4 4 1.794 4 4-1.794 4-4 4zm0-6c-1.103 0-2 .897-2 2s.897 2 2 2 2-.897 2-2-.897-2-2-2z\" />\r\n                <path\r\n                  d=\"M12 16H4c-2.056 0-4-1.944-4-4V4c0-2.056 1.944-4 4-4h8c2.056 0 4 1.944 4 4v8c0 2.056-1.944 4-4 4zM4 2c-.935 0-2 1.065-2 2v8c0 .953 1.047 2 2 2h8c.935 0 2-1.065 2-2V4c0-.935-1.065-2-2-2H4z\" />\r\n              </g>\r\n            </svg>\r\n          </a>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default FooterSocial;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport Logo from './partials/Logo';\r\nimport FooterNav from './partials/FooterNav';\r\nimport FooterSocial from './partials/FooterSocial';\r\n\r\nconst propTypes = {\r\n  topOuterDivider: PropTypes.bool,\r\n  topDivider: PropTypes.bool\r\n}\r\n\r\nconst defaultProps = {\r\n  topOuterDivider: false,\r\n  topDivider: false\r\n}\r\n\r\nconst Footer = ({\r\n  className,\r\n  topOuterDivider,\r\n  topDivider,\r\n  ...props\r\n}) => {\r\n\r\n  const classes = classNames(\r\n    'site-footer center-content-mobile',\r\n    topOuterDivider && 'has-top-divider',\r\n    className\r\n  );\r\n\r\n  return (\r\n    <footer\r\n      {...props}\r\n      className={classes}\r\n    >\r\n      <div className=\"container\">\r\n        <div className={\r\n          classNames(\r\n            'site-footer-inner',\r\n            topDivider && 'has-top-divider'\r\n          )}>\r\n          <div className=\"footer-top space-between text-xxs\">\r\n            <Logo />\r\n            <FooterSocial />\r\n          </div>\r\n          <div className=\"footer-bottom space-between text-xxs invert-order-desktop\">\r\n            <FooterNav />\r\n            <div className=\"footer-copyright\"><a href=\"https://ezscrims.com\">ezscrims</a>. 2021</div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </footer>\r\n  );\r\n}\r\n\r\nFooter.propTypes = propTypes;\r\nFooter.defaultProps = defaultProps;\r\n\r\nexport default Footer;","import React from 'react';\r\nimport Header from '../components/layout/Header';\r\nimport Footer from '../components/layout/Footer';\r\n\r\nconst LayoutDefault = ({ children }) => (\r\n  <>\r\n    <Header navPosition=\"right\" className=\"reveal-from-bottom\" />\r\n    <main className=\"site-content\">\r\n      {children}\r\n    </main>\r\n    <Footer />\r\n  </>\r\n);\r\n\r\nexport default LayoutDefault;  ","import PropTypes from 'prop-types';\r\n\r\n// Props shared by all sections\r\nconst SectionShared = {\r\n  types: {\r\n    topOuterDivider: PropTypes.bool,\r\n    bottomOuterDivider: PropTypes.bool,    \r\n    topDivider: PropTypes.bool,\r\n    bottomDivider: PropTypes.bool,\r\n    hasBgColor: PropTypes.bool,\r\n    invertColor: PropTypes.bool\r\n  },\r\n  defaults: {\r\n    topOuterDivider: false,\r\n    bottomOuterDivider: false,    \r\n    topDivider: false,\r\n    bottomDivider: false,\r\n    hasBgColor: false,\r\n    invertColor: false\r\n  }\r\n}\r\n\r\n// Default section props\r\nexport const SectionProps = {\r\n  types: {\r\n    ...SectionShared.types\r\n  },\r\n  defaults: {\r\n    ...SectionShared.defaults\r\n  }\r\n}\r\n\r\n// Section split props\r\nexport const SectionSplitProps = {\r\n  types: {\r\n    ...SectionShared.types,\r\n    invertMobile: PropTypes.bool,\r\n    invertDesktop: PropTypes.bool,\r\n    alignTop: PropTypes.bool,\r\n    imageFill: PropTypes.bool\r\n  },\r\n  defaults: {\r\n    ...SectionShared.defaults,\r\n    invertMobile: false,\r\n    invertDesktop: false,\r\n    alignTop: false,\r\n    imageFill: false\r\n  }\r\n}\r\n\r\n// Section tiles props\r\nexport const SectionTilesProps = {\r\n  types: {\r\n    ...SectionShared.types,\r\n    pushLeft: PropTypes.bool\r\n  },\r\n  defaults: {\r\n    ...SectionShared.defaults,\r\n    pushLeft: false\r\n  }\r\n}","import React from 'react';\r\nimport classNames from 'classnames';\r\n\r\nconst ButtonGroup = ({\r\n  className,\r\n  ...props\r\n}) => {\r\n\r\n  const classes = classNames(\r\n    'button-group',\r\n    className\r\n  );\r\n\r\n  return (\r\n    <div\r\n      {...props}\r\n      className={classes}\r\n    />\r\n  );\r\n}\r\n\r\nexport default ButtonGroup;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nconst propTypes = {\r\n  tag: PropTypes.elementType,\r\n  color: PropTypes.string,\r\n  size: PropTypes.string,\r\n  loading: PropTypes.bool,\r\n  wide: PropTypes.bool,\r\n  wideMobile: PropTypes.bool,\r\n  disabled: PropTypes.bool\r\n}\r\n\r\nconst defaultProps = {\r\n  tag: 'button',\r\n  color: '',\r\n  size: '',\r\n  loading: false,\r\n  wide: false,\r\n  wideMobile: false,\r\n  disabled: false\r\n}\r\n\r\nconst Button = ({\r\n  className,\r\n  tag,\r\n  color,\r\n  size,\r\n  loading,\r\n  wide,\r\n  wideMobile,\r\n  disabled,\r\n  ...props\r\n}) => {\r\n\r\n  const classes = classNames(\r\n    'button',\r\n    color && `button-${color}`,\r\n    size && `button-${size}`,\r\n    loading && 'is-loading',\r\n    wide && 'button-block',\r\n    wideMobile && 'button-wide-mobile',\r\n    className\r\n  );\r\n\r\n  const Component = tag;\r\n  return (\r\n    <Component\r\n      {...props}\r\n      className={classes}\r\n      disabled={disabled}\r\n    />\r\n  );\r\n}\r\n\r\nButton.propTypes = propTypes;\r\nButton.defaultProps = defaultProps;\r\n\r\nexport default Button;","import React, { useEffect } from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nconst propTypes = {\r\n  children: PropTypes.node,\r\n  handleClose: PropTypes.func.isRequired,\r\n  show: PropTypes.bool.isRequired,\r\n  closeHidden: PropTypes.bool,\r\n  video: PropTypes.string,\r\n  videoTag: PropTypes.oneOf(['iframe', 'video'])\r\n}\r\n\r\nconst defaultProps = {\r\n  children: null,\r\n  show: false,\r\n  closeHidden: false,\r\n  video: '',\r\n  videoTag: 'iframe'\r\n}\r\n\r\nconst Modal = ({\r\n  className,\r\n  children,\r\n  handleClose,\r\n  show,\r\n  closeHidden,\r\n  video,\r\n  videoTag,\r\n  ...props\r\n}) => {\r\n\r\n  useEffect(() => {\r\n    document.addEventListener('keydown', keyPress);\r\n    document.addEventListener('click', stopProgagation);\r\n    return () => {\r\n      document.removeEventListener('keydown', keyPress);\r\n      document.removeEventListener('click', stopProgagation);\r\n    };    \r\n  });\r\n\r\n  useEffect(() => {\r\n    handleBodyClass();\r\n  }, [props.show]); \r\n  \r\n  const handleBodyClass = () => {\r\n    if (document.querySelectorAll('.modal.is-active').length) {\r\n      document.body.classList.add('modal-is-active');\r\n    } else {\r\n      document.body.classList.remove('modal-is-active');\r\n    }\r\n  }\r\n\r\n  const keyPress = (e) => {\r\n    e.keyCode === 27 && handleClose(e);\r\n  }\r\n\r\n  const stopProgagation = (e) => {\r\n    e.stopPropagation();\r\n  }\r\n\r\n  const classes = classNames(\r\n    'modal',\r\n    show && 'is-active',\r\n    video && 'modal-video',\r\n    className\r\n  );\r\n\r\n  return (\r\n    <>\r\n      {show &&\r\n        <div\r\n          {...props}\r\n          className={classes}\r\n          onClick={handleClose}\r\n        >\r\n          <div className=\"modal-inner\" onClick={stopProgagation}>\r\n            {video ?\r\n              <div className=\"responsive-video\">\r\n                {videoTag === 'iframe' ?\r\n                  <iframe\r\n                    title=\"video\"\r\n                    src={video}\r\n                    frameBorder=\"0\"\r\n                    allowFullScreen\r\n                  ></iframe> :\r\n                  <video\r\n                    v-else\r\n                    controls\r\n                    src={video}\r\n                  ></video>\r\n                }\r\n              </div> :\r\n              <>\r\n                {!closeHidden &&\r\n                  <button\r\n                    className=\"modal-close\"\r\n                    aria-label=\"close\"\r\n                    onClick={handleClose}\r\n                  ></button>\r\n                }\r\n                <div className=\"modal-content\">\r\n                  {children}\r\n                </div>\r\n              </>\r\n            }\r\n          </div>\r\n        </div>\r\n      }\r\n    </>\r\n  )\r\n}\r\n\r\nModal.propTypes = propTypes;\r\nModal.defaultProps = defaultProps;\r\n\r\nexport default Modal;","import React, { useState } from 'react';\r\nimport classNames from 'classnames';\r\nimport { SectionProps } from '../../utils/SectionProps';\r\nimport ButtonGroup from '../elements/ButtonGroup';\r\nimport Button from '../elements/Button';\r\n// import Image from '../elements/Image';\r\nimport Modal from '../elements/Modal';\r\n// import { Link } from 'react-router-dom';\r\n\r\nconst propTypes = {\r\n  ...SectionProps.types\r\n}\r\n\r\nconst defaultProps = {\r\n  ...SectionProps.defaults\r\n}\r\n\r\nconst Hero = ({\r\n  className,\r\n  topOuterDivider,\r\n  bottomOuterDivider,\r\n  topDivider,\r\n  bottomDivider,\r\n  hasBgColor,\r\n  invertColor,\r\n  ...props\r\n}) => {\r\n\r\n  const [videoModalActive, setVideomodalactive] = useState(false);\r\n\r\n  // const openModal = (e) => {\r\n  //   e.preventDefault();\r\n  //   setVideomodalactive(true);\r\n  // }\r\n\r\n  const closeModal = (e) => {\r\n    e.preventDefault();\r\n    setVideomodalactive(false);\r\n  }   \r\n\r\n  const outerClasses = classNames(\r\n    'hero section center-content',\r\n    topOuterDivider && 'has-top-divider',\r\n    bottomOuterDivider && 'has-bottom-divider',\r\n    hasBgColor && 'has-bg-color',\r\n    invertColor && 'invert-color',\r\n    className\r\n  );\r\n\r\n  const innerClasses = classNames(\r\n    'hero-inner section-inner',\r\n    topDivider && 'has-top-divider',\r\n    bottomDivider && 'has-bottom-divider'\r\n  );\r\n\r\n  return (\r\n    <section\r\n      {...props}\r\n      className={outerClasses}\r\n    >\r\n      <div className=\"container-sm\">\r\n        <div className={innerClasses}>\r\n          <div className=\"hero-content\">\r\n            <h1 className=\"mt-0 mb-16 reveal-from-bottom\" data-reveal-delay=\"200\">\r\n              <span className=\"text-color-primary\">ezscrims</span>\r\n            </h1>\r\n            <div className=\"container-xs\">\r\n              <p className=\"m-0 mb-32 reveal-from-bottom\" data-reveal-delay=\"400\">\r\n              Play CS:GO scrims with your Discord community.\r\n              </p>\r\n              <div className=\"reveal-from-bottom\" data-reveal-delay=\"600\">\r\n                <ButtonGroup>\r\n                  {/* <Link to=\"/pricing\">\r\n                    <Button color=\"dark\" wideMobile>\r\n                      Pricing\r\n                    </Button>\r\n                  </Link>\r\n                  <Button tag=\"a\" color=\"primary\" wideMobile href=\"https://discord.com/api/oauth2/authorize?client_id=716777280550076449&permissions=19520&scope=bot\">\r\n                    Invite Now\r\n                  </Button> */}\r\n                  <Button tag=\"a\" color=\"primary\" rel=\"noreferrer\" wideMobile href=\"https://discord.gg/Yey9eJ5wja\">\r\n                    Try free on our Discord\r\n                  </Button>\r\n                  \r\n                </ButtonGroup>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          {/* <div className=\"hero-figure reveal-from-bottom illustration-element-01\" data-reveal-value=\"20px\" data-reveal-delay=\"800\">\r\n            <a\r\n              data-video=\"https://player.vimeo.com/video/174002812\"\r\n              href=\"#0\"\r\n              aria-controls=\"video-modal\"\r\n              onClick={openModal}\r\n            >\r\n              <Image\r\n                className=\"has-shadow\"\r\n                src={require('./../../assets/images/video-placeholder.jpg')}\r\n                alt=\"Hero\"\r\n                width={896}\r\n                height={504} />\r\n            </a>\r\n          </div> */}\r\n          <Modal\r\n            id=\"video-modal\"\r\n            show={videoModalActive}\r\n            handleClose={closeModal}\r\n            video=\"https://player.vimeo.com/video/174002812\"\r\n            videoTag=\"iframe\" />\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n}\r\n\r\nHero.propTypes = propTypes;\r\nHero.defaultProps = defaultProps;\r\n\r\nexport default Hero;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\n\r\nconst propTypes = {\r\n  data: PropTypes.shape({\r\n    title: PropTypes.string,\r\n    paragraph: PropTypes.string\r\n  }).isRequired,\r\n  children: PropTypes.node,\r\n  tag: PropTypes.oneOf(['h1', 'h2', 'h3'])\r\n}\r\n\r\nconst defaultProps = {\r\n  children: null,\r\n  tag: 'h2'\r\n}\r\n\r\nconst SectionHeader = ({\r\n  className,\r\n  data,\r\n  children,\r\n  tag,\r\n  ...props\r\n}) => {\r\n\r\n  const classes = classNames(\r\n    'section-header',\r\n    className\r\n  );\r\n\r\n  const Component = tag;\r\n\r\n  return (\r\n    <>\r\n      {(data.title || data.paragraph) &&\r\n        <div\r\n          {...props}\r\n          className={classes}\r\n        >\r\n          <div className=\"container-xs\">\r\n            {children}\r\n            {data.title &&\r\n              <Component className={\r\n                classNames(\r\n                  'mt-0',\r\n                  data.paragraph ? 'mb-16' : 'mb-0'\r\n                )}>{data.title}</Component>\r\n            }\r\n            {data.paragraph &&\r\n              <p className=\"m-0\">{data.paragraph}</p>\r\n            }\r\n          </div>\r\n        </div>\r\n      }\r\n    </>\r\n  );\r\n}\r\n\r\nSectionHeader.propTypes = propTypes;\r\nSectionHeader.defaultProps = defaultProps;\r\n\r\nexport default SectionHeader;","import React from 'react';\r\nimport classNames from 'classnames';\r\nimport { SectionTilesProps } from '../../utils/SectionProps';\r\nimport SectionHeader from './partials/SectionHeader';\r\nimport Image from '../elements/Image';\r\n\r\nconst propTypes = {\r\n  ...SectionTilesProps.types\r\n}\r\n\r\nconst defaultProps = {\r\n  ...SectionTilesProps.defaults\r\n}\r\nconst FeaturesTiles = ({\r\n  className,\r\n  topOuterDivider,\r\n  bottomOuterDivider,\r\n  topDivider,\r\n  bottomDivider,\r\n  hasBgColor,\r\n  invertColor,\r\n  pushLeft,\r\n  ...props\r\n}) => {\r\n\r\n  const outerClasses = classNames(\r\n    'features-tiles section',\r\n    topOuterDivider && 'has-top-divider',\r\n    bottomOuterDivider && 'has-bottom-divider',\r\n    hasBgColor && 'has-bg-color',\r\n    invertColor && 'invert-color',\r\n    className\r\n  );\r\n\r\n  const innerClasses = classNames(\r\n    'features-tiles-inner section-inner',\r\n    topDivider && 'has-top-divider',\r\n    bottomDivider && 'has-bottom-divider'\r\n  );\r\n\r\n  const tilesClasses = classNames(\r\n    'tiles-wrap center-content',\r\n    pushLeft && 'push-left'\r\n  );\r\n\r\n  const sectionHeader = {\r\n    title: 'Core features',\r\n    paragraph: 'We provide you with the best CS:GO experience.'\r\n  };\r\n\r\n  return (\r\n    <section\r\n      {...props}\r\n      className={outerClasses}\r\n    >\r\n      <div className=\"container\">\r\n        <div className={innerClasses}>\r\n          <SectionHeader data={sectionHeader} className=\"center-content\" />\r\n          <div className={tilesClasses}>\r\n\r\n            <div className=\"tiles-item reveal-from-bottom\">\r\n              <div className=\"tiles-item-inner\">\r\n                <div className=\"features-tiles-item-header\">\r\n                  <div className=\"features-tiles-item-image mb-16\">\r\n                    <Image\r\n                      src={require('./../../assets/images/feature-tile-icon-01.svg')}\r\n                      alt=\"Features tile icon 01\"\r\n                      width={64}\r\n                      height={64} />\r\n                  </div>\r\n                </div>\r\n                <div className=\"features-tiles-item-content\">\r\n                  <h4 className=\"mt-0 mb-8\">\r\n                    Easy setup\r\n                    </h4>\r\n                  <p className=\"m-0 text-sm\">\r\n                    Just type !scrim to start a game!\r\n                    </p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"tiles-item reveal-from-bottom\" data-reveal-delay=\"200\">\r\n              <div className=\"tiles-item-inner\">\r\n                <div className=\"features-tiles-item-header\">\r\n                  <div className=\"features-tiles-item-image mb-16\">\r\n                    <Image\r\n                      src={require('./../../assets/images/feature-tile-icon-02.svg')}\r\n                      alt=\"Features tile icon 02\"\r\n                      width={64}\r\n                      height={64} />\r\n                  </div>\r\n                </div>\r\n                <div className=\"features-tiles-item-content\">\r\n                  <h4 className=\"mt-0 mb-8\">\r\n                    High Performance\r\n                    </h4>\r\n                  <p className=\"m-0 text-sm\">\r\n                    We only use the best dedicated servers there are, available to you around the clock.\r\n                    </p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"tiles-item reveal-from-bottom\" data-reveal-delay=\"400\">\r\n              <div className=\"tiles-item-inner\">\r\n                <div className=\"features-tiles-item-header\">\r\n                  <div className=\"features-tiles-item-image mb-16\">\r\n                    <Image\r\n                      src={require('./../../assets/images/feature-tile-icon-03.svg')}\r\n                      alt=\"Features tile icon 03\"\r\n                      width={64}\r\n                      height={64} />\r\n                  </div>\r\n                </div>\r\n                <div className=\"features-tiles-item-content\">\r\n                  <h4 className=\"mt-0 mb-8\">\r\n                    Servers Worldwide\r\n                    </h4>\r\n                  <p className=\"m-0 text-sm\">\r\n                    Our servers are available in 4 major regions (EU, NA, SEA, AUS) with low ping guaranteed.\r\n                    </p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"tiles-item reveal-from-bottom\">\r\n              <div className=\"tiles-item-inner\">\r\n                <div className=\"features-tiles-item-header\">\r\n                  <div className=\"features-tiles-item-image mb-16\">\r\n                    <Image\r\n                      src={require('./../../assets/images/feature-tile-icon-04.svg')}\r\n                      alt=\"Features tile icon 04\"\r\n                      width={64}\r\n                      height={64} />\r\n                  </div>\r\n                </div>\r\n                <div className=\"features-tiles-item-content\">\r\n                  <h4 className=\"mt-0 mb-8\">\r\n                    128 Tick\r\n                    </h4>\r\n                  <p className=\"m-0 text-sm\">\r\n                    We know that CS plays best on 128 Tick, and we got you covered here.\r\n                    </p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"tiles-item reveal-from-bottom\" data-reveal-delay=\"200\">\r\n              <div className=\"tiles-item-inner\">\r\n                <div className=\"features-tiles-item-header\">\r\n                  <div className=\"features-tiles-item-image mb-16\">\r\n                    <Image\r\n                      src={require('./../../assets/images/feature-tile-icon-05.svg')}\r\n                      alt=\"Features tile icon 05\"\r\n                      width={64}\r\n                      height={64} />\r\n                  </div>\r\n                </div>\r\n                <div className=\"features-tiles-item-content\">\r\n                  <h4 className=\"mt-0 mb-8\">\r\n                    Enhance your community\r\n                    </h4>\r\n                  <p className=\"m-0 text-sm\">\r\n                    Play with up to 10 players in your Discord server, at any time. More fun, less management.\r\n                    </p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"tiles-item reveal-from-bottom\" data-reveal-delay=\"400\">\r\n              <div className=\"tiles-item-inner\">\r\n                <div className=\"features-tiles-item-header\">\r\n                  <div className=\"features-tiles-item-image mb-16\">\r\n                    <Image\r\n                      src={require('./../../assets/images/feature-tile-icon-06.svg')}\r\n                      alt=\"Features tile icon 06\"\r\n                      width={64}\r\n                      height={64} />\r\n                  </div>\r\n                </div>\r\n                <div className=\"features-tiles-item-content\">\r\n                  <h4 className=\"mt-0 mb-8\">\r\n                    Affordable\r\n                    </h4>\r\n                  <p className=\"m-0 text-sm\">\r\n                    We offer servers at a lower price than private rentals.\r\n                    </p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n}\r\n\r\nFeaturesTiles.propTypes = propTypes;\r\nFeaturesTiles.defaultProps = defaultProps;\r\n\r\nexport default FeaturesTiles;","import React from 'react';\r\nimport classNames from 'classnames';\r\nimport { SectionSplitProps } from '../../utils/SectionProps';\r\nimport SectionHeader from './partials/SectionHeader';\r\nimport Image from '../elements/Image';\r\n\r\nconst propTypes = {\r\n  ...SectionSplitProps.types\r\n}\r\n\r\nconst defaultProps = {\r\n  ...SectionSplitProps.defaults\r\n}\r\n\r\nconst FeaturesSplit = ({\r\n  className,\r\n  topOuterDivider,\r\n  bottomOuterDivider,\r\n  topDivider,\r\n  bottomDivider,\r\n  hasBgColor,\r\n  invertColor,\r\n  invertMobile,\r\n  invertDesktop,\r\n  alignTop,\r\n  imageFill,\r\n  ...props\r\n}) => {\r\n\r\n  const outerClasses = classNames(\r\n    'features-split section',\r\n    topOuterDivider && 'has-top-divider',\r\n    bottomOuterDivider && 'has-bottom-divider',\r\n    hasBgColor && 'has-bg-color',\r\n    invertColor && 'invert-color',\r\n    className\r\n  );\r\n\r\n  const innerClasses = classNames(\r\n    'features-split-inner section-inner',\r\n    topDivider && 'has-top-divider',\r\n    bottomDivider && 'has-bottom-divider'\r\n  );\r\n\r\n  const splitClasses = classNames(\r\n    'split-wrap',\r\n    invertMobile && 'invert-mobile',\r\n    invertDesktop && 'invert-desktop',\r\n    alignTop && 'align-top'\r\n  );\r\n\r\n  const sectionHeader = {\r\n    title: 'What\\'s so special?',\r\n    paragraph: 'The ezscrims bot sets up your private game on our high-performance servers at a moment\\'s notice, so you can focus on your friends instead of managing your gameserver.'\r\n  };\r\n\r\n  return (\r\n    <section\r\n      {...props}\r\n      className={outerClasses}\r\n    >\r\n      <div className=\"container\">\r\n        <div className={innerClasses}>\r\n          <SectionHeader data={sectionHeader} className=\"center-content\" />\r\n          <div className={splitClasses}>\r\n\r\n            <div className=\"split-item\">\r\n              <div className=\"split-item-content center-content-mobile reveal-from-left\" data-reveal-container=\".split-item\">\r\n                <div className=\"text-xxs text-color-primary fw-600 tt-u mb-8\">\r\n                  !scrim\r\n                  </div>\r\n                <h3 className=\"mt-0 mb-12\">\r\n                  Lightning fast setup\r\n                  </h3>\r\n                <p className=\"m-0\">\r\n                Just say the word and ezscrims bot starts launching your server. Simply select your server region, and you will be ingame in no time. Designate team captains and have them draft their teams, vote for a map and get fragging! Rush into your games like you rush B.\r\n                  </p>\r\n              </div>\r\n              <div className={\r\n                classNames(\r\n                  'split-item-image center-content-mobile reveal-from-bottom',\r\n                  imageFill && 'split-item-image-fill'\r\n                )}\r\n                data-reveal-container=\".split-item\">\r\n                <video autoPlay=\"autoplay\" muted loop style={{borderRadius: \"20px\"}} >\r\n                  <source src={require('./../../assets/videos/scrim_command.webm')} type=\"video/webm\" />\r\n                  <source src={require('./../../assets/videos/scrim_command.mp4')} type=\"video/mp4\" />\r\n                </video>\r\n                {/* <Image\r\n                  src={require('./../../assets/images/features-split-image-01.png')}\r\n                  alt=\"Features split 01\"\r\n                  width={528}\r\n                  height={396} /> */}\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"split-item\">\r\n              <div className=\"split-item-content center-content-mobile reveal-from-right\" data-reveal-container=\".split-item\">\r\n                <div className=\"text-xxs text-color-primary fw-600 tt-u mb-8\">\r\n                  Save your wallet\r\n                  </div>\r\n                <h3 className=\"mt-0 mb-12\">\r\n                  Affordable servers\r\n                  </h3>\r\n                <p className=\"m-0\">\r\n                You can rent a server around the clock, but you don't use it for the entire time you pay. With ezscrims you can find the perfect balance of cost and convenience, so you can keep playing, even when life demands an eco round.\r\n                  </p>\r\n              </div>\r\n              <div className={\r\n                classNames(\r\n                  'split-item-image center-content-mobile reveal-from-bottom',\r\n                  imageFill && 'split-item-image-fill'\r\n                )}\r\n                data-reveal-container=\".split-item\">\r\n\r\n                {/* <video autoplay=\"autoplay\" loop style={{borderRadius: \"20px\"}}>\r\n                  <source src={require('./../../assets/videos/flower.webm')} type=\"video/webm\" />\r\n                </video> */}\r\n\r\n                <Image\r\n                  src={require('./../../assets/images/ecoround.webp')}\r\n                  alt=\"Features split 02\"\r\n                  width={528}\r\n                  height={396}\r\n                  style={{borderRadius: \"20px\"}} />\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"split-item\">\r\n              <div className=\"split-item-content center-content-mobile reveal-from-left\" data-reveal-container=\".split-item\">\r\n                <div className=\"text-xxs text-color-primary fw-600 tt-u mb-8\">\r\n                  Excellent service worldwide\r\n                  </div>\r\n                <h3 className=\"mt-0 mb-12\">\r\n                  High performance\r\n                  </h3>\r\n                <p className=\"m-0\">\r\n                Everyone runs faster with a knife. Except servers. Servers run faster with 128 ticks. That's why we exclusively use 128 tick servers in locations around the world, so you can enjoy the smoothest gaming experience possible.\r\n                  </p>\r\n              </div>\r\n              <div className={\r\n                classNames(\r\n                  'split-item-image center-content-mobile reveal-from-bottom',\r\n                  imageFill && 'split-item-image-fill'\r\n                )}\r\n                data-reveal-container=\".split-item\">\r\n                <video autoPlay=\"autoplay\" muted loop style={{borderRadius: \"20px\"}} >\r\n                  <source src={require('./../../assets/videos/128tick.webm')} type=\"video/webm\" />\r\n                  <source src={require('./../../assets/videos/128tick.mp4')} type=\"video/mp4\" />\r\n                </video>\r\n                {/* <Image\r\n                  src={require('./../../assets/images/features-split-image-03.png')}\r\n                  alt=\"Features split 03\"\r\n                  width={528}\r\n                  height={396} /> */}\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n}\r\n\r\nFeaturesSplit.propTypes = propTypes;\r\nFeaturesSplit.defaultProps = defaultProps;\r\n\r\nexport default FeaturesSplit;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { SectionProps } from '../../utils/SectionProps';\r\n// import Input from '../elements/Input';\r\nimport Button from '../elements/Button';\r\n\r\nconst propTypes = {\r\n  ...SectionProps.types,\r\n  split: PropTypes.bool\r\n}\r\n\r\nconst defaultProps = {\r\n  ...SectionProps.defaults,\r\n  split: false\r\n}\r\n\r\nconst Cta = ({\r\n  className,\r\n  topOuterDivider,\r\n  bottomOuterDivider,\r\n  topDivider,\r\n  bottomDivider,\r\n  hasBgColor,\r\n  invertColor,\r\n  split,\r\n  ...props\r\n}) => {\r\n\r\n  const outerClasses = classNames(\r\n    'cta section center-content-mobile reveal-from-bottom',\r\n    topOuterDivider && 'has-top-divider',\r\n    bottomOuterDivider && 'has-bottom-divider',\r\n    hasBgColor && 'has-bg-color',\r\n    invertColor && 'invert-color',\r\n    className\r\n  );\r\n\r\n  const innerClasses = classNames(\r\n    'cta-inner section-inner',\r\n    topDivider && 'has-top-divider',\r\n    bottomDivider && 'has-bottom-divider',\r\n    split && 'cta-split'\r\n  );  \r\n\r\n  return (\r\n    <section\r\n      {...props}\r\n      className={outerClasses}\r\n    >\r\n      <div className=\"container\">\r\n        <div\r\n          className={innerClasses}\r\n        >\r\n          <div className=\"cta-slogan\">\r\n            <h3 className=\"m-0\">\r\n              Not convinced? Try free on our Discord!\r\n              </h3>\r\n          </div>\r\n          <div className=\"cta-action\">\r\n            <Button tag=\"a\" target=\"_blank\" rel=\"noopener\" wideMobile href=\"https://discord.gg/Yey9eJ5wja\" className=\"button button-dark button-wide-mobile button-md\">\r\n              Join Discord\r\n            </Button>\r\n            {/* <Input id=\"newsletter\" type=\"email\" label=\"Subscribe\" labelHidden hasIcon=\"right\" placeholder=\"Your best email\">\r\n              <svg width=\"16\" height=\"12\" xmlns=\"http://www.w3.org/2000/svg\">\r\n                <path d=\"M9 5H1c-.6 0-1 .4-1 1s.4 1 1 1h8v5l7-6-7-6v5z\" fill=\"#376DF9\" />\r\n              </svg>\r\n            </Input> */}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n}\r\n\r\nCta.propTypes = propTypes;\r\nCta.defaultProps = defaultProps;\r\n\r\nexport default Cta;","import React from 'react';\r\n// import sections\r\nimport Hero from '../components/sections/Hero';\r\nimport FeaturesTiles from '../components/sections/FeaturesTiles';\r\nimport FeaturesSplit from '../components/sections/FeaturesSplit';\r\n// import Testimonial from '../components/sections/Testimonial';\r\nimport Cta from '../components/sections/Cta';\r\n\r\nconst Home = () => {\r\n\r\n  return (\r\n    <>\r\n      <Hero className=\"illustration-section-01\" />\r\n      <FeaturesTiles topDivider />\r\n      <FeaturesSplit invertMobile topDivider imageFill className=\"illustration-section-02\" />\r\n      {/* <Testimonial topDivider /> */}\r\n      <Cta split />\r\n    </>\r\n  );\r\n}\r\n\r\nexport default Home;","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport classNames from 'classnames';\r\nimport { SectionProps } from '../../utils/SectionProps';\r\n\r\nconst propTypes = {\r\n  children: PropTypes.node,\r\n  ...SectionProps.types\r\n}\r\n\r\nconst defaultProps = {\r\n  children: null,\r\n  ...SectionProps.defaults\r\n}\r\n\r\nconst GenericSection = ({\r\n  className,\r\n  children,\r\n  topOuterDivider,\r\n  bottomOuterDivider,\r\n  topDivider,\r\n  bottomDivider,\r\n  hasBgColor,\r\n  invertColor,\r\n  ...props\r\n}) => {\r\n\r\n  const outerClasses = classNames(\r\n    'section',\r\n    topOuterDivider && 'has-top-divider',\r\n    bottomOuterDivider && 'has-bottom-divider',\r\n    hasBgColor && 'has-bg-color',\r\n    invertColor && 'invert-color',\r\n    className\r\n  );\r\n\r\n  const innerClasses = classNames(\r\n    'section-inner',\r\n    topDivider && 'has-top-divider',\r\n    bottomDivider && 'has-bottom-divider'\r\n  );\r\n\r\n  return (\r\n    <section\r\n      {...props}\r\n      className={outerClasses}\r\n    >\r\n      <div className=\"container\">\r\n        <div className={innerClasses}\r\n          style={{paddingTop: '0px'}}\r\n          >\r\n          {children}\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n}\r\n\r\nGenericSection.propTypes = propTypes;\r\nGenericSection.defaultProps = defaultProps;\r\n\r\nexport default GenericSection;","import React from 'react';\r\n// import sections\r\nimport GenericSection from '../components/sections/GenericSection';\r\n/*import Hero from '../components/sections/Hero';*/\r\n\r\nconst Faq = () => {\r\n\r\n  return (\r\n    <div id='faq'>\r\n      {/*<Hero className=\"illustration-section-01\" />*/}\r\n      <GenericSection bottomDivider>\r\n        <div>\r\n          <h1 style={{ textAlign: 'center' }}>FAQ</h1>\r\n        </div>\r\n        <div>\r\n          <ol>\r\n            <li>\r\n              <h4>\r\n                What is ezscrims?\r\n              </h4>\r\n              {/*<br/>*/}\r\n              <p>\r\n                Ezscrims is a Discord bot created to make pugging with your friends as fast and simple as possible. With this bot you can have a custom CS:GO server set up for you and your friends in a matter of seconds.\r\n              </p>\r\n              <br />\r\n            </li>\r\n            <li>\r\n              <h4>\r\n                How do I invite the bot to my server?\r\n              </h4>\r\n              {/*<br/>*/}\r\n              <p>\r\n                During the alpha, it is not possible to invite the Discord bot to your Discord server yourself. If you'd like to try out ezscrims, feel free to contact us on our discord server.\r\n              </p>\r\n              {/* <p>\r\n                Visit the <a style={{ color: 'yellow' }} href='https://www.ezscrims.com/'>homepage</a> and click on \"add to server\". This will prompt you to sign into your Discord account and choose bot permissions. Lastly, choose the server you want to add the bot to and click add!\r\n              </p> */}\r\n              <br />\r\n            </li>\r\n            <li>\r\n              <h4>\r\n                What permissions does the bot need and why?\r\n                </h4>\r\n              {/*<br/>*/}\r\n              <ol>\r\n                <li>\r\n                  Read Messages - Required to read bot commands.\r\n                </li>\r\n                <li>\r\n                  Send Messages - Required to post scrim data in chat.\r\n                </li>\r\n                <li>\r\n                  Embed Links - Required to post scrim data in chat.\r\n                </li>\r\n                {/* <li>\r\n                  Add Reactions - Required to add reactions for voting for a server region and aborting a scrim.\r\n                </li> */}\r\n                <li>\r\n                  Manage messages (optional) - Required to remove reactions on the server voting message.\r\n                </li>\r\n              </ol>\r\n              <br />\r\n            </li>\r\n            <li>\r\n              <h4>\r\n                How do I start a scrim?\r\n              </h4>\r\n              {/*<br/>*/}\r\n              <p>\r\n                Simply type \"!scrim\" into a channel in your Discord server to start pugging.\r\n              </p>\r\n              <br />\r\n            </li>\r\n            <li>\r\n              <h4>\r\n                What customisation options are available on the server?\r\n              </h4>\r\n              {/*<br/>*/}\r\n              <p>\r\n                Our scrim servers come with a scrim plugin which allows players to vote for maps, choose captains and team members and more!\r\n              </p>\r\n              <br />\r\n            </li>\r\n            <li>\r\n              <h4>\r\n                Can I play with less than 10 people?\r\n              </h4>\r\n              {/*<br/>*/}\r\n              <p>\r\n                Absolutely! Using the .setup command on your server, you can customise the number of players on each team.\r\n              </p>\r\n              <br />\r\n            </li>\r\n            <li>\r\n              <h4>\r\n                What server regions are available?\r\n              </h4>\r\n              {/*<br/>*/}\r\n              <div>\r\n                <strong>\r\n                  EU\r\n                </strong>\r\n                <ul>\r\n                  <li>\r\n                    Amsterdam\r\n                  </li>\r\n                  <li>\r\n                    Barcelona\r\n                  </li>\r\n                  <li>\r\n                    Bristol\r\n                  </li>\r\n                  <li>\r\n                    Dusseldorf\r\n                  </li>\r\n                  <li>\r\n                    Istanbul\r\n                  </li>\r\n                  <li>\r\n                    Moscow\r\n                  </li>\r\n                  <li>\r\n                    Stockholm\r\n                  </li>\r\n                  <li>\r\n                    Strasbourg\r\n                  </li>\r\n                  <li>\r\n                    Warsaw\r\n                  </li>\r\n                </ul>\r\n                <strong>\r\n                  NA\r\n                </strong>\r\n                <ul>\r\n                  <li>\r\n                    Chicago\r\n                  </li>\r\n                  <li>\r\n                    Dallas\r\n                  </li>\r\n                  <li>\r\n                    Los Angeles\r\n                  </li>\r\n                  <li>\r\n                    New York City\r\n                  </li>\r\n                  <li>\r\n                    Portland\r\n                  </li>\r\n                </ul>\r\n                <strong>\r\n                  SEA/OCE\r\n                </strong>\r\n                <ul>\r\n                  <li>\r\n                    Singapore\r\n                  </li>\r\n                  <li>\r\n                    Sydney\r\n                  </li>\r\n                </ul>\r\n              </div>\r\n              <br />\r\n            </li>\r\n            <li>\r\n              <h4>\r\n                Why can't I connect to the CS:GO server?\r\n              </h4>\r\n              {/*<br/>*/}\r\n              <p>\r\n                Sometimes servers can take up to 60 seconds to boot, so if you can't connect straight away don't worry! If you still have issues connecting, try reconnecting after 10s. Otherwise, get in touch with our support team.\r\n              </p>\r\n              <br />\r\n            </li>\r\n            <li>\r\n              <h4>\r\n                How do I contact support?\r\n              </h4>\r\n              {/*<br/>*/}\r\n              <p>\r\n                The best place to contact us is in the <a style={{ color: '#7289DA' }} href='https://discord.gg/PADtEF9HK7'>#support</a> channel on our Discord!\r\n              </p>\r\n              <br />\r\n            </li>\r\n            <li>\r\n              <h4>\r\n                Do you collect any personal data?\r\n              </h4>\r\n              {/*<br/>*/}\r\n              {/* TODO: Extended privacy policy link */}\r\n              <p>\r\n                The only data we collect are the name and ID of any Discord servers that ezscrims is part of.\r\n              </p>\r\n              <br />\r\n            </li>\r\n            <li>\r\n              <h4>\r\n                What payment methods do you accept?\r\n              </h4>\r\n              {/*<br/>*/}\r\n              <p>\r\n                We are not taking any payments yet, but we aim to accept as many different payment methods as possible.\r\n              </p>\r\n              <br />\r\n            </li>\r\n          </ol>\r\n        </div>\r\n      </GenericSection>\r\n      {/*<GenericSection /> */}\r\n      {/* <Testimonial topDivider /> */}\r\n      {/* <Cta split /> */}\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default Faq;","import React from 'react';\r\nimport classNames from 'classnames';\r\nimport { SectionTilesProps } from '../../utils/SectionProps';\r\nimport SectionHeader from './partials/SectionHeader';\r\nimport Image from '../elements/Image';\r\n\r\nconst propTypes = {\r\n  ...SectionTilesProps.types\r\n}\r\n\r\nconst defaultProps = {\r\n  ...SectionTilesProps.defaults\r\n}\r\nconst FeaturesTiles = ({\r\n  className,\r\n  topOuterDivider,\r\n  bottomOuterDivider,\r\n  topDivider,\r\n  bottomDivider,\r\n  hasBgColor,\r\n  invertColor,\r\n  pushLeft,\r\n  ...props\r\n}) => {\r\n\r\n  const outerClasses = classNames(\r\n    'features-tiles section',\r\n    topOuterDivider && 'has-top-divider',\r\n    bottomOuterDivider && 'has-bottom-divider',\r\n    hasBgColor && 'has-bg-color',\r\n    invertColor && 'invert-color',\r\n    className\r\n  );\r\n\r\n  const innerClasses = classNames(\r\n    'features-tiles-inner section-inner',\r\n    topDivider && 'has-top-divider',\r\n    bottomDivider && 'has-bottom-divider'\r\n  );\r\n\r\n  const tilesClasses = classNames(\r\n    'tiles-wrap center-content',\r\n    pushLeft && 'push-left'\r\n  );\r\n\r\n  const sectionHeader = {\r\n    // title: 'Meet the team.',\r\n    // paragraph: 'We provide you with the best CS:GO experience.'\r\n  };\r\n\r\n  return (\r\n    <section\r\n      {...props}\r\n      className={outerClasses}\r\n      style={{paddingTop: \"0px\"}}\r\n    >\r\n      <div className=\"container\">\r\n        <div className={innerClasses}>\r\n          <SectionHeader data={sectionHeader} className=\"center-content\" />\r\n          <div className={tilesClasses}>\r\n\r\n            <div className=\"tiles-item reveal-from-bottom\">\r\n              <div className=\"tiles-item-inner\">\r\n                <div className=\"features-tiles-item-header\">\r\n                  <div className=\"features-tiles-item-image mb-16\">\r\n                    <Image\r\n                      src={require('./../../assets/images/face-man-outline.svg')}\r\n                      alt=\"Features tile icon 01\"\r\n                      width={128}\r\n                      height={128} />\r\n                  </div>\r\n                </div>\r\n                <div className=\"features-tiles-item-content\">\r\n                  <h4 className=\"mt-0 mb-8\">\r\n                    Matt\r\n                  </h4>\r\n                  <p className=\"m-0 text-sm\">\r\n                    Software Development and Hosting <br />\r\n                    Studying Comp. Sci.\r\n                    </p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"tiles-item reveal-from-bottom\" data-reveal-delay=\"200\">\r\n              <div className=\"tiles-item-inner\">\r\n                <div className=\"features-tiles-item-header\">\r\n                  <div className=\"features-tiles-item-image mb-16\">\r\n                    <Image\r\n                      src={require('./../../assets/images/face-woman-outline.svg')}\r\n                      alt=\"Features tile icon 02\"\r\n                      width={128}\r\n                      height={128} />\r\n                  </div>\r\n                </div>\r\n                <div className=\"features-tiles-item-content\">\r\n                  <h4 className=\"mt-0 mb-8\">\r\n                    Millie\r\n                  </h4>\r\n                  <p className=\"m-0 text-sm\">\r\n                    Product Development & Community Management <br />\r\n                    Studying Comp. Sci.\r\n                  </p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n            <div className=\"tiles-item reveal-from-bottom\" data-reveal-delay=\"400\">\r\n              <div className=\"tiles-item-inner\">\r\n                <div className=\"features-tiles-item-header\">\r\n                  <div className=\"features-tiles-item-image mb-16\">\r\n                    <Image\r\n                      src={require('./../../assets/images/face-man-outline.svg')}\r\n                      alt=\"Features tile icon 03\"\r\n                      width={128}\r\n                      height={128} />\r\n                  </div>\r\n                </div>\r\n                <div className=\"features-tiles-item-content\">\r\n                  <h4 className=\"mt-0 mb-8\">\r\n                    Steve\r\n                    </h4>\r\n                  <p className=\"m-0 text-sm\">\r\n                    Design & Product Development <br />\r\n                    Studying UX Design\r\n                  </p>\r\n                </div>\r\n              </div>\r\n            </div>\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n}\r\n\r\nFeaturesTiles.propTypes = propTypes;\r\nFeaturesTiles.defaultProps = defaultProps;\r\n\r\nexport default FeaturesTiles;","import React from 'react';\r\n// import sections\r\n// import Hero from '../components/sections/Hero';\r\nimport GenericSection from '../components/sections/GenericSection';\r\nimport FeaturesTiles from '../components/sections/FeaturesTilesAbout';\r\n\r\nconst About = () => {\r\n\r\n  return (\r\n    <>\r\n      <GenericSection bottomDivider>\r\n        <div>\r\n          <h1 style={{ textAlign: 'center' }}>About</h1>\r\n        </div>\r\n        \r\n        <div>\r\n          <h3>Who we are.</h3>\r\n          <p>\r\n          We are a group of students from Germany and the UK who have been playing video games for as long as we can remember. We are big fans of CS:GO, playing since 2013 with a combined 5000+ competitive matches between us.\r\n          </p>\r\n        </div>\r\n        <h3>Meet the team.</h3>\r\n        <FeaturesTiles />\r\n        <div>\r\n          <h3>Why ezscrims?</h3>\r\n          <p>\r\n            As keen competitive CS:GO players, we understand the importance of high-quality servers and ease of use when it comes to third-party services.\r\n          </p>\r\n          <p>\r\n            While other well-known platforms offer scrim services for players, we wanted to focus on offering an affordable and more importantly, easy-to-use alternative for your whole community. We offer this on a per-community basis and not a per-player basis.\r\n          </p>\r\n          {/* <p>\r\n            Ezscrims lets you host scrims faster, and effortlessly while allowing communities to focus on themselves, without the worries around hosting.\r\n          </p> */}\r\n          <p>\r\n            We know how Discord has become the focal point for many CS:GO communities. For this reason, we offer seamless integration with Discord, so you can start pugging effortlessly and focus on your community, without having to worry about hosting.\r\n          </p>\r\n        </div>\r\n\r\n        \r\n      </GenericSection>\r\n      \r\n      {/* <Testimonial topDivider /> */}\r\n      {/* <Cta split /> */}\r\n    </>\r\n  );\r\n}\r\n\r\nexport default About;","import React from 'react';\r\n// import sections\r\nimport Hero from '../components/sections/Hero';\r\n\r\nconst Pricing = () => {\r\n\r\n  return (\r\n    <>\r\n      <Hero className=\"illustration-section-01\" />\r\n      {/* <FeaturesSplit invertMobile topDivider imageFill className=\"illustration-section-02\" />\r\n      <FeaturesTiles /> */}\r\n      {/* <Testimonial topDivider /> */}\r\n      {/* <Cta split /> */}\r\n    </>\r\n  );\r\n}\r\n\r\nexport default Pricing;","import React, { useRef, useEffect } from 'react';\r\nimport { useLocation, Switch } from 'react-router-dom';\r\nimport AppRoute from './utils/AppRoute';\r\nimport ScrollReveal from './utils/ScrollReveal';\r\nimport CookieConsent from \"react-cookie-consent\";\r\nimport ReactGA from 'react-ga';\r\n\r\n// Layouts\r\nimport LayoutDefault from './layouts/LayoutDefault';\r\n\r\n// Views \r\nimport Home from './views/Home';\r\nimport Faq from './views/Faq';\r\nimport About from './views/About';\r\nimport Pricing from './views/Pricing';\r\n\r\n// Initialize Google Analytics\r\n\r\n\r\nconst trackPage = page => {\r\n  ReactGA.set({ page });\r\n  ReactGA.pageview(page);\r\n};\r\n\r\nconst App = () => {\r\n\r\n  const childRef = useRef();\r\n  let location = useLocation();\r\n\r\n  const handleAcceptCookie = () => {\r\n    // if (process.env.REACT_APP_GA_CODE) {\r\n    ReactGA.initialize(\"UA-191418512-1\");\r\n    const page = location.pathname;\r\n    trackPage(page);\r\n    // }\r\n    // UA-191418512-1\r\n  };\r\n\r\n  useEffect(() => {\r\n    \r\n    document.body.classList.add('is-loaded')\r\n    childRef.current.init();\r\n    // eslint-disable-next-line react-hooks/exhaustive-deps\r\n  }, [location]);\r\n\r\n  return (\r\n    <div>\r\n    <ScrollReveal\r\n      ref={childRef}\r\n      children={() => (\r\n        <Switch>\r\n          <AppRoute exact path=\"/\" component={Home} layout={LayoutDefault} />\r\n          <AppRoute exact path=\"/faq\" component={Faq} layout={LayoutDefault} />\r\n          <AppRoute exact path=\"/about\" component={About} layout={LayoutDefault} />\r\n          <AppRoute exact path=\"/pricing\" component={Pricing} layout={LayoutDefault} />\r\n        </Switch>\r\n      )} />\r\n      <CookieConsent enableDeclineButton onAccept={handleAcceptCookie} style={{ background: \"#167790\", fontSize: \"16px\" }}\r\n        buttonStyle={{ color: \"#000\", background: \"#FFFF50\", fontSize: \"16px\", borderRadius: \"2px\" }}\r\n        declineButtonText=\"Decline Cookies\" buttonText=\"Accept Cookies\"\r\n        declineButtonStyle={{ color: \"#000\", background: \"#C8D3D5\", fontSize: \"16px\", borderRadius: \"2px\" }}>\r\n        Ezscrims uses cookies to enhance the user experience.\r\n      </CookieConsent>\r\n      </div>\r\n  );\r\n}\r\n\r\nexport default App;","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n  window.location.hostname === 'localhost' ||\r\n    // [::1] is the IPv6 localhost address.\r\n    window.location.hostname === '[::1]' ||\r\n    // 127.0.0.1/8 is considered localhost for IPv4.\r\n    window.location.hostname.match(\r\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n    )\r\n);\r\n\r\nexport function register(config) {\r\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n    // The URL constructor is available in all browsers that support SW.\r\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\r\n    if (publicUrl.origin !== window.location.origin) {\r\n      // Our service worker won't work if PUBLIC_URL is on a different origin\r\n      // from what our page is served on. This might happen if a CDN is used to\r\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n      return;\r\n    }\r\n\r\n    window.addEventListener('load', () => {\r\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\r\n\r\n      if (isLocalhost) {\r\n        // This is running on localhost. Let's check if a service worker still exists or not.\r\n        checkValidServiceWorker(swUrl, config);\r\n\r\n        // Add some additional logging to localhost, pointing developers to the\r\n        // service worker/PWA documentation.\r\n        navigator.serviceWorker.ready.then(() => {\r\n          console.log(\r\n            'This web app is being served cache-first by a service ' +\r\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n          );\r\n        });\r\n      } else {\r\n        // Is not localhost. Just register service worker\r\n        registerValidSW(swUrl, config);\r\n      }\r\n    });\r\n  }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n  navigator.serviceWorker\r\n    .register(swUrl)\r\n    .then(registration => {\r\n      registration.onupdatefound = () => {\r\n        const installingWorker = registration.installing;\r\n        if (installingWorker == null) {\r\n          return;\r\n        }\r\n        installingWorker.onstatechange = () => {\r\n          if (installingWorker.state === 'installed') {\r\n            if (navigator.serviceWorker.controller) {\r\n              // At this point, the updated precached content has been fetched,\r\n              // but the previous service worker will still serve the older\r\n              // content until all client tabs are closed.\r\n              console.log(\r\n                'New content is available and will be used when all ' +\r\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n              );\r\n\r\n              // Execute callback\r\n              if (config && config.onUpdate) {\r\n                config.onUpdate(registration);\r\n              }\r\n            } else {\r\n              // At this point, everything has been precached.\r\n              // It's the perfect time to display a\r\n              // \"Content is cached for offline use.\" message.\r\n              console.log('Content is cached for offline use.');\r\n\r\n              // Execute callback\r\n              if (config && config.onSuccess) {\r\n                config.onSuccess(registration);\r\n              }\r\n            }\r\n          }\r\n        };\r\n      };\r\n    })\r\n    .catch(error => {\r\n      console.error('Error during service worker registration:', error);\r\n    });\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n  // Check if the service worker can be found. If it can't reload the page.\r\n  fetch(swUrl)\r\n    .then(response => {\r\n      // Ensure service worker exists, and that we really are getting a JS file.\r\n      const contentType = response.headers.get('content-type');\r\n      if (\r\n        response.status === 404 ||\r\n        (contentType != null && contentType.indexOf('javascript') === -1)\r\n      ) {\r\n        // No service worker found. Probably a different app. Reload the page.\r\n        navigator.serviceWorker.ready.then(registration => {\r\n          registration.unregister().then(() => {\r\n            window.location.reload();\r\n          });\r\n        });\r\n      } else {\r\n        // Service worker found. Proceed as normal.\r\n        registerValidSW(swUrl, config);\r\n      }\r\n    })\r\n    .catch(() => {\r\n      console.log(\r\n        'No internet connection found. App is running in offline mode.'\r\n      );\r\n    });\r\n}\r\n\r\nexport function unregister() {\r\n  if ('serviceWorker' in navigator) {\r\n    navigator.serviceWorker.ready.then(registration => {\r\n      registration.unregister();\r\n    });\r\n  }\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport { Router } from \"react-router-dom\";\r\nimport { createBrowserHistory } from \"history\";\r\n\r\nimport App from './App';\r\nimport * as serviceWorker from './serviceWorker';\r\n\r\n//import './App.css';\r\nimport './assets/scss/style.scss';\r\n\r\nconst history = createBrowserHistory();\r\n\r\nReactDOM.render(\r\n  <Router history={history}>\r\n    <App />\r\n  </Router>,\r\n  document.getElementById('root')\r\n);\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nserviceWorker.unregister();\r\n"],"sourceRoot":""}