text: /*eslint-disable*/
  import React from "react";
  
  // reactstrap components
  import { Container } from "reactstrap";
  // core components
  
  function IndexHeader() {
    let pageHeader = React.createRef();
  
    React.useEffect(() => {
      if (window.innerWidth > 991) {
        const updateScroll = () => {
          let windowScrollTop = window.pageYOffset / 3;
          pageHeader.current.style.transform =
            "translate3d(0," + windowScrollTop + "px,0)";
        };
        window.addEventListener("scroll", updateScroll);
        return function cleanup() {
          window.removeEventListener("scroll", updateScroll);
        };
      }
    });
  
    return (
      <>
        <div className="page-header clear-filter" filter-color="black">
          <div
            className="page-header-image"
            style={{
              backgroundImage: "url(" + require("assets/img/chicago.jpg") + ")"
            }}
            ref={pageHeader}
          ></div>
          <Container>
            <div className="content-center brand">
              <img
                alt="..."
                className="n-logo"
                src={require("assets/img/logo.png")}
              ></img>
              <h1 className="h1-seo">SWOOSH</h1>
              <h2>Sell and Buy the Sneakers</h2>
            </div>
            <h6 className="category category-absolute">
              Coded by Nambda the Jinyong-Park. Designed by Jean Bon Chic
            </h6>
          
          </Container>
        </div>
      </>
    );
  }
  
  
  export default IndexHeader;
  