LandingPage.jsx

const Landing = () => {
  return (
    <div className="center background-img">
      <div className="center-box">
        <div className="white-box hpTitle">
          <h1>Where will your shoes take you?</h1>
        </div>
        <div className="row">
          <div className="col l3 offset-l2 m5 offset-m1 s10 offset-s1">
            <Link to="./products/womens">
              <h4 className="white-box">
                <strong>SHOP WOMEN</strong>
              </h4>
            </Link>
          </div>
          <div className="col l3 offset-l2 m5 offset-m0.5 s10 offset-s1">
            <Link to="./products/mens">
              <h4 className="white-box">
                <strong>SHOP MEN</strong>
              </h4>
            </Link>
          </div>
        </div>
      </div>
    </div>
  );
};