diff --git a/package-lock.json b/package-lock.json
index f5fde62..2b6b812 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -17,7 +17,7 @@
         "@radix-ui/react-label": "^2.1.0",
         "@radix-ui/react-select": "^2.1.2",
         "@radix-ui/react-separator": "^1.1.0",
-        "@radix-ui/react-slot": "^1.1.0",
+        "@radix-ui/react-slot": "^1.1.1",
         "@radix-ui/react-tabs": "^1.1.2",
         "@radix-ui/react-tooltip": "^1.1.4",
         "@tanstack/react-query": "^5.62.8",
@@ -25,6 +25,7 @@
         "@uploadthing/react": "^7.1.3",
         "class-variance-authority": "^0.7.0",
         "clsx": "^2.1.1",
+        "date-fns": "^3.6.0",
         "express": "^4.21.2",
         "http": "^0.0.1-security",
         "i18next": "^24.0.5",
@@ -33,10 +34,10 @@
         "next": "^15.0.4",
         "react": "18.2.0",
         "react-calendar": "^5.1.0",
+        "react-day-picker": "^8.10.1",
         "react-dom": "18.2.0",
         "react-hook-form": "^7.54.2",
         "react-hot-toast": "^2.4.1",
-        "react-i18next": "^15.1.3",
         "react-icons": "^5.3.0",
         "react-loading-skeleton": "^3.5.0",
         "react-router-dom": "^7.0.2",
@@ -1559,6 +1560,24 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-collection/node_modules/@radix-ui/react-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
+      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-compose-refs": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.0.tgz",
@@ -1768,24 +1787,6 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-slot": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz",
-      "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@radix-ui/react-direction": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.0.tgz",
@@ -1977,6 +1978,24 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-menu/node_modules/@radix-ui/react-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
+      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-popper": {
       "version": "1.2.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.2.0.tgz",
@@ -2094,6 +2113,24 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-primitive/node_modules/@radix-ui/react-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
+      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-roving-focus": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.0.tgz",
@@ -2183,6 +2220,24 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-select/node_modules/@radix-ui/react-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
+      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-separator": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.0.tgz",
@@ -2207,11 +2262,12 @@
       }
     },
     "node_modules/@radix-ui/react-slot": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
-      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz",
+      "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==",
+      "license": "MIT",
       "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.0"
+        "@radix-ui/react-compose-refs": "1.1.1"
       },
       "peerDependencies": {
         "@types/react": "*",
@@ -2223,6 +2279,21 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-slot/node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.1.tgz",
+      "integrity": "sha512-Y9VzoRDSJtgFMUCoiZBDVo084VQ5hfpXxVE+NgkdNsjiDBByiImMZKKhxMwCbdHvhlENG6a833CbFkOQvTricw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-tabs": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.2.tgz",
@@ -2378,24 +2449,6 @@
         }
       }
     },
-    "node_modules/@radix-ui/react-tabs/node_modules/@radix-ui/react-slot": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.1.tgz",
-      "integrity": "sha512-RApLLOcINYJA+dMVbOju7MYv1Mb2EBp2nH4HdDzXTSyaR5optlm6Otrz1euW3HbdOR8UmmFK06TD+A9frYWv+g==",
-      "license": "MIT",
-      "dependencies": {
-        "@radix-ui/react-compose-refs": "1.1.1"
-      },
-      "peerDependencies": {
-        "@types/react": "*",
-        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
-      },
-      "peerDependenciesMeta": {
-        "@types/react": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/@radix-ui/react-tooltip": {
       "version": "1.1.4",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.1.4.tgz",
@@ -2430,6 +2483,24 @@
         }
       }
     },
+    "node_modules/@radix-ui/react-tooltip/node_modules/@radix-ui/react-slot": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.1.0.tgz",
+      "integrity": "sha512-FUCf5XMfmW4dtYl69pdS4DbxKy8nj4M7SafBgPllysxmdachynNflAdp/gCsnYWNDnge6tI9onzMp5ARYc1KNw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.0"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@radix-ui/react-use-callback-ref": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.0.tgz",
@@ -4331,6 +4402,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/date-fns": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-3.6.0.tgz",
+      "integrity": "sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/kossnocorp"
+      }
+    },
     "node_modules/debug": {
       "version": "4.3.7",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.3.7.tgz",
@@ -6196,15 +6277,6 @@
         "node": ">=10"
       }
     },
-    "node_modules/html-parse-stringify": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/html-parse-stringify/-/html-parse-stringify-3.0.1.tgz",
-      "integrity": "sha512-KknJ50kTInJ7qIScF3jeaFRpMpE8/lfiTdzf/twXyPBLAGrLRTmkz3AdTnKeh40X8k9L2fdYwEp/42WGXIRGcg==",
-      "license": "MIT",
-      "dependencies": {
-        "void-elements": "3.1.0"
-      }
-    },
     "node_modules/http": {
       "version": "0.0.1-security",
       "resolved": "https://registry.npmjs.org/http/-/http-0.0.1-security.tgz",
@@ -6379,15 +6451,6 @@
         "node": ">=12"
       }
     },
-    "node_modules/invariant": {
-      "version": "2.2.4",
-      "resolved": "https://registry.npmjs.org/invariant/-/invariant-2.2.4.tgz",
-      "integrity": "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA==",
-      "license": "MIT",
-      "dependencies": {
-        "loose-envify": "^1.0.0"
-      }
-    },
     "node_modules/ipaddr.js": {
       "version": "1.9.1",
       "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
@@ -8769,6 +8832,20 @@
         }
       }
     },
+    "node_modules/react-day-picker": {
+      "version": "8.10.1",
+      "resolved": "https://registry.npmjs.org/react-day-picker/-/react-day-picker-8.10.1.tgz",
+      "integrity": "sha512-TMx7fNbhLk15eqcMt+7Z7S2KF7mfTId/XJDjKE8f+IUcFn0l08/kI4FiYTL/0yuOLmEcbR4Fwe3GJf/NiiMnPA==",
+      "license": "MIT",
+      "funding": {
+        "type": "individual",
+        "url": "https://github.com/sponsors/gpbl"
+      },
+      "peerDependencies": {
+        "date-fns": "^2.28.0 || ^3.0.0",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/react-dom": {
       "version": "18.2.0",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.2.0.tgz",
@@ -8813,28 +8890,6 @@
         "react-dom": ">=16"
       }
     },
-    "node_modules/react-i18next": {
-      "version": "15.1.3",
-      "resolved": "https://registry.npmjs.org/react-i18next/-/react-i18next-15.1.3.tgz",
-      "integrity": "sha512-J11oA30FbM3NZegUZjn8ySK903z6PLBz/ZuBYyT1JMR0QPrW6PFXvl1WoUhortdGi9dM0m48/zJQlPskVZXgVw==",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/runtime": "^7.25.0",
-        "html-parse-stringify": "^3.0.1"
-      },
-      "peerDependencies": {
-        "i18next": ">= 23.2.3",
-        "react": ">= 16.8.0"
-      },
-      "peerDependenciesMeta": {
-        "react-dom": {
-          "optional": true
-        },
-        "react-native": {
-          "optional": true
-        }
-      }
-    },
     "node_modules/react-icons": {
       "version": "5.3.0",
       "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.3.0.tgz",
@@ -8883,20 +8938,20 @@
       }
     },
     "node_modules/react-remove-scroll-bar": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.6.tgz",
-      "integrity": "sha512-DtSYaao4mBmX+HDo5YWYdBWQwYIQQshUV/dVxFxK+KM26Wjwp1gZ6rv6OC3oujI6Bfu6Xyg3TwK533AQutsn/g==",
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.8.tgz",
+      "integrity": "sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==",
       "license": "MIT",
       "dependencies": {
-        "react-style-singleton": "^2.2.1",
+        "react-style-singleton": "^2.2.2",
         "tslib": "^2.0.0"
       },
       "engines": {
         "node": ">=10"
       },
       "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -8992,21 +9047,20 @@
       }
     },
     "node_modules/react-style-singleton": {
-      "version": "2.2.1",
-      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.1.tgz",
-      "integrity": "sha512-ZWj0fHEMyWkHzKYUr2Bs/4zU6XLmq9HsgBURm7g5pAVfyn49DgUiNgY2d4lXRlYSiCif9YBGpQleewkcqddc7g==",
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.3.tgz",
+      "integrity": "sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==",
       "license": "MIT",
       "dependencies": {
         "get-nonce": "^1.0.0",
-        "invariant": "^2.2.4",
         "tslib": "^2.0.0"
       },
       "engines": {
         "node": ">=10"
       },
       "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -10822,9 +10876,9 @@
       }
     },
     "node_modules/use-callback-ref": {
-      "version": "1.3.2",
-      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.2.tgz",
-      "integrity": "sha512-elOQwe6Q8gqZgDA8mrh44qRTQqpIHDcZ3hXTLjBe1i4ph8XpNJnO+aQf3NaG+lriLopI4HMx9VjQLfPQ6vhnoA==",
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.3.tgz",
+      "integrity": "sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==",
       "license": "MIT",
       "dependencies": {
         "tslib": "^2.0.0"
@@ -10833,8 +10887,8 @@
         "node": ">=10"
       },
       "peerDependencies": {
-        "@types/react": "^16.8.0 || ^17.0.0 || ^18.0.0",
-        "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
       },
       "peerDependenciesMeta": {
         "@types/react": {
@@ -10948,15 +11002,6 @@
         "d3-timer": "^3.0.1"
       }
     },
-    "node_modules/void-elements": {
-      "version": "3.1.0",
-      "resolved": "https://registry.npmjs.org/void-elements/-/void-elements-3.1.0.tgz",
-      "integrity": "sha512-Dhxzh5HZuiHQhbvTW9AMetFfBHDMYpo23Uo9btPXgdYP+3T5S+p+jgNy7spra+veYhBP2dCSgxR/i2Y02h5/6w==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/warning": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",
diff --git a/package.json b/package.json
index 35ab329..33398ea 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,7 @@
     "@radix-ui/react-label": "^2.1.0",
     "@radix-ui/react-select": "^2.1.2",
     "@radix-ui/react-separator": "^1.1.0",
-    "@radix-ui/react-slot": "^1.1.0",
+    "@radix-ui/react-slot": "^1.1.1",
     "@radix-ui/react-tabs": "^1.1.2",
     "@radix-ui/react-tooltip": "^1.1.4",
     "@tanstack/react-query": "^5.62.8",
@@ -32,6 +32,7 @@
     "@uploadthing/react": "^7.1.3",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
+    "date-fns": "^3.6.0",
     "express": "^4.21.2",
     "http": "^0.0.1-security",
     "i18next": "^24.0.5",
@@ -40,10 +41,10 @@
     "next": "^15.0.4",
     "react": "18.2.0",
     "react-calendar": "^5.1.0",
+    "react-day-picker": "^8.10.1",
     "react-dom": "18.2.0",
     "react-hook-form": "^7.54.2",
     "react-hot-toast": "^2.4.1",
-    "react-i18next": "^15.1.3",
     "react-icons": "^5.3.0",
     "react-loading-skeleton": "^3.5.0",
     "react-router-dom": "^7.0.2",
diff --git a/prisma/schema.prisma b/prisma/schema.prisma
index b1b694a..ac24076 100644
--- a/prisma/schema.prisma
+++ b/prisma/schema.prisma
@@ -52,6 +52,8 @@ model User {
 
   Department Department? @relation(fields: [departmentId], references: [id])
   university University? @relation("UserToUniversity", fields: [universityId], references: [id])
+
+  Policy Policy[]
 }
 
 model University {
@@ -77,6 +79,8 @@ model University {
   subjects         Subject[]
   admin            User               @relation("universityAdmin", fields: [adminId], references: [id])
   users            User[]             @relation("UserToUniversity")
+
+  Policy Policy[]
 }
 
 model NonTeachingStaff {
@@ -174,6 +178,8 @@ model Department {
   timeTable        TimeTable[]
   User             User[]
   classes          Class[]
+
+  Policy Policy[]
 }
 
 model Course {
@@ -413,6 +419,7 @@ model Announcement {
   category     String
   departmentId Int
   universityId Int
+  announcerName String
   createdAt    DateTime @default(now())
   updatedAt    DateTime @default(now())
 
@@ -450,10 +457,30 @@ model Event {
   budget       Int
   organiserId  String
   universityId Int
-  departmentId Int?
+  departmentId Int
   createdAt    DateTime    @default(now())
   updatedAt    DateTime    @default(now())
   department   Department? @relation(fields: [departmentId], references: [id])
   organiser    User        @relation(fields: [organiserId], references: [clerkId])
   university   University  @relation(fields: [universityId], references: [id])
 }
+
+model Policy {
+  id             Int       @id @default(autoincrement())
+  title          String
+  description    String?
+  attachments    Json[]    
+  category       String    
+  effectiveDate  String  
+  expiryDate     String?
+  departmentId   Int
+  universityId   Int
+  authorId       String
+  authorName     String
+  createdAt      DateTime  @default(now())
+  updatedAt      DateTime  @default(now())
+
+  sharedBy       User       @relation(fields: [authorId], references: [clerkId])
+  department     Department @relation(fields: [departmentId], references: [id])
+  university     University @relation(fields: [universityId], references: [id])
+}
diff --git a/prisma/seed.js b/prisma/seed.js
index 105403d..dac8ca8 100755
--- a/prisma/seed.js
+++ b/prisma/seed.js
@@ -102,8 +102,8 @@ async function main() {
   const dummyPrincipalUser = await prisma.user.create({
     // Principal
     data: {
-      id: "user_2qcpeeEw8rTPzWIKUgjppr0xWUo",
-      clerkId: "user_2qcpeeEw8rTPzWIKUgjppr0xWUo",
+      id: "user_2qrHhQZhnV8h24O5Yw52yYm3dws",
+      clerkId: "user_2qrHhQZhnV8h24O5Yw52yYm3dws",
       name: "Nilax Modi",
       email: "principal_uit@ku.edu.in",
       phone: "7894567898",
@@ -123,8 +123,8 @@ async function main() {
   const dummyDeanUser = await prisma.user.create({
     // Dean
     data: {
-      id: "user_2qVuNTsat2QYT68j069juHP3cqI",
-      clerkId: "user_2qVuNTsat2QYT68j069juHP3cqI",
+      id: "user_2qrHoqnzAhnRgTExHVB4qoCoU9Y",
+      clerkId: "user_2qrHoqnzAhnRgTExHVB4qoCoU9Y",
       name: "Mohak shah",
       email: "dean_uit@ku.edu.in",
       phone: "7894567898",
@@ -497,4 +497,3 @@ main()
     process.exit(1)
   })
 
-
diff --git a/src/app/(module)/announcements/_components/AnnouncementCard.tsx b/src/app/(module)/announcements/_components/AnnouncementCard.tsx
index 2fa0d25..719a1e8 100644
--- a/src/app/(module)/announcements/_components/AnnouncementCard.tsx
+++ b/src/app/(module)/announcements/_components/AnnouncementCard.tsx
@@ -1,4 +1,4 @@
-import { useState } from "react"
+import { useContext, useState } from "react"
 import { useRouter } from "next/navigation"
 import {
   ChevronDown,
@@ -7,29 +7,21 @@ import {
   Edit,
   Loader2,
   Paperclip,
-  Trash2
+  Trash2,
+  User
 } from "lucide-react"
 import toast from "react-hot-toast"
-
-// Format date function
-const formatDate = (dateString: string) => {
-  return new Date(dateString).toLocaleDateString("en-US", {
-    year: "numeric",
-    month: "long",
-    day: "numeric"
-  })
-}
+import { UserContext } from "@/context/user"
 
 export default function AnnouncementCard({
   announcement,
-  refetch,
-  canCreateAnnouncement
+  refetch
 }: {
   announcement: any
   refetch: () => void
-  canCreateAnnouncement: boolean
 }) {
   const router = useRouter()
+  const { user } = useContext(UserContext)
   const [isExpanded, setIsExpanded] = useState<boolean>(false)
   const [isDeleting, setIsDeleting] = useState<boolean>(false)
   const [showConfirmDelete, setShowConfirmDelete] = useState<boolean>(false)
@@ -62,14 +54,18 @@ export default function AnnouncementCard({
   }
 
   return (
-    <div className="group p-3 mx-0.5 sm:p-4 md:p-6 bg-white hover:bg-lamaSkyLight/50 transition-all duration-300 rounded-lg shadow-sm hover:shadow-lg border border-transparent hover:border-ColorThree/20">
+    <div className="group p-3 mx-0.5 sm:p-4 md:p-6 bg-lamaSkyLight/50 hover:bg-white transition-all duration-300 rounded-lg shadow-sm hover:shadow-lg border border-ColorThree/20">
       <div className="flex flex-col sm:flex-row justify-between items-start gap-2 sm:gap-4 mb-2 sm:mb-3">
         <h2 className="text-lg sm:text-xl font-semibold text-TextTwo group-hover:text-ColorThree transition-colors line-clamp-2">
           {announcement.title}
         </h2>
+        <div className="text-base flex items-center gap-1.5 sm:text-xl font-semibold text-TextTwo group-hover:text-ColorThree transition-colors">
+          <User size={18} className="shrink-0" />
+          {announcement.announcerName}
+        </div>
         <div className="flex items-center text-xs sm:text-sm text-TextTwo/70 whitespace-nowrap bg-lamaSkyLight px-3 py-1 rounded-full">
           <Clock size={14} className="mr-1.5 shrink-0" />
-          {formatDate(announcement.createdAt)}
+          {`${new Date(announcement.updatedAt).toLocaleString()}`}
         </div>
       </div>
 
@@ -123,7 +119,7 @@ export default function AnnouncementCard({
         </div>
       )}
 
-      {canCreateAnnouncement && (
+      {announcement.announcerId === user?.id && (
         <div className="mt-6 flex flex-col sm:flex-row gap-3 sm:justify-end">
           <button
             onClick={handleEdit}
diff --git a/src/app/(module)/announcements/form/page.tsx b/src/app/(module)/announcements/form/page.tsx
index 9191b77..9cb4e2c 100644
--- a/src/app/(module)/announcements/form/page.tsx
+++ b/src/app/(module)/announcements/form/page.tsx
@@ -160,6 +160,7 @@ export default function CreateAnnouncement() {
         universityId: user?.universityId,
         announcerId: user?.id,
         category,
+        announcerName: user?.name,
         attachments: [...existingFiles, ...uploadedFileData]
       }
 
diff --git a/src/app/(module)/announcements/page.tsx b/src/app/(module)/announcements/page.tsx
index 78c0c8d..f0fc13e 100644
--- a/src/app/(module)/announcements/page.tsx
+++ b/src/app/(module)/announcements/page.tsx
@@ -117,7 +117,6 @@ export default function AnnouncementsPage() {
                         key={announcement.id}
                         announcement={announcement}
                         refetch={refetch}
-                        canCreateAnnouncement={canCreateAnnouncement}
                       />
                     ))
                 ) : (
diff --git a/src/app/(module)/policy/_components/PolicyCard.tsx b/src/app/(module)/policy/_components/PolicyCard.tsx
new file mode 100644
index 0000000..f3da4cc
--- /dev/null
+++ b/src/app/(module)/policy/_components/PolicyCard.tsx
@@ -0,0 +1,257 @@
+import { useContext, useState } from "react"
+import { useRouter } from "next/navigation"
+import {
+  Calendar,
+  ChevronDown,
+  ChevronUp,
+  Clock,
+  Edit,
+  Loader2,
+  Paperclip,
+  Trash2,
+  User
+} from "lucide-react"
+import toast from "react-hot-toast"
+import { UserContext } from "@/context/user"
+
+// Format date function
+const formatDate = (dateString: string) => {
+  return new Date(dateString).toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  })
+}
+
+export default function PolicyCard({
+  policy,
+  refetch
+}: {
+  policy: any
+  refetch: () => void
+}) {
+  const router = useRouter()
+  const { user } = useContext(UserContext)
+  const [isExpanded, setIsExpanded] = useState<boolean>(false)
+  const [isDeleting, setIsDeleting] = useState<boolean>(false)
+  const [showConfirmDelete, setShowConfirmDelete] = useState<boolean>(false)
+  const isLongText = policy.description.length > 150
+
+  const handleEdit = () => {
+    router.push(`/policy/form?policyId=${policy.id}`)
+  }
+
+  const handleDelete = async () => {
+    setIsDeleting(true)
+    try {
+      const response = await fetch(`/api/policy`, {
+        method: "DELETE",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ id: policy.id })
+      })
+
+      if (!response.ok) {
+        toast.error("Failed to delete policy")
+      }
+
+      refetch() // Refetch policys
+    } catch (error) {
+      if (error) toast.error("Failed to delete policy")
+    } finally {
+      setIsDeleting(false)
+      setShowConfirmDelete(false)
+    }
+  }
+
+  return (
+    <div className="group bg-lamaSkyLight/30  hover:bg-white transition-all duration-300 rounded-xl shadow-sm hover:shadow-lg border border-ColorThree/20 overflow-hidden">
+      {/* Header Section */}
+      <div className="p-4 sm:p-6 space-y-4">
+        <div className="flex flex-col sm:flex-row justify-between items-start gap-3">
+          <h2 className="text-lg sm:text-xl font-semibold text-TextTwo group-hover:text-ColorThree transition-colors">
+            {policy.title}
+          </h2>
+          <div className="text-base flex items-center gap-1.5 sm:text-xl font-semibold text-TextTwo group-hover:text-ColorThree transition-colors">
+            <User size={18} className="shrink-0" />
+            {policy.authorName}
+          </div>
+          <div className="flex flex-wrap gap-2">
+            <span className="inline-flex items-center text-xs sm:text-sm text-TextTwo/70 bg-lamaSkyLight/70 px-3 py-1 rounded-full">
+              <Clock size={14} className="mr-1.5 shrink-0" />
+              {`${new Date(policy.updatedAt).toLocaleString()}`}
+            </span>
+          </div>
+        </div>
+
+        {/* Description Section */}
+        <div className="relative">
+          <p
+            className={`text-sm sm:text-base text-TextTwo/80 leading-relaxed ${
+              isExpanded ? "whitespace-normal break-words" : "line-clamp-3"
+            }`}
+          >
+            {policy.description}
+          </p>
+          {isLongText && (
+            <button
+              onClick={() => setIsExpanded(!isExpanded)}
+              className="mt-2 text-ColorThree hover:text-ColorThree/80 text-sm font-medium flex items-center gap-1"
+            >
+              {isExpanded ? (
+                <>
+                  Show less <ChevronUp size={16} />
+                </>
+              ) : (
+                <>
+                  Show more <ChevronDown size={16} />
+                </>
+              )}
+            </button>
+          )}
+        </div>
+
+        {/* Timeline Section */}
+        <div className="bg-lamaSkyLight/40 rounded-lg p-4">
+          <div className="flex flex-col space-y-3">
+            <div className="flex items-center justify-between">
+              <span className="text-sm font-medium text-TextTwo/70">
+                Timeline
+              </span>
+              <Calendar size={18} className="text-ColorThree" />
+            </div>
+
+            <div className="relative flex flex-col sm:flex-row items-start sm:items-center gap-4 sm:gap-2">
+              <div className="flex-1">
+                <div className="flex flex-col">
+                  <span className="text-xs uppercase tracking-wider text-TextTwo/60 mb-1">
+                    Effective From
+                  </span>
+                  <div className="flex flex-col xs:flex-row gap-1 xs:gap-2">
+                    <span className="text-sm font-semibold text-ColorThree">
+                      {formatDate(policy.effectiveDate)}
+                    </span>
+                  </div>
+                </div>
+              </div>
+
+              {policy.expiryDate && (
+                <>
+                  <div className="hidden sm:block h-0.5 w-[20%] mr-5 bg-gradient-to-r from-ColorThree to-red-400 rounded" />
+                  <div className="flex-1">
+                    <div className="flex flex-col">
+                      <span className="text-xs uppercase tracking-wider text-TextTwo/60 mb-1">
+                        Expires On
+                      </span>
+                      <span className="text-sm font-semibold text-red-500">
+                        {formatDate(policy.expiryDate)}
+                      </span>
+                    </div>
+                  </div>
+                </>
+              )}
+
+              {policy.expiryDate && (
+                <div className="sm:ml-4">
+                  {new Date(policy.expiryDate) > new Date() ? (
+                    <span className="inline-flex items-center px-2 py-1 rounded-full bg-green-100 text-green-700 text-xs">
+                      Active
+                    </span>
+                  ) : (
+                    <span className="inline-flex items-center px-2 py-1 rounded-full bg-red-100 text-red-700 text-xs">
+                      Expired
+                    </span>
+                  )}
+                </div>
+              )}
+            </div>
+          </div>
+        </div>
+
+        {/* Rest of the component remains the same */}
+        {/* Attachments Section */}
+        {policy.attachments?.length > 0 && (
+          <div className="bg-white border border-ColorThree/10 rounded-lg p-4">
+            <div className="flex items-center text-xs sm:text-sm text-TextTwo/70 mb-3">
+              <Paperclip size={14} className="mr-1.5 shrink-0" />
+              Attachments ({policy.attachments.length})
+            </div>
+            <div className="flex flex-wrap gap-2">
+              {policy.attachments.map((attachment: any, index: any) => (
+                <a
+                  key={index}
+                  href={attachment.url}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="inline-flex items-center px-3 sm:px-4 py-1.5 sm:py-2 rounded-full text-xs sm:text-sm 
+                    bg-lamaSkyLight/30 text-ColorThree hover:bg-ColorThree hover:text-white
+                    transition-all duration-200 hover:shadow-md truncate border border-ColorThree/20"
+                >
+                  {attachment.fileName}
+                </a>
+              ))}
+            </div>
+          </div>
+        )}
+      </div>
+
+      {/* Actions Section */}
+      {policy.authorId === user?.id && (
+        <div className="px-4 sm:px-6 py-4 mt-2">
+          <div className="flex flex-col sm:flex-row gap-3 sm:justify-end">
+            <button
+              onClick={handleEdit}
+              className="inline-flex items-center justify-center px-4 py-2 rounded-lg text-ColorThree border border-ColorThree 
+              hover:bg-ColorThree hover:text-white transition-all duration-200 gap-2 group/edit w-full sm:w-auto"
+            >
+              <Edit
+                size={16}
+                className="transition-transform group-hover/edit:rotate-12"
+              />
+              Edit
+            </button>
+
+            {showConfirmDelete ? (
+              <div className="flex flex-col sm:flex-row gap-2 w-full sm:w-auto">
+                <button
+                  onClick={() => setShowConfirmDelete(false)}
+                  className="inline-flex items-center justify-center px-4 py-2 rounded-lg text-red-600 border border-red-600
+                  w-full sm:w-auto hover:bg-red-50 transition-all duration-200"
+                >
+                  Cancel
+                </button>
+                <button
+                  onClick={handleDelete}
+                  disabled={isDeleting}
+                  className="bg-red-500 text-white px-4 py-2 rounded-lg hover:bg-red-600 
+                  transition-all duration-200 disabled:bg-gray-400 disabled:cursor-not-allowed
+                  flex items-center justify-center gap-2 w-full sm:w-auto"
+                >
+                  {isDeleting ? (
+                    <>
+                      <Loader2 size={16} className="animate-spin" />
+                      Deleting...
+                    </>
+                  ) : (
+                    "Confirm Delete"
+                  )}
+                </button>
+              </div>
+            ) : (
+              <button
+                onClick={() => setShowConfirmDelete(true)}
+                className="bg-red-500 text-white px-4 py-2 rounded-lg hover:bg-red-600 
+                transition-all duration-200 flex items-center justify-center gap-2 group/delete w-full sm:w-auto"
+              >
+                <Trash2
+                  size={16}
+                  className="transition-transform group-hover/delete:rotate-12"
+                />
+                Delete
+              </button>
+            )}
+          </div>
+        </div>
+      )}
+    </div>
+  )
+}
diff --git a/src/app/(module)/policy/form/page.tsx b/src/app/(module)/policy/form/page.tsx
new file mode 100644
index 0000000..fb1dc4d
--- /dev/null
+++ b/src/app/(module)/policy/form/page.tsx
@@ -0,0 +1,370 @@
+"use client"
+
+import React, { useCallback, useContext, useEffect, useState } from "react"
+import { Loader2 } from "lucide-react"
+import { UploadthingUploader } from "@/components/(commnon)/UploadthingUploader"
+import { UserContext } from "@/context/user"
+import { useUploadThing } from "@/utils/uploadthing"
+import { UploadedFile } from "@/types/globals"
+import { useRouter, useSearchParams } from "next/navigation"
+import toast from "react-hot-toast"
+
+interface FileWithPreview extends File {
+  preview?: string
+  existing?: boolean
+  url?: string
+}
+
+export default function CreateOrUpdatePolicy() {
+  const searchParams = useSearchParams()
+  const policyId = searchParams.get("policyId")
+  const { user } = useContext(UserContext)
+  const [title, setTitle] = useState<string>("")
+  const [description, setDescription] = useState<string>("")
+  const [files, setFiles] = useState<FileWithPreview[]>([])
+  const [category, setCategory] = useState<string>("academic")
+  const [effectiveDate, setEffectiveDate] = useState<string>("")
+  const [expiryDate, setExpiryDate] = useState<string>("")
+  const [uploading, setUploading] = useState<boolean>(false)
+  const [isSubmitting, setIsSubmitting] = useState<boolean>(false)
+  const [isLoading, setIsLoading] = useState<boolean>(false)
+  const router = useRouter()
+
+  useEffect(() => {
+    const fetchPolicyDetails = async () => {
+      if (!policyId) return
+
+      setIsLoading(true)
+      try {
+        const response = await fetch(
+          `/api/policy?route=findOne&&policyId=${policyId}`
+        )
+        if (!response.ok) {
+          throw new Error("Failed to fetch the policy details")
+        }
+
+        const data = await response.json()
+        setTitle(data.title)
+        setDescription(data.description)
+        setCategory(data.category)
+        setEffectiveDate(data.effectiveDate)
+        setExpiryDate(data.expiryDate)
+
+        // Handle existing attachments
+        if (data.attachments?.length > 0) {
+          const existingFiles = data.attachments.map((attachment: any) => ({
+            name: attachment.fileName,
+            url: attachment.url,
+            preview: attachment.url,
+            existing: true
+          }))
+          setFiles(existingFiles)
+        }
+      } catch (error) {
+        if (error) toast.error("Failed to fetch the policy details")
+      } finally {
+        setIsLoading(false)
+      }
+    }
+
+    fetchPolicyDetails()
+  }, [policyId])
+
+  const { startUpload, routeConfig } = useUploadThing("attachmentsUploader", {
+    onClientUploadComplete: () => {
+      setUploading(false)
+      files.forEach((file) => {
+        if (file.preview) {
+          URL.revokeObjectURL(file.preview)
+        }
+      })
+    },
+    onUploadError: () => {
+      toast.error("Failed to upload file")
+      setUploading(false)
+    },
+    onUploadBegin: () => {
+      setUploading(true)
+    }
+  })
+
+  const generatePreview = (file: File) => {
+    const fileWithPreview = file as File & { preview?: string }
+    if (file.type.startsWith("image/")) {
+      fileWithPreview.preview = URL.createObjectURL(file)
+    }
+    return fileWithPreview
+  }
+
+  const onDrop = useCallback(
+    async (acceptedFiles: File[]) => {
+      const uniqueFiles = acceptedFiles.filter((file) => {
+        return !files.some((existingFile) => existingFile.name === file.name)
+      })
+      const filesWithPreviews = uniqueFiles.map(generatePreview)
+      setFiles((prevFiles) => [...prevFiles, ...filesWithPreviews])
+    },
+    [files]
+  )
+
+  const removeFile = (indexToRemove: number) => {
+    setFiles((prevFiles) => {
+      const newFiles = prevFiles.filter((_, index) => index !== indexToRemove)
+      if (prevFiles[indexToRemove].preview) {
+        URL.revokeObjectURL(prevFiles[indexToRemove].preview!)
+      }
+      return newFiles
+    })
+  }
+
+  useEffect(() => {
+    return () => {
+      files.forEach((file) => {
+        if (file.preview) {
+          URL.revokeObjectURL(file.preview)
+        }
+      })
+    }
+  }, [files])
+
+  const handleFormSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault()
+    setIsSubmitting(true)
+
+    try {
+      let uploadedFileData: UploadedFile[] = []
+
+      // Handle new file uploads
+      const newFiles = files.filter((file) => !file.existing)
+      if (newFiles.length > 0) {
+        const uploadedFiles = await startUpload(newFiles)
+
+        if (uploadedFiles) {
+          uploadedFileData = uploadedFiles.map((file) => ({
+            url: file.url,
+            fileType: file.name.split(".").pop()?.toLowerCase() || "",
+            fileName: file.name
+          }))
+        }
+      }
+
+      // Keep existing files in the upload data
+      const existingFiles = files
+        .filter((file) => file.existing)
+        .map((file) => ({
+          url: file.url,
+          fileName: file.name,
+          fileType: file.name.split(".").pop()?.toLowerCase() || ""
+        }))
+
+      const formData = {
+        title,
+        description,
+        category,
+        departmentId: user?.departmentId,
+        universityId: user?.universityId,
+        authorId: user?.id,
+        authorName: user?.name,
+        effectiveDate,
+        expiryDate,
+        attachments: [...existingFiles, ...uploadedFileData]
+      }
+
+      const response = await fetch(
+        `/api/policy${policyId ? `?id=${policyId}` : ""}`,
+        {
+          method: "PATCH",
+          headers: { "Content-Type": "application/json" },
+          body: JSON.stringify(formData)
+        }
+      )
+
+      if (response.ok) {
+        toast.success(`Policy ${policyId ? "Edit" : "Save"} successfully`)
+        setTitle("")
+        setDescription("")
+        setFiles([])
+        setCategory("academic")
+        setEffectiveDate("")
+        setExpiryDate("")
+        router.push("/policy")
+      } else {
+        toast.error("Failed to save the policy")
+        console.log("Failed to save the policy", response)
+      }
+    } catch (error) {
+      if (error) toast.error("An error occurred while saving the policy")
+    } finally {
+      setIsSubmitting(false)
+    }
+  }
+
+  if (isLoading) {
+    return (
+      <div className="min-h-screen flex items-center justify-center">
+        <Loader2 className="animate-spin" size={32} />
+      </div>
+    )
+  }
+
+  return (
+    <div className="min-h-screen p-4">
+      <div className="max-w-3xl mx-auto bg-white rounded-xl shadow-lg p-6">
+        <h1 className="sm:text-2xl md:text-3xl text-center font-bold mb-6 text-TextTwo">
+          {policyId ? "Edit" : "Create"} Policy
+        </h1>
+        <form onSubmit={handleFormSubmit} className="space-y-6">
+          <div>
+            <label
+              htmlFor="title"
+              className="block text-sm font-semibold text-TextTwo mb-1"
+            >
+              Title
+            </label>
+            <input
+              type="text"
+              id="title"
+              value={title}
+              onChange={(e) => setTitle(e.target.value)}
+              className="w-full px-4 py-2 rounded-lg border border-Secondary focus:outline-none focus:ring-2 focus:ring-ColorThree transition-all duration-200"
+              required
+            />
+          </div>
+
+          <div>
+            <label
+              htmlFor="category"
+              className="block text-sm font-semibold text-TextTwo mb-1"
+            >
+              Category
+            </label>
+            <select
+              id="category"
+              value={category}
+              onChange={(e) => setCategory(e.target.value)}
+              className="w-full px-4 py-2 rounded-lg border border-Secondary focus:outline-none focus:ring-2 focus:ring-ColorThree transition-all duration-200 bg-white appearance-none cursor-pointer"
+              required
+            >
+              <option value="academic">Academic</option>
+              <option value="administrative">Administrative</option>
+              <option value="financial">Financial</option>
+            </select>
+            <div className="relative">
+              <div className="absolute inset-y-0 right-0 -mt-9 mr-3 flex items-center pointer-events-none">
+                <svg
+                  className="h-5 w-5 text-gray-400"
+                  xmlns="http://www.w3.org/2000/svg"
+                  viewBox="0 0 20 20"
+                  fill="currentColor"
+                  aria-hidden="true"
+                >
+                  <path
+                    fillRule="evenodd"
+                    d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
+                    clipRule="evenodd"
+                  />
+                </svg>
+              </div>
+            </div>
+          </div>
+
+          <div>
+            <label
+              htmlFor="description"
+              className="block text-sm font-semibold text-TextTwo mb-1"
+            >
+              Description
+            </label>
+            <textarea
+              id="description"
+              value={description}
+              onChange={(e) => setDescription(e.target.value)}
+              className="w-full px-4 py-2 rounded-lg border border-Secondary focus:outline-none focus:ring-2 focus:ring-ColorThree transition-all duration-200"
+              rows={4}
+            />
+          </div>
+
+          <div className="grid grid-cols-1 sm:grid-cols-2 gap-4 w-full">
+            <div className="w-full">
+              <label
+                htmlFor="effectiveDate"
+                className="block text-sm font-semibold text-TextTwo mb-1"
+              >
+                Effective Date
+              </label>
+              <div className="relative">
+                <input
+                  type="date"
+                  id="effectiveDate"
+                  value={effectiveDate}
+                  onChange={(e) => setEffectiveDate(e.target.value)}
+                  className="w-full px-4 py-2 rounded-lg border border-Secondary 
+              focus:outline-none focus:ring-2 focus:ring-ColorThree 
+              transition-all duration-200
+              appearance-none bg-white
+              cursor-pointer
+              hover:border-ColorThree"
+                  required
+                />
+              </div>
+            </div>
+
+            <div className="w-full">
+              <label
+                htmlFor="expiryDate"
+                className="block text-sm font-semibold text-TextTwo mb-1"
+              >
+                Expiry Date
+              </label>
+              <div className="relative">
+                <input
+                  type="date"
+                  id="expiryDate"
+                  value={expiryDate}
+                  onChange={(e) => setExpiryDate(e.target.value)}
+                  className="w-full px-4 py-2 rounded-lg border border-Secondary 
+              focus:outline-none focus:ring-2 focus:ring-ColorThree 
+              transition-all duration-200
+              appearance-none bg-white
+              cursor-pointer
+              hover:border-ColorThree"
+                />
+              </div>
+            </div>
+          </div>
+
+          <div className="bg-lamaSkyLight rounded-lg p-4">
+            <UploadthingUploader
+              files={files}
+              uploading={uploading}
+              setUploading={setUploading}
+              onDrop={onDrop}
+              removeFile={removeFile}
+              routeConfig={routeConfig}
+            />
+          </div>
+
+          <button
+            type="submit"
+            disabled={isSubmitting || uploading}
+            className={`w-full py-3 px-4 rounded-lg font-semibold text-white transition-all duration-200
+              ${
+                isSubmitting || uploading
+                  ? "bg-gray-400 cursor-not-allowed"
+                  : "bg-gradient-to-r from-ColorThree to-ColorTwo hover:opacity-90"
+              }`}
+          >
+            {isSubmitting ? (
+              <span className="flex items-center justify-center">
+                <Loader2 className="animate-spin mr-2" size={20} />
+                Submitting...
+              </span>
+            ) : (
+              "Submit Policy"
+            )}
+          </button>
+        </form>
+      </div>
+    </div>
+  )
+}
diff --git a/src/app/(module)/policy/page.tsx b/src/app/(module)/policy/page.tsx
new file mode 100644
index 0000000..ea6d3b1
--- /dev/null
+++ b/src/app/(module)/policy/page.tsx
@@ -0,0 +1,135 @@
+"use client"
+
+import { UserContext } from "@/context/user"
+import React, { useContext } from "react"
+import { useQuery } from "@tanstack/react-query"
+import { ButtonV1 } from "@/components/(commnon)/ButtonV1"
+import { FilePlus, Loader2, RotateCcw } from "lucide-react"
+import axios from "axios"
+import { Tabs, TabsContent, TabsTrigger } from "@/components/ui/tabs"
+import { TabsList } from "@radix-ui/react-tabs"
+import { useRouter } from "next/navigation"
+import PolicyCard from "./_components/PolicyCard"
+
+async function fetchPolicy(departmentId: string, universityId: string) {
+  const response = await axios.get(
+    `/api/policy?route=findMany&&departmentId=${departmentId}&&universityId=${universityId}`
+  )
+  return response?.data || []
+}
+
+export default function PolicyPage() {
+  const router = useRouter()
+  const { user } = useContext(UserContext)
+  console.log("user: ", user)
+  // Check if the user has any of the required role IDs
+  const allowedRoleIds = [1, 3, 10, 11, 12]
+
+  const canCreatePolicy = user?.roles.some((role: any) =>
+    allowedRoleIds.includes(role.id)
+  )
+
+  const {
+    data: policy,
+    error,
+    refetch,
+    isLoading
+  } = useQuery({
+    queryKey: ["fetchPolicies", user?.departmentId, user?.universityId],
+    queryFn: () => fetchPolicy(user?.departmentId, user?.universityId),
+    enabled: !!user?.departmentId && !!user?.universityId
+  })
+
+  if (isLoading) {
+    return (
+      <div className="flex items-center justify-center h-full w-full">
+        <>
+          <Loader2 size={16} className="animate-spin" />
+        </>
+      </div>
+    )
+  }
+
+  if (error) {
+    return (
+      <div className="text-red-500">
+        <p>Failed to load policy. Please try again later.</p>
+        <p className="text-sm text-gray-500">
+          {error?.message || "An unexpected error occurred."}
+        </p>
+        <ButtonV1 icon={RotateCcw} label="Retry" onClick={() => refetch()} />
+      </div>
+    )
+  }
+
+  return (
+    <div>
+      <div className="max-w-6xl mx-auto p-2 space-y-4">
+        <div className="flex flex-col gap-3 sm:flex-row sm:justify-between sm:items-center mb-4">
+          <h1 className="text-2xl font-semibold text-TextTwo text-center sm:text-left">
+            Policies
+          </h1>
+          {canCreatePolicy && (
+            <button
+              onClick={() => router.push("/policy/form")}
+              className="inline-flex items-center justify-center px-4 py-2 rounded-lg text-ColorThree border border-ColorThree 
+            hover:bg-ColorThree hover:text-white transition-all duration-200 gap-2 group/create w-full sm:w-auto"
+            >
+              <FilePlus
+                size={18}
+                className="transition-transform group-hover/create:rotate-12"
+              />
+              Create Policy
+            </button>
+          )}
+        </div>
+
+        <div className="bg-white rounded-xl shadow-lg overflow-hidden py-4 px-0.5">
+          <Tabs defaultValue="academic" className="w-full ">
+            <TabsList className="flex justify-between bg-lamaSkyLight rounded-lg mb-6 py-3 px-0.5">
+              {[
+                { value: "academic", label: "Academic" },
+                { value: "administrative", label: "Administrative" },
+                { value: "financial", label: "Financial" }
+              ].map((tab) => (
+                <TabsTrigger
+                  key={tab.value}
+                  value={tab.value}
+                  className="flex-1 data-[state=active]:bg-white data-[state=active]:text-ColorThree 
+                  data-[state=active]:shadow-sm text-TextTwo hover:text-ColorThree transition-colors text-sm md:text-base"
+                >
+                  {tab.label}
+                </TabsTrigger>
+              ))}
+            </TabsList>
+
+            {["academic", "administrative", "financial"].map((tabValue) => (
+              <TabsContent
+                key={tabValue}
+                value={tabValue}
+                className="space-y-2 max-h-[65vh] overflow-y-auto custom-scrollbar"
+              >
+                {policy?.filter((a: any) => a.category === tabValue).length >
+                0 ? (
+                  policy
+                    .filter((a: any) => a.category === tabValue)
+                    .map((policy: any) => (
+                      <PolicyCard
+                        key={policy.id}
+                        policy={policy}
+                        refetch={refetch}
+                      />
+                    ))
+                ) : (
+                  <div className="text-center py-12 text-TextTwo/70">
+                    No policy found in this category.
+                  </div>
+                )}
+              </TabsContent>
+            ))}
+          </Tabs>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/src/app/api/announcements/route.ts b/src/app/api/announcements/route.ts
index 9ff900a..682ebd7 100644
--- a/src/app/api/announcements/route.ts
+++ b/src/app/api/announcements/route.ts
@@ -32,7 +32,8 @@ export async function PATCH(req: Request) {
       universityId,
       announcerId,
       attachments,
-      category
+      category,
+      announcerName
     } = await req.json()
 
     if (
@@ -41,7 +42,8 @@ export async function PATCH(req: Request) {
       !universityId ||
       !departmentId ||
       !announcerId ||
-      !category
+      !category ||
+      !announcerName
     ) {
       console.log("Validation failed. Missing required fields.")
       return NextResponse.json(
@@ -58,7 +60,8 @@ export async function PATCH(req: Request) {
       universityId,
       announcerId,
       attachments,
-      category
+      category,
+      announcerName
     }
 
     let announcement
@@ -215,7 +218,8 @@ export async function GET(request: Request) {
           announcerId: true,
           category: true,
           description: true,
-          attachments: true
+          attachments: true,
+          announcerName: true
         }
       })
 
diff --git a/src/app/api/policy/route.ts b/src/app/api/policy/route.ts
new file mode 100644
index 0000000..23f2ee0
--- /dev/null
+++ b/src/app/api/policy/route.ts
@@ -0,0 +1,244 @@
+import prisma from "@/lib/prisma"
+import { currentUser } from "@clerk/nextjs/server"
+import { Prisma } from "@prisma/client"
+import { NextResponse } from "next/server"
+
+export async function PATCH(req: Request) {
+  const { searchParams } = new URL(req.url)
+  const id = searchParams.get("id")
+
+  const user = await currentUser()
+  const role = user?.publicMetadata.role
+
+  //check user authorization
+  if (
+    role !== "authority" &&
+    role !== "department_admin" &&
+    role !== "university_admin"
+  ) {
+    return NextResponse.json(
+      { message: "You are not allowed to create or update policy" },
+      { status: 401 }
+    )
+  }
+
+  try {
+    const {
+      title,
+      description,
+      departmentId,
+      universityId,
+      authorId,
+      effectiveDate,
+      expiryDate,
+      attachments,
+      category,
+      authorName
+    } = await req.json()
+
+    if (
+      !title ||
+      !departmentId ||
+      !universityId ||
+      !departmentId ||
+      !authorId ||
+      !category ||
+      !effectiveDate ||
+      !authorName
+    ) {
+      console.log("Validation failed. Missing required fields.")
+      return NextResponse.json(
+        { error: "Missing required fields @api/policy" },
+        { status: 400 }
+      )
+    }
+
+    // Common data object for both create and update
+    const data = {
+      title,
+      description,
+      departmentId,
+      universityId,
+      authorId,
+      effectiveDate,
+      expiryDate,
+      attachments,
+      category,
+      authorName
+    }
+
+    let policy
+
+    if (id) {
+      try {
+        policy = await prisma.policy.update({
+          where: { id: Number(id) },
+          data: {
+            ...data,
+            updatedAt: new Date()
+          }
+        })
+      } catch (error) {
+        // Check if the error is an instance of Prisma's known error type
+        if (
+          error instanceof Prisma.PrismaClientKnownRequestError &&
+          error.code === "P2025"
+        ) {
+          // If announcement doesn't exist, create it with the specified ID
+          policy = await prisma.policy.create({
+            data: {
+              ...data,
+              id: Number(id)
+            }
+          })
+        } else {
+          throw error
+        }
+      }
+    } else {
+      policy = await prisma.policy.create({
+        data: {
+          ...data
+        }
+      })
+    }
+
+    return NextResponse.json(policy, { status: id ? 200 : 201 })
+  } catch (error: any) {
+    console.log("Error while creating policy @api/policys:", error.message)
+    return NextResponse.json(
+      {
+        error: "Failed to create policy @api/policys",
+        details: error.message
+      },
+      { status: 500 }
+    )
+  }
+}
+
+export async function DELETE(req: Request) {
+  const { id } = await req.json()
+  const user = await currentUser()
+  const role = user?.publicMetadata.role
+
+  //check user authorization
+  if (
+    role !== "authority" &&
+    role !== "department_admin" &&
+    role !== "university_admin"
+  ) {
+    return NextResponse.json(
+      { message: "You are not allowed to delete a policy" },
+      {
+        status: 401
+      }
+    )
+  }
+
+  if (!id) {
+    console.log("Validation failed. Missing id @api/policies:")
+    return NextResponse.json(
+      { error: "Missing id @api/policys" },
+      { status: 400 }
+    )
+  }
+
+  try {
+    const policy = await prisma.policy.deleteMany({
+      where: { id: Number(id) }
+    })
+
+    return NextResponse.json(policy, { status: 200 })
+  } catch (error) {
+    console.log(`Failed to delete policy @api/policys ${error}`)
+    return NextResponse.json(
+      { error: `Failed to delete policy @api/policy ${error}` },
+      { status: 500 }
+    )
+  }
+}
+
+export async function GET(request: Request) {
+  const url = new URL(request.url)
+  const route = url.searchParams.get("route")
+
+  // Check the route and handle accordingly
+  if (route === "findMany") {
+    const departmentId = url.searchParams.get("departmentId")
+    const universityId = url.searchParams.get("universityId")
+
+    if (!departmentId || !universityId) {
+      console.error(
+        "Validation failed. Missing departmentId and universityId @api/policy:"
+      )
+      return NextResponse.json(
+        { error: "Missing departmentId and universityId @api/policy" },
+        { status: 400 }
+      )
+    }
+
+    try {
+      const policy = await prisma.policy.findMany({
+        where: {
+          departmentId: Number(departmentId),
+          universityId: Number(universityId)
+        },
+        orderBy: { createdAt: "desc" }
+      })
+
+      return NextResponse.json(policy, { status: 200 })
+    } catch (error) {
+      console.log(`Failed to fetch forum @api/policy ${error}`)
+      return NextResponse.json(
+        { error: `Failed to fetch forum @api/policy ${error}` },
+        { status: 500 }
+      )
+    }
+  } else if (route === "findOne") {
+    const policyId = url.searchParams.get("policyId")
+
+    if (!policyId) {
+      console.error("Validation failed. Missing policyId @api/policy:")
+      return NextResponse.json(
+        { error: "Missing policyId @api/policy" },
+        { status: 400 }
+      )
+    }
+
+    try {
+      const policy = await prisma.policy.findUnique({
+        where: { id: Number(policyId) },
+        select: {
+          id: true,
+          title: true,
+          departmentId: true,
+          universityId: true,
+          authorId: true,
+          category: true,
+          effectiveDate: true,
+          expiryDate: true,
+          description: true,
+          attachments: true,
+          authorName: true
+        }
+      })
+
+      if (!policy) {
+        return NextResponse.json(
+          { error: "policy not found @api/policy" },
+          { status: 404 }
+        )
+      }
+
+      return NextResponse.json(policy, { status: 200 })
+    } catch (error) {
+      console.log("Error fetching policy details @api/policy:", error)
+      return NextResponse.json(
+        { error: "Internal server error  @api/policy" },
+        { status: 500 }
+      )
+    }
+  } else {
+    return NextResponse.json({ error: "Route not found" }, { status: 404 })
+  }
+}
diff --git a/src/components/ui/tabs.tsx b/src/components/ui/tabs.tsx
index 0f4caeb..3c48124 100644
--- a/src/components/ui/tabs.tsx
+++ b/src/components/ui/tabs.tsx
@@ -29,7 +29,7 @@ const TabsTrigger = React.forwardRef<
   <TabsPrimitive.Trigger
     ref={ref}
     className={cn(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
       className
     )}
     {...props}
diff --git a/src/constant/index.ts b/src/constant/index.ts
index dc32cea..125a285 100644
--- a/src/constant/index.ts
+++ b/src/constant/index.ts
@@ -15,7 +15,8 @@ import {
   MdPerson,
   MdPeople,
   MdEditDocument,
-  MdForum
+  MdForum,
+  MdPolicy
 } from "react-icons/md"
 
 export const Menuitems = {
@@ -31,11 +32,13 @@ export const Menuitems = {
       title: "Teachers",
       url: "/teachers",
       icon: FaChalkboardTeacher
-    }
+    },
+    { title: "Policy", url: "/policy", icon: MdPolicy }
   ],
   university_admin_staff: [
     { title: "Doctors", url: "/admin/doctors", icon: MdOutlineHealthAndSafety },
-    { title: "Patients", url: "/admin/patients", icon: MdPerson }
+    { title: "Patients", url: "/admin/patients", icon: MdPerson },
+    { title: "Policy", url: "/policy", icon: MdPolicy }
   ],
   department_admin: [
     { title: "Dashborad", url: "/department_admin", icon: MdSpaceDashboard },
@@ -43,7 +46,8 @@ export const Menuitems = {
     { title: "Subjects", url: "/subject", icon: MdClass },
     { title: "Authorities", url: "/list/authorities", icon: FaUserTie },
     { title: "Faculty", url: "/list/teachers", icon: MdPeople },
-    { title: "Students", url: "/list/students", icon: MdPeople }
+    { title: "Students", url: "/list/students", icon: MdPeople },
+    { title: "Policy", url: "/policy", icon: MdPolicy }
   ],
   authority: [
     { title: "Dashboard", url: "/dashboard", icon: MdSpaceDashboard },
@@ -53,7 +57,8 @@ export const Menuitems = {
     { title: "Subjects", url: "/subject", icon: MdClass },
     { title: "Events", url: "/events", icon: FaRegCalendarAlt },
     { title: "Announcement", url: "/announcements", icon: FaBullhorn },
-    { title: "Forums", url: "/forum", icon: MdForum }
+    { title: "Forums", url: "/forum", icon: MdForum },
+    { title: "Policy", url: "/policy", icon: MdPolicy }
   ],
   faculty: [
     { title: "Dashboard", url: "/dashboard", icon: MdSpaceDashboard },
@@ -62,7 +67,8 @@ export const Menuitems = {
     { title: "Subjects", url: "/subject", icon: MdClass },
     { title: "Events", url: "/events", icon: FaRegCalendarAlt },
     { title: "Announcement", url: "/announcements", icon: FaBullhorn },
-    { title: "Forums", url: "/forum", icon: MdForum }
+    { title: "Forums", url: "/forum", icon: MdForum },
+    { title: "Policy", url: "/policy", icon: MdPolicy }
   ],
   student: [
     { title: "Dashboard", url: "/student", icon: MdSpaceDashboard },
@@ -70,7 +76,8 @@ export const Menuitems = {
     { title: "Subjects", url: "/subjects", icon: MdClass },
     { title: "Events", url: "/events", icon: FaRegCalendarAlt },
     { title: "Announcement", url: "/announcements", icon: FaBullhorn },
-    { title: "Forums", url: "/forum", icon: MdForum }
+    { title: "Forums", url: "/forum", icon: MdForum },
+    { title: "Policy", url: "/policy", icon: MdPolicy }
   ]
 }