JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#services01">Service one</a>
<a href="#services02">Service two</a>
<a href="#services03">Service three</a>
<a href="#services04">Service four</a>

<div class="block" id="services01"><h1>Service one</h1></div>
<div class="block" id="services02"><h1>Service two</h1></div>
<div class="block" id="services03"><h1>Service three</h1></div>
<div class="block" id="services04"><h1>Service four</h1></div>

CSS

.block {
  display: none;
}

.block:target {
  display: block;
}