Frontend

frontend/src/App.tsx

@@ -2,6 +2,8 @@ import { useAuth } from "react-oidc-context";
 import "./App.css";
 import Footer from "./Components/Footer";
 import Navbar from "./Components/Navbar/Navbar";
+import LandingPage from "./Components/LandingPage";
+
 
 function App() {
   const auth = useAuth();
@@ -34,7 +36,7 @@ function App() {
       </div>
     );
   }
-  return [<Navbar />, <Footer />];
+  return [<Navbar />, <LandingPage />,<Footer />];
 }
 
 export default App;

frontend/src/Components/LandingPage.tsx

@@ -13,7 +13,6 @@ const LandingPage = () => {
 
     return (
         <div>
-            <Navbar />
             <div className="vh-100 vw-100 d-flex justify-content-center align-items-center" style={{ backgroundImage: `url(${backgroundImage})`, backgroundSize: 'cover', backgroundPosition: 'center', backgroundRepeat: 'no-repeat' }}>
                 <div className="text-white p-4 rounded text-center">
                     <main role="main">

frontend/src/Components/Navbar/Navbar.tsx

@@ -114,13 +114,14 @@ const Navbar = () => {
                     </Link>
                   </li>
                   <li className="navbar-item">
-                    <button
+                    <Link
                       className="nav-link"
                       onClick={() => auth.removeUser()}
+                      to="/LandingPage"
                       style={loginButtonStyles}
                     >
                       Log out
-                    </button>
+                    </Link>
                   </li>
                 </>
               ) : (