JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
  <a href="#about">about</a>
  <a href="#benefits">benefits</a>
  <a href="#team">team</a>
  <a href="#path">path</a>
</nav>

CSS

nav {
  width: 100%;
  height: 48px;
  background-color: red;
  position: fixed;
}

JavaScript

$('nav > *').click(function(event){
    event.preventDefault();
    var navClicked = $(this).index();
    var elem = $(this).attr("href");
    $('body').scrollTop($(elem).offset().top - 32);
});