diff --git a/WebServices/management-frontend/src/app/(DashboardLayout)/append/event/page.tsx b/WebServices/management-frontend/src/app/(DashboardLayout)/append/event/page.tsx
new file mode 100644
index 0000000..a2064cd
--- /dev/null
+++ b/WebServices/management-frontend/src/app/(DashboardLayout)/append/event/page.tsx
@@ -0,0 +1,28 @@
+'use server';
+import React from "react";
+import DashboardLayout from "@/components/layouts/DashboardLayout";
+import { useDashboardPage } from "@/components/common/hooks/useDashboardPage";
+
+async function EventAppendPage({
+  searchParams,
+}: {
+  searchParams: Promise<{ [key: string]: string | undefined }>;
+}) {
+  const {
+    activePage,
+    searchParamsInstance,
+    lang,
+    PageComponent,
+  } = await useDashboardPage({
+    pageUrl: "/append/event",
+    searchParams,
+  });
+
+  return (
+    <DashboardLayout lang={lang} activePage={activePage}>
+      <PageComponent lang={lang} queryParams={searchParamsInstance} />
+    </DashboardLayout>
+  );
+}
+
+export default EventAppendPage;
diff --git a/WebServices/management-frontend/src/app/(DashboardLayout)/append/service/page.tsx b/WebServices/management-frontend/src/app/(DashboardLayout)/append/service/page.tsx
new file mode 100644
index 0000000..3263c4f
--- /dev/null
+++ b/WebServices/management-frontend/src/app/(DashboardLayout)/append/service/page.tsx
@@ -0,0 +1,28 @@
+'use server';
+import React from "react";
+import DashboardLayout from "@/components/layouts/DashboardLayout";
+import { useDashboardPage } from "@/components/common/hooks/useDashboardPage";
+
+async function ServiceAppendPage({
+  searchParams,
+}: {
+  searchParams: Promise<{ [key: string]: string | undefined }>;
+}) {
+  const {
+    activePage,
+    searchParamsInstance,
+    lang,
+    PageComponent,
+  } = await useDashboardPage({
+    pageUrl: "/append/service",
+    searchParams,
+  });
+
+  return (
+    <DashboardLayout lang={lang} activePage={activePage}>
+      <PageComponent lang={lang} queryParams={searchParamsInstance} />
+    </DashboardLayout>
+  );
+}
+
+export default ServiceAppendPage;
diff --git a/WebServices/management-frontend/src/app/(DashboardLayout)/application/page.tsx b/WebServices/management-frontend/src/app/(DashboardLayout)/application/page.tsx
index 060f5bc..1a6d073 100644
--- a/WebServices/management-frontend/src/app/(DashboardLayout)/application/page.tsx
+++ b/WebServices/management-frontend/src/app/(DashboardLayout)/application/page.tsx
@@ -3,7 +3,7 @@ import React from "react";
 import DashboardLayout from "@/components/layouts/DashboardLayout";
 import { useDashboardPage } from "@/components/common/hooks/useDashboardPage";
 
-async function DashboardPage({
+async function ApplicationPage({
   searchParams,
 }: {
   searchParams: Promise<{ [key: string]: string | undefined }>;
@@ -25,4 +25,4 @@ async function DashboardPage({
   );
 }
 
-export default DashboardPage;
+export default ApplicationPage;
diff --git a/WebServices/management-frontend/src/components/menu/language.ts b/WebServices/management-frontend/src/components/menu/language.ts
index 02f190c..89171ff 100644
--- a/WebServices/management-frontend/src/components/menu/language.ts
+++ b/WebServices/management-frontend/src/components/menu/language.ts
@@ -8,6 +8,7 @@ export const dashboardLanguage = {
     loading: "Loading...",
   },
 };
+
 export const NavigationLanguage = {
   en: {
     "/dashboard": "Dashboard",
@@ -22,6 +23,7 @@ export const NavigationLanguage = {
     "/application": "Uygulama Paneli",
   },
 };
+
 export const EmployeeProfileLanguage = {
   tr: {
     userType: "Kullanıcı Tipi",
@@ -42,6 +44,7 @@ export const EmployeeProfileLanguage = {
     duty: "Duty",
   },
 };
+
 export const OccupantProfileLanguage = {
   tr: {
     userType: "Kullanıcı Tipi",
@@ -67,26 +70,4 @@ export const OccupantProfileLanguage = {
     backToBuildings: "Back to buildings",
     buildNo: "Build No",
   },
-};
-
-// {
-//   "userType": "occupant",
-//   "selectionList": {
-//     "3fe72194-dad6-4ddc-8679-70acdbe7f619": {
-//       "build_uu_id": "3fe72194-dad6-4ddc-8679-70acdbe7f619",
-//       "build_name": "Build Example",
-//       "build_no": "B001",
-//       "occupants": [
-//         {
-//           "build_living_space_uu_id": "b67e5a37-ac04-45ab-8bca-5a3427358015",
-//           "part_uu_id": "441ef61b-1cc5-465b-90b2-4835d0e16540",
-//           "part_name": "APARTMAN DAIRESI : 1",
-//           "part_level": 1,
-//           "occupant_uu_id": "6bde6bf9-0d13-4b6f-a612-28878cd7324f",
-//           "description": "Daire Kiracısı",
-//           "code": "FL-TEN"
-//         }
-//       ]
-//     }
-//   }
-// }
+};
\ No newline at end of file
diff --git a/WebServices/management-frontend/src/eventRouters/appendersService/page.tsx b/WebServices/management-frontend/src/eventRouters/appendersService/page.tsx
index 2881fae..aef7a4e 100644
--- a/WebServices/management-frontend/src/eventRouters/appendersService/page.tsx
+++ b/WebServices/management-frontend/src/eventRouters/appendersService/page.tsx
@@ -1,3 +1,4 @@
+"use client";
 import React from "react";
 import { PageProps } from "@/validations/translations/translation";
 
diff --git a/WebServices/management-frontend/src/eventRouters/index.tsx b/WebServices/management-frontend/src/eventRouters/index.tsx
index d4387a6..bc08bb8 100644
--- a/WebServices/management-frontend/src/eventRouters/index.tsx
+++ b/WebServices/management-frontend/src/eventRouters/index.tsx
@@ -1,9 +1,13 @@
 import DashboardPage from "./dashboard/page";
 import ApplicationPage from "./application/page";
+import EventAppendPage from "./appenderEvent/page";
+import ServiceAppendPage from "./appendersService/page";
 
 const menuPages = {
   "/dashboard": DashboardPage,
   "/application": ApplicationPage,
+  "/append/event": EventAppendPage,
+  "/append/service": ServiceAppendPage
 };
 
 export default menuPages;