src/components/NavigationBar/NavigationBar.tsx

@@ -64,7 +64,7 @@ const NavigationBar = () => {
                 </Link>
               </li>
               <li className="nav-item">
-                <Link className="nav-link" to="/cursos">
+                <Link className="nav-link" to="/institucionais">
                   INSTITUCIONAIS
                 </Link>
               </li>

src/components/Router/Router.tsx

@@ -4,6 +4,7 @@ import { Routes, Route, BrowserRouter } from "react-router-dom";
 import { Home } from "../../pages/Home";
 import { Teste } from "../../pages/Teste";
 import { Cursos } from "../../pages/Cursos";
+import { Institucionais } from "../../pages/Institucionais";
 /*
 import Home from "./Home";
 import Sobre from "./Sobre";
@@ -18,6 +19,10 @@ const RoutesUrl = () => {
     <Routes>
       <Route path="/" element={<Home titulo="Home" />}></Route>
       <Route path="/cursos" element={<Cursos titulo="Cursos" />} />
+      <Route
+        path="/institucionais"
+        element={<Institucionais titulo="Institucional" />}
+      />
     </Routes>
   );
 };

src/pages/Institucionais.tsx

@@ -0,0 +1,12 @@
+import { Caminhos } from "../components/Caminhos/Caminhos";
+import { InstitucionaisBody } from "../sectors/Body/InstitucionaisBody";
+const Institucionais = (prop: { titulo: string }) => {
+  return (
+    <div>
+      <Caminhos titulo={prop.titulo}></Caminhos>
+      <InstitucionaisBody></InstitucionaisBody>
+    </div>
+  );
+};
+
+export { Institucionais };

src/sectors/Body/CursosBody.tsx

@@ -1,7 +1,11 @@
 import React from "react";
 
 const CursosBody = () => {
-  return <h2>Cursos</h2>;
+  return (
+    <div>
+      <h2>Cursos</h2>;
+    </div>
+  );
 };
 
 export { CursosBody };

src/sectors/Body/InstitucionaisBody.tsx

@@ -0,0 +1,11 @@
+import React from "react";
+
+const InstitucionaisBody = () => {
+  return (
+    <div>
+      <h2>INSTITUCIONAL</h2>
+    </div>
+  );
+};
+
+export { InstitucionaisBody };