Navigation Bar - Copy this React, Tailwind Component to your project

I need my navigation bar to be Active in the session I am currently viewing: <nav class="container mx auto px 6 py 3"> <div class="flex justify between items center"> <div class="text xl font bold text gray 800">LiveAgenda</div> <div class="hidden md:flex space x 4"> <a href="#features" class="text gray 700 font semibold hover:text gray 900">Funcionalidades</a> <a href="#pricing" class="text gray 700 font semibold hover:text gray 900">Planos</a> <a href="#benefits" class="text gray 700 font semibold hover:text gray 900">Benefícios</a> <a href="#questions" class="text gray 700 font semibold hover:text gray 900">Perguntas frequentes</a> </div> <div class="hidden md:flex space x 2"> <button class="bg blue 500 text white px 4 py 2 rounded hover:bg blue 600 transition duration 300 focus:outline none focus:ring 2 focus:ring blue 500 focus:ring opacity 50">Entrar</button> <button class="bg green 500 text white px 4 py 2 rounded hover:bg green 600 transition duration 300 focus:outline none focus:ring 2 focus:ring green 500 focus:ring opacity 50">Registrar</button> </div> <div class="md:hidden"> <button id="menu toggle" class="text gray 600 hover:text gray 800 focus:outline none"> <i class="fas fa bars"></i> </button> </div> </div> </nav>