JSFiddle - React, Tailwind, and code Playground

HTML

<!-- Menú --> 
    <nav class="navbar navbar-expand-sm navbar-dark bg-dark fixed-top">
    <a data-scroll class="navbar-brand" href="#inicio">
    <img src="imagenes/logo.png" width="30px" height="30px" class="d-inline-block align-top" alt="Turibamba Ocio"/>Turibamba</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
    </button>
     
    <div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto text-center">
    <li class="nav-item active">
    <a data-scroll class="nav-link" href="#inicio">Inicio</span></a>
    </li>
    <li class="nav-item">
    <a data-scroll class="nav-link" href="#cumpleaños">Cumpleaños</a>
    </li>
    <li class="nav-item">
    <a data-scroll class="nav-link" href="#animaciones">Animaciones</a>
    </li>
    <li class="nav-item">
    <a data-scroll class="nav-link" href="#despedidas">Despedidas</a>
    </li>
    <li class="nav-item">
    <a data-scroll class="nav-link" href="#nosotras">Nosotras y el parque</a>
    </li>
    <li class="nav-item">
    <a data-scroll class="nav-link" href="#galeria">Galería</a>
    </li>
    <li class="nav-item">
    <a data-scroll class="nav-link" href="#tarifas">Tarifas</a>
    </li>
    <li class="nav-item">
    <a data-scroll class="nav-link" href="#contacto">Contacto</a>
    </li>
    </ul>
    </div>
    </nav>
    <!-- Fin menú -->
    <!-- Inicio -->
    <div class="container-fluid slider-inicio d-flex justify-content-center align-items-center" id="inicio">
    <div class="row flex-column">
    <div class="col-12 d-flex justify-content-center align-items-center pb-5"><img class="img-fluid" src="imagenes/turibamba.png"/></div>
    <h4 class="font-weight-bold d-flex justify-content-center pt-5">C/ Batalla de Arápiles, 24 (La Almozara)</h4>
    </div>
   ...

CSS

html, body{
height: 100vh;
}
 
.slider-inicio{
background:url("imagenes/fondo1.jpg");
height: 100vh;
background-size: cover;
background-position: center;
}
.fondo-galeria1{
background:url("imagenes/back5.jpg");
height: 100vh;
background-size: cover;
background-position: center;
}