Frontend

Frontend/src/App.js

@@ -12,6 +12,7 @@ import Register from './pages/Register';
 import { useEffect, useState } from 'react';
 import Test from './pages/Test';
 import AudioToSign from './pages/AudioToSign';
+import VocalTraining from './pages/VocalTraining';
 
 function App() {
     const[isLogged, setIsLogged] = useState(sessionStorage.getItem("isLogged"));
@@ -32,6 +33,7 @@ function App() {
                           {/* <Route path='*' element={<VideoToSign/>}/> */}
                           <Route exact path='/sign-detection' element={<VideoToSign/>}/>
                           <Route exact path='/audio-to-sign' element={<AudioToSign/>}/>
+                          <Route exact path='/vocal-training' element={<VocalTraining/>}/>
                         </Routes> 
                 
                 </div>

Frontend/src/components/SideNavBar.jsx

@@ -35,7 +35,7 @@ function SideNavBar() {
                         {/* සංඥා හඳුනාගැනීම */}
                         <NavLink exact to="/sign-detection" className="nav-link main-nav-link " activeClassName="active-link">ix&#123;d y÷kd.ekSu</NavLink>
                         {/* වාචික පුහුණුව */}
-                        <NavLink exact to="/services" className="nav-link main-nav-link" activeClassName="active-link">jdÑl mqyqKqj</NavLink>
+                        <NavLink exact to="/vocal-training" className="nav-link main-nav-link" activeClassName="active-link">jdÑl mqyqKqj</NavLink>
                     </nav>
                 </div>
             </div>