diff --git a/src/App.js b/src/App.js
index 014aa5e..e4735d6 100644
--- a/src/App.js
+++ b/src/App.js
@@ -10,6 +10,11 @@ import { Contact } from "./pages/Contact"
 
 function App() {
   const FBapp = initializeApp(FirebaseConfig)
+  // navigation array
+  const navItems = [
+    { label: "Home", link: "/" },
+  ]
+
   const saySomething = ( word ) => {
     alert( word )
   }
@@ -19,7 +24,7 @@ function App() {
       <Routes>
         <Route path="/" element={ <Home greeting="Hey you're at home!" /> } />
         <Route path="/about" element={ <About greeting="Hey you, this is about page!" handler={saySomething} /> } />
-        <Route path="/contact" element={ <Contact /> } />
+        <Route path="/contact" element={ <Contact greeting="Hey you, this is contact page!" /> } />
       </Routes>
     </div>
   );
diff --git a/src/components/Header.js b/src/components/Header.js
index 18309ed..02aea35 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -10,6 +10,8 @@ export function Header ( props ) {
             <Nav.Link href="/">Home</Nav.Link>
             <Nav.Link href="/about">About</Nav.Link>
             <Nav.Link href="/contact">Contact</Nav.Link>
+            <Nav.Link href="/signup">Create Account</Nav.Link>
+            <Nav.Link href="/signin">Sign in</Nav.Link>
             </Nav>
         </Container>
       </Navbar>)