diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index fd24066..dc09af0 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -15,7 +15,8 @@
         "pinia": "^3.0.3",
         "primevue": "^4.4.1",
         "vue": "^3.5.22",
-        "vue-router": "^4.6.3"
+        "vue-router": "^4.6.3",
+        "vuetify": "^3.10.7"
       },
       "devDependencies": {
         "@vitejs/plugin-vue": "^6.0.1",
@@ -4603,6 +4604,33 @@
         "vue": "^3.5.0"
       }
     },
+    "node_modules/vuetify": {
+      "version": "3.10.7",
+      "resolved": "https://registry.npmjs.org/vuetify/-/vuetify-3.10.7.tgz",
+      "integrity": "sha512-I7eyv5hkJbaWpUT97aDtf17VQXIEnGfEWyNRD/6nqVfYIbVAUNVUiXCtoPnuSH/mxpA3Z/duxOr/94KPn2Rf8g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/johnleider"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.7",
+        "vite-plugin-vuetify": ">=2.1.0",
+        "vue": "^3.5.0",
+        "webpack-plugin-vuetify": ">=3.1.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        },
+        "vite-plugin-vuetify": {
+          "optional": true
+        },
+        "webpack-plugin-vuetify": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/w3c-keyname": {
       "version": "2.2.8",
       "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index ceaf44d..bc06387 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -16,7 +16,8 @@
     "pinia": "^3.0.3",
     "primevue": "^4.4.1",
     "vue": "^3.5.22",
-    "vue-router": "^4.6.3"
+    "vue-router": "^4.6.3",
+    "vuetify": "^3.10.7"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^6.0.1",
diff --git a/frontend/src/components/SideBar.vue b/frontend/src/components/SideBar.vue
index 83c9000..9cecacb 100644
--- a/frontend/src/components/SideBar.vue
+++ b/frontend/src/components/SideBar.vue
@@ -2,6 +2,7 @@
 import { ref } from "vue";
 import { useRouter } from "vue-router";
 import {
+	Home,
 	Community,
 	Calendar,
 	Hammer,
@@ -13,6 +14,7 @@ import {
 
 const router = useRouter();
 const categories = [
+	{ name: "Home", icon: Home, url: "/" },
 	{ name: "Calendar", icon: Calendar, url: "/calendar" },
 	{ name: "Clients", icon: Community, url: "/clients" },
 	{ name: "Jobs", icon: Hammer, url: "/jobs" },