diff --git a/src/components/navbar/Navbar.js b/src/components/navbar/Navbar.js
index 1a72aafc..03cf4010 100644
--- a/src/components/navbar/Navbar.js
+++ b/src/components/navbar/Navbar.js
@@ -1,4 +1,5 @@
 import React from "react";
+import { Link } from "react-router-dom"; // Importe o Link
 import "../../style/components/navbar.css";
 import logo from "../../assets/logo 3.svg";
 
@@ -9,14 +10,13 @@ const Navbar = () => {
 
       <div className="button-navbar">
         <button className="home-navbar">
-          <a href="http://localhost:3000/">Home</a>
+          <Link to="/">Home</Link> 
         </button>
         <button className="aboutUs-navbar">
-          <a href="http://localhost:3000/quemsomos">Quem Somos</a>
+          <Link to="/quemsomos">Quem Somos</Link>
         </button>
         <button className="contact-navbar">
-          {" "}
-          <a href="http://localhost:3000/contato">Contato</a>
+          <Link to="/contato">Contato</Link>
         </button>
       </div>
 
@@ -24,8 +24,8 @@ const Navbar = () => {
         <button className="users-navbar">
           Usuários
           <div className="dropdown-users-navbar">
-            <a href="http://localhost:3000/cadastro">Cadastro de usuário</a>
-            <a href="#">Edição de usuário</a>
+            <Link to="/cadastro">Cadastro de usuário</Link>
+            <Link to="#">Edição de usuário</Link>
           </div>
         </button>
       </div>
@@ -34,8 +34,8 @@ const Navbar = () => {
         <button className="printers-navbar">
           Impressoras
           <div className="dropdown-printers-navbar">
-            <a href="#">Cadastro de impressora</a>
-            <a href="#">Edição de impressora</a>
+            <Link to="#">Cadastro de impressora</Link>
+            <Link to="#">Edição de impressora</Link>
           </div>
         </button>
       </div>
diff --git a/src/components/navbar/NavbarContact.js b/src/components/navbar/NavbarContact.js
deleted file mode 100644
index 4a778974..00000000
--- a/src/components/navbar/NavbarContact.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import React from "react";
-import "../../style/components/navbarContact.css";
-import logo from "../../assets/logo 3.svg";
-
-const NavbarContact = () => {
-  return (
-    <div className="container-navbar-contact">
-      <img alt="" src={logo}></img>
-
-      <div className="button-navbar-contact">
-        <button className="home-navbar-contact">
-          <a href="http://localhost:3000/">Home</a>
-        </button>
-        <button className="aboutUs-navbar-contact">
-          <a href="http://localhost:3000/quemsomos">Quem Somos</a>
-        </button>
-        <button className="contact-navbar-contact">
-          {" "}
-          <a href="http://localhost:3000/contato">Contato</a>
-        </button>
-      </div>
-    </div>
-  );
-};
-export default NavbarContact;
diff --git a/src/components/navbar/NavbarSimple.js b/src/components/navbar/NavbarSimple.js
index 50b9d661..f8c80d95 100644
--- a/src/components/navbar/NavbarSimple.js
+++ b/src/components/navbar/NavbarSimple.js
@@ -1,29 +1,31 @@
 import React from "react";
+import { Link } from "react-router-dom"; // Importe o Link
 import "../../style/components/navbarSimple.css";
 import logo from "../../assets/logo 3.svg";
 
 const NavbarSimple = () => {
   return (
     <div className="container-navbar-simple">
-      <img alt="" src={logo}></img>
+      <img alt="" src={logo} />
 
       <div className="button-navbar-simple">
         <button className="home-navbar-simple">
-          <a href="http://localhost:3000/">Home</a>
+          <Link to="/">Home</Link> {/* Use o Link para navegar para a rota */}
         </button>
         <button className="aboutUs-navbar-simple">
-          <a href="http://localhost:3000/quemsomos">Quem Somos</a>
+          <Link to="/quemsomos">Quem Somos</Link>
         </button>
         <button className="contact-navbar-simple">
-          {" "}
-          <a href="http://localhost:3000/contato">Contato</a>
+          <Link to="/contato">Contato</Link>
         </button>
       </div>
 
       <div className="button-login-navbar-simple">
-        <button className="login-navbar-simple">
-          <a href="http://localhost:3000/login">Login</a>
-        </button>
+        <Link to="/login">
+          <button className="login-navbar-simple">
+            Login
+          </button>
+        </Link>
       </div>
     </div>
   );
diff --git a/src/pages/Contact.js b/src/pages/Contact.js
index 310eef8a..36defe73 100644
--- a/src/pages/Contact.js
+++ b/src/pages/Contact.js
@@ -3,7 +3,7 @@ import "../style/pages/contact.css";
 import Imagem_Homen from "../assets/imagem-homen-ruivo.svg";
 import Input from "../components/Input";
 import emailjs from "@emailjs/browser";
-import NavbarContact from "../components/navbar/NavbarContact";
+import NavbarSimple from "../components/navbar/NavbarSimple";
 
 export default function Contact() {
   const [nome, setNome] = useState("");
@@ -44,7 +44,7 @@ export default function Contact() {
 
   return (
     <>
-      <NavbarContact />
+      <NavbarSimple />
       <div className="Main-page-contact">
         <h1>Contato</h1>
         <div className="Contact-principal">
diff --git a/src/style/components/navbarContact.css b/src/style/components/navbarContact.css
deleted file mode 100644
index dbb216ca..00000000
--- a/src/style/components/navbarContact.css
+++ /dev/null
@@ -1,32 +0,0 @@
-.container-navbar-contact {
-  width: 100%;
-  background-color: #ffff;
-  height: 7vh;
-  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
-  margin-bottom: 5rem;
-  display: flex;
-}
-
-.container-navbar-contact img {
-  width: 18vw;
-  height: 7vh;
-}
-
-.button-navbar-contact button {
-  background-color: #ffff;
-  color: #003366;
-  border: none;
-  font-size: 18px;
-  padding-right: 75px;
-  cursor: pointer;
-  margin-top: 1.5rem;
-}
-.button-navbar-contact a {
-  text-decoration: none;
-  color: #003366;
-}
-.button-navbar-contact:hover {
-  background-color: #ffff;
-  color: #006633;
-  cursor: pointer;
-}
diff --git a/src/style/components/navbarSimple.css b/src/style/components/navbarSimple.css
index 74fe850b..6b77013e 100644
--- a/src/style/components/navbarSimple.css
+++ b/src/style/components/navbarSimple.css
@@ -47,6 +47,7 @@
 .button-login-navbar-simple a {
   text-decoration: none;
   color: #003366;
+  
 }
 
 .login-navbar-simple a {
@@ -54,6 +55,6 @@
   color: #003366;
 }
 .button-login-navbar-simple :hover {
-  background-color: #003366;
-  color: #ffff;
+  color: #006633;
+  border-color: #006633;
 }