JSFiddle - React, Tailwind, and code Playground

HTML

<body>
<div id="home" class="home">
<a href="#about">About text</a>
<hr>
it's Home text
</div>
<div id="about" class="about">
<a href="#home">Home text</a>
<hr>
it's About text
</div>
</body>

CSS

BODY {overflow: hidden;}
.home {position: absolute; top: 0%; left: 0%; width: 100%; height: 100%;}
.about {position: absolute; top: 100%; left: 0%; width: 100%; height: 100%;}