From 93e2b90796a9f2f3e4d26593d11680adf99600d8 Mon Sep 17 00:00:00 2001
From: Savio <savio.96@hotmail.com>
Date: Tue, 17 Jan 2023 16:55:01 -0300
Subject: [PATCH] feat(router): Adicionando Rotas

---
 .../NavigationBar/NavigationBar.tsx           | 36 +++----------------
 src/components/Router/Router.tsx              | 24 +++++++++----
 src/styles/partials/navigation.scss           |  9 +++++
 3 files changed, 30 insertions(+), 39 deletions(-)

diff --git a/src/components/NavigationBar/NavigationBar.tsx b/src/components/NavigationBar/NavigationBar.tsx
index 5bc3f68..b8a0c9a 100644
--- a/src/components/NavigationBar/NavigationBar.tsx
+++ b/src/components/NavigationBar/NavigationBar.tsx
@@ -30,48 +30,20 @@ const NavigationBar = () => {
         <div className="collapse navbar-collapse" id="navbarNavDropdown">
           <ul className="navbar-nav">
             <li className="nav-item">
-              <a className="nav-link active" aria-current="page" href="#">
-                Home
+              <a className="nav-link " aria-current="page" href="#">
+                CURSOS
               </a>
             </li>
             <li className="nav-item">
               <a className="nav-link" href="#">
-                Features
+                SAIBA MAIS
               </a>
             </li>
             <li className="nav-item">
               <a className="nav-link" href="#">
-                Pricing
+                INSTITUCIONAIS
               </a>
             </li>
-            <li className="nav-item dropdown">
-              <a
-                className="nav-link dropdown-toggle"
-                href="#"
-                role="button"
-                data-bs-toggle="dropdown"
-                aria-expanded="false"
-              >
-                Dropdown link
-              </a>
-              <ul className="dropdown-menu">
-                <li>
-                  <a className="dropdown-item" href="#">
-                    Action
-                  </a>
-                </li>
-                <li>
-                  <a className="dropdown-item" href="#">
-                    Another action
-                  </a>
-                </li>
-                <li>
-                  <a className="dropdown-item" href="#">
-                    Something else here
-                  </a>
-                </li>
-              </ul>
-            </li>
           </ul>
         </div>
       </div>
diff --git a/src/components/Router/Router.tsx b/src/components/Router/Router.tsx
index 465ae3c..71e3ea9 100644
--- a/src/components/Router/Router.tsx
+++ b/src/components/Router/Router.tsx
@@ -1,10 +1,20 @@
-import { BrowserRouter as Router, Route } from "react-router-dom";
-
 import React from "react";
-
-const Home = () => {
-  //const style = { background: "black" };
-  return <div /*style={style}*/></div>;
+import { Route, BrowserRouter } from "react-router-dom";
+import { Home } from "../../pages/Home";
+/*
+import Home from "./Home";
+import Sobre from "./Sobre";
+import Usuario from "./Usuario";
+<Route component={Home} path="/" exact />
+      <Route component={Sobre} path="/sobre" />
+      <Route component={Usuario} path="/usuario" />
+*/
+const Routes = () => {
+  return (
+    <BrowserRouter>
+      <Route path="/" element={<Home />} />
+    </BrowserRouter>
+  );
 };
 
-export { Home };
+export { Routes };
diff --git a/src/styles/partials/navigation.scss b/src/styles/partials/navigation.scss
index e36fff0..696ad3c 100644
--- a/src/styles/partials/navigation.scss
+++ b/src/styles/partials/navigation.scss
@@ -9,3 +9,12 @@
 .logoM3Img {
   width: 136px;
 }
+.nav-link {
+  font-family: "Roboto";
+  color: white;
+  font-size: 14px;
+  font-weight: 500;
+  @media screen and (min-width: 2500px) {
+    font-size: 28px;
+  }
+}