diff --git a/src/Index.tsx b/src/Index.tsx
index 4445b06..6082727 100644
--- a/src/Index.tsx
+++ b/src/Index.tsx
@@ -1,10 +1,10 @@
 import { useState, useEffect } from 'react'
 import { Routes, Route, useNavigate } from 'react-router-dom';
 import Dashboard from './pages/Dashboard'
-import Devices from './pages/DeviceList.tsx'
-import Extend from './pages/ExtendWirelessNetwork.tsx'
-import WirelessSettings from './pages/SystemSettings.tsx'
-import SystemSettings from './pages/WirelessSettings.tsx'
+import Devices from './pages/DeviceList'
+import Extend from './pages/ExtendWirelessNetwork'
+import WirelessSettings from './pages/SystemSettings'
+import SystemSettings from './pages/WirelessSettings'
 import Login from './pages/Login'
 import Register from './pages/Register'
 import Navbar from './components/Navbar'
@@ -32,7 +32,6 @@ function Index() {
 
   return(
     <>
-      <p>{ loginState }</p>
       <Navbar LoggedUser={ loggedUser } />
       <Routes>
         <Route path="/" element={<Dashboard RouterName={ routerName } TwoGExtendedName={ twoGExtendedName } FiveGExtendedName={ fiveGExtendedName } DevicesOnline={ devicesOnline } />} />
diff --git a/src/assets/arrow.png b/src/assets/arrow.png
index f7c54b9..da07f15 100644
Binary files a/src/assets/arrow.png and b/src/assets/arrow.png differ
diff --git a/src/assets/backups/arrow.png b/src/assets/backups/arrow.png
new file mode 100644
index 0000000..f7c54b9
Binary files /dev/null and b/src/assets/backups/arrow.png differ
diff --git a/src/assets/backups/device.png b/src/assets/backups/device.png
new file mode 100644
index 0000000..9c50641
Binary files /dev/null and b/src/assets/backups/device.png differ
diff --git a/src/assets/backups/extender.png b/src/assets/backups/extender.png
new file mode 100644
index 0000000..832d7f1
Binary files /dev/null and b/src/assets/backups/extender.png differ
diff --git a/src/assets/backups/gear.png b/src/assets/backups/gear.png
new file mode 100644
index 0000000..fda12ad
Binary files /dev/null and b/src/assets/backups/gear.png differ
diff --git a/src/assets/backups/globe.png b/src/assets/backups/globe.png
new file mode 100644
index 0000000..8456d97
Binary files /dev/null and b/src/assets/backups/globe.png differ
diff --git a/src/assets/backups/high_signal.png b/src/assets/backups/high_signal.png
new file mode 100644
index 0000000..702d5d5
Binary files /dev/null and b/src/assets/backups/high_signal.png differ
diff --git a/src/assets/backups/logo.png b/src/assets/backups/logo.png
new file mode 100644
index 0000000..a98152f
Binary files /dev/null and b/src/assets/backups/logo.png differ
diff --git a/src/assets/backups/low_signal.png b/src/assets/backups/low_signal.png
new file mode 100644
index 0000000..faa329c
Binary files /dev/null and b/src/assets/backups/low_signal.png differ
diff --git a/src/assets/backups/medium_signal.png b/src/assets/backups/medium_signal.png
new file mode 100644
index 0000000..8abed53
Binary files /dev/null and b/src/assets/backups/medium_signal.png differ
diff --git a/src/assets/backups/router.png b/src/assets/backups/router.png
new file mode 100644
index 0000000..8ea64a5
Binary files /dev/null and b/src/assets/backups/router.png differ
diff --git a/src/assets/backups/signal.png b/src/assets/backups/signal.png
new file mode 100644
index 0000000..69dc4f3
Binary files /dev/null and b/src/assets/backups/signal.png differ
diff --git a/src/assets/backups/very_low_signal.png b/src/assets/backups/very_low_signal.png
new file mode 100644
index 0000000..8439f27
Binary files /dev/null and b/src/assets/backups/very_low_signal.png differ
diff --git a/src/assets/device.png b/src/assets/device.png
index 9c50641..b94904f 100644
Binary files a/src/assets/device.png and b/src/assets/device.png differ
diff --git a/src/assets/extender.png b/src/assets/extender.png
index 832d7f1..26f570c 100644
Binary files a/src/assets/extender.png and b/src/assets/extender.png differ
diff --git a/src/assets/gear.png b/src/assets/gear.png
index fda12ad..837d969 100644
Binary files a/src/assets/gear.png and b/src/assets/gear.png differ
diff --git a/src/assets/globe.png b/src/assets/globe.png
index 8456d97..96c106f 100644
Binary files a/src/assets/globe.png and b/src/assets/globe.png differ
diff --git a/src/assets/high_signal.png b/src/assets/high_signal.png
index 702d5d5..9aac141 100644
Binary files a/src/assets/high_signal.png and b/src/assets/high_signal.png differ
diff --git a/src/assets/low_signal.png b/src/assets/low_signal.png
index faa329c..7b61556 100644
Binary files a/src/assets/low_signal.png and b/src/assets/low_signal.png differ
diff --git a/src/assets/medium_signal.png b/src/assets/medium_signal.png
index 8abed53..8e0dbf2 100644
Binary files a/src/assets/medium_signal.png and b/src/assets/medium_signal.png differ
diff --git a/src/assets/router.png b/src/assets/router.png
index 8ea64a5..fe4f375 100644
Binary files a/src/assets/router.png and b/src/assets/router.png differ
diff --git a/src/assets/signal.png b/src/assets/signal.png
index 69dc4f3..15c0aba 100644
Binary files a/src/assets/signal.png and b/src/assets/signal.png differ
diff --git a/src/assets/very_low_signal.png b/src/assets/very_low_signal.png
index 8439f27..e569875 100644
Binary files a/src/assets/very_low_signal.png and b/src/assets/very_low_signal.png differ
diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx
index 9a8c201..e236eef 100644
--- a/src/pages/Dashboard.tsx
+++ b/src/pages/Dashboard.tsx
@@ -1,3 +1,4 @@
+import { Link } from 'react-router-dom'
 import '../styles/Dashboard.css'
 import Globe from '../assets/globe.png'
 import Arrow from '../assets/arrow.png'
@@ -55,26 +56,34 @@ function Dashboard({ RouterName, TwoGExtendedName, FiveGExtendedName, DevicesOnl
       </header>
       <nav id="lowerNav">
         <ul>
-          <li>
-            <img src={ Devices } />
-            <h2>Device List</h2>
-            <p>{ DevicesOnline } Devices Online</p>
-          </li>
-          <li>
-            <img src={ Globe } />
-            <h2>Extend Network</h2>
-            <p>Amplify Network</p>
-          </li>
-          <li>
-            <img src={ Signal } />
-            <h2>Wireless Settings</h2>
-            <p>Set Extender Network Up</p>
-          </li>
-          <li>
-            <img src={ Gear } />
-            <h2>System Settings</h2>
-            <p>Change Extender Settings</p>
-          </li>
+          <Link to="/devices">
+            <li>
+              <img src={ Devices } />
+              <h2>Device List</h2>
+              <p>{ DevicesOnline } Devices Online</p>
+            </li>
+          </Link>
+          <Link to="/extend">
+            <li>
+              <img src={ Globe } />
+              <h2>Extend Network</h2>
+              <p>Amplify Network</p>
+            </li>
+          </Link>
+          <Link to="/wireless">
+            <li>
+              <img src={ Signal } />
+              <h2>Wireless Settings</h2>
+              <p>Set Extender Network Up</p>
+            </li>
+          </Link>
+          <Link to="/settings">
+            <li>
+              <img src={ Gear } />
+              <h2>System Settings</h2>
+              <p>Change Extender Settings</p>
+            </li>
+          </Link>
         </ul>
       </nav>
     </>
diff --git a/src/pages/WirelessSettings.tsx b/src/pages/WirelessSettings.tsx
index f3b083a..ee834b4 100644
--- a/src/pages/WirelessSettings.tsx
+++ b/src/pages/WirelessSettings.tsx
@@ -1,5 +1,5 @@
 function WirelessName() {
-  return <p>Wireless Name</p>
+  return <p>Wireless Name??????????</p>
 }
 
 export default WirelessName;
\ No newline at end of file
diff --git a/src/styles/Dashboard.css b/src/styles/Dashboard.css
index c9e7111..03a62b6 100644
--- a/src/styles/Dashboard.css
+++ b/src/styles/Dashboard.css
@@ -40,11 +40,15 @@ li {
 
 #lowerNav {
   margin-top: 20px;
+  display: flex;
+  justify-content: center;
 
   ul {
     justify-content: space-around;
+    max-width: fit-content;
   }
   li{
+    display: flex;
     padding: 40px;
     background-color: #071e42;
     justify-content: center;