diff --git a/src/components/Employee/EmpDashboard.jsx b/src/components/Employee/EmpDashboard.jsx
index 708df376..da251c10 100644
--- a/src/components/Employee/EmpDashboard.jsx
+++ b/src/components/Employee/EmpDashboard.jsx
@@ -13,13 +13,13 @@ const EmpDashboard = ({ profile }) => {
   return (
     <>
       <div className="row">
-        <div className="col pt-5">
+        <div className="col-12 col-sm-6 pt-5">
           {" "}
           <EmpOverview profile={profile}></EmpOverview>
         </div>
-        <div className="col pt-5">
-          <div className="card">
-            {" "}
+        <div className="col col-sm-6 pt-5">
+          <div className="card ">
+
             <div className="card-body">
               <small className="card-text text-uppercase text-body-secondary small">
                 My Projects
diff --git a/src/components/Employee/EmpDocuments.jsx b/src/components/Employee/EmpDocuments.jsx
index b8390590..46aa33d0 100644
--- a/src/components/Employee/EmpDocuments.jsx
+++ b/src/components/Employee/EmpDocuments.jsx
@@ -1,514 +1,10 @@
 import React, { useState, useEffect } from "react";
+import { ComingSoonPage } from "../../pages/Misc/ComingSoonPage";
 
 const EmpDocuments = ({ profile, loggedInUser }) => {
   return (
     <>
-      <div
-        id="DataTables_Table_0_wrapper"
-        class=" card mt-5 dt-container dt-bootstrap5 dt-empty-footer"
-      >
-        <div class="row card-header border-bottom mx-0 px-3 py-2">
-          <div class="d-md-flex justify-content-between align-items-center dt-layout-start col-md-auto me-auto">
-            <h5 class="card-title mb-0 text-nowrap text-md-start text-center">
-              Document you have uploaded
-            </h5>
-          </div>
-          <div class="d-md-flex justify-content-between align-items-center dt-layout-end col-md-auto ms-auto">
-            <div class="dt-search">
-              <input
-                type="search"
-                class="form-control"
-                id="dt-search-0"
-                placeholder="Search Document"
-                aria-controls="DataTables_Table_0"
-              />
-              <label for="dt-search-0"></label>
-            </div>
-          </div>
-        </div>
-        <div class="justify-content-between dt-layout-table">
-          <div class="d-md-flex justify-content-between align-items-center col-12 dt-layout-full col-md">
-            <table
-              class="table table-sm datatables-academy-Document dataTable dtr-column"
-              id="DataTables_Table_0"
-              aria-describedby="DataTables_Table_0_info"
-              style={{ width: "100%" }}
-            >
-              <colgroup>
-                <col data-dt-column="2" style={{ width: "369.984px" }} />
-                <col data-dt-column="3" style={{ width: "96.2656px" }} />
-                <col data-dt-column="4" style={{ width: "259.75px" }} />
-                <col data-dt-column="5" style={{ width: "65px" }} />
-              </colgroup>
-              <thead>
-                <tr>
-                  <th
-                    data-dt-column="0"
-                    class="control dt-orderable-none dtr-hidden"
-                    rowspan="1"
-                    colspan="1"
-                    aria-label=""
-                    style={{ display: "none" }}
-                  >
-                    <span class="dt-column-title"></span>
-                    <span class="dt-column-order"></span>
-                  </th>
-
-                  <th
-                    data-dt-column="2"
-                    rowspan="1"
-                    colspan="1"
-                    class="dt-orderable-asc dt-orderable-desc dt-ordering-desc"
-                    aria-sort="descending"
-                    aria-label="Document Name: Activate to remove sorting"
-                    tabindex="0"
-                  >
-                    <span class="dt-column-title" role="button">
-                      Document Name
-                    </span>
-                    <span class="dt-column-order"></span>
-                  </th>
-                  <th
-                    data-dt-column="3"
-                    rowspan="1"
-                    colspan="1"
-                    class="dt-orderable-asc dt-orderable-desc"
-                    aria-label="Time: Activate to sort"
-                    tabindex="0"
-                  >
-                    <span class="dt-column-title" role="button">
-                      Uploaded Date
-                    </span>
-                    <span class="dt-column-order"></span>
-                  </th>
-                  <th
-                    data-dt-column="3"
-                    rowspan="1"
-                    colspan="1"
-                    class="dt-orderable-asc dt-orderable-desc"
-                    aria-label="Time: Activate to sort"
-                    tabindex="0"
-                  >
-                    <span class="dt-column-title" role="button">
-                      Uploaded By
-                    </span>
-                    <span class="dt-column-order"></span>
-                  </th>
-                  <th
-                    class="dt-orderable-asc dt-orderable-desc"
-                    data-dt-column="5"
-                    rowspan="1"
-                    colspan="1"
-                    aria-label="Status: Activate to sort"
-                    tabindex="0"
-                  >
-                    <span class="dt-column-title" role="button">
-                      Status
-                    </span>
-                    <span class="dt-column-order"></span>
-                  </th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr>
-                  <td
-                    class="control dtr-hidden"
-                    tabindex="0"
-                    style={{ display: "none" }}
-                  ></td>
-                  <td class="sorting_1">
-                    <div class="d-flex align-items-center">
-                      <span class="me-4">
-                        <span class="bg-label-danger  p-1_5">
-                          <i class="icon-base bx bxs-file-pdf icon-28px"></i>
-                        </span>
-                      </span>
-                      <div>
-                        <a
-                          class="text-heading text-truncate fw-medium mb-2 text-wrap"
-                          href="app-academy-Document-details.html"
-                        >
-                          AADHAR Card
-                        </a>
-                        <div class="d-flex align-items-center mt-1">
-                          {/* <div class="avatar-wrapper me-2">
-                            <div class="avatar avatar-xs">
-                              <img
-                                src="../../assets/img/avatars/2.png"
-                                alt="Avatar"
-                                class="rounded-circle"
-                              />
-                            </div>
-                          </div> */}
-                          <small class="text-nowrap text-heading">
-                            card number
-                          </small>
-                        </div>
-                      </div>
-                    </div>
-                  </td>
-                  <td>
-                    <span class="fw-medium text-nowrap text-heading">
-                      11-Jun-2025
-                    </span>
-                  </td>
-                  <td>
-                    <span class="fw-medium text-nowrap text-heading">
-                      Uploaded By
-                    </span>
-                  </td>
-
-                  <td>
-                    <div class="d-flex align-items-center justify-content-between">
-                      <div class=" d-flex align-items-center">
-                        <i class="icon-base bx bx-book-open icon-lg me-1_5 text-info"></i>
-                      </div>
-                      <div class=" d-flex align-items-center">
-                        <i class="icon-base bx bx-trash icon-lg me-1_5 text-danger"></i>
-                      </div>
-                    </div>
-                  </td>
-                </tr>
-                <tr>
-                  <td
-                    class="control dtr-hidden"
-                    tabindex="0"
-                    style={{ display: "none" }}
-                  ></td>
-                  <td class="sorting_1">
-                    <div class="d-flex align-items-center">
-                      <span class="me-4">
-                        <span class="badge bg-label-warning rounded p-1_5">
-                          <i class="icon-base bx bxs-file-doc icon-28px"></i>
-                        </span>
-                      </span>
-                      <div>
-                        <a
-                          class="text-heading text-truncate fw-medium mb-2 text-wrap"
-                          href="app-academy-Document-details.html"
-                        >
-                          Degree Certificate
-                        </a>
-                        <div class="d-flex align-items-center mt-1">
-                          {/* <div class="avatar-wrapper me-2">
-                            <div class="avatar avatar-xs">
-                              <img
-                                src="../../assets/img/avatars/13.png"
-                                alt="Avatar"
-                                class="rounded-circle"
-                              />
-                            </div>
-                          </div> */}
-                          <small class="text-nowrap text-heading">
-                            certificate details
-                          </small>
-                        </div>
-                      </div>
-                    </div>
-                  </td>
-                  <td>
-                    <span class="fw-medium text-nowrap text-heading">
-                      11-Jun-2025
-                    </span>
-                  </td>{" "}
-                  <td>
-                    <span class="fw-medium text-nowrap text-heading">
-                      Uploaded By
-                    </span>
-                  </td>
-                  <td>
-                    <div class="d-flex align-items-center justify-content-between">
-                      <div class=" d-flex align-items-center">
-                        <i class="icon-base bx bx-book-open icon-lg me-1_5 text-info"></i>
-                      </div>
-                      <div class=" d-flex align-items-center">
-                        <i class="icon-base bx bx-trash icon-lg me-1_5 text-danger"></i>
-                      </div>
-                    </div>
-                  </td>
-                </tr>
-                <tr>
-                  <td
-                    class="control dtr-hidden"
-                    tabindex="0"
-                    style={{ display: "none" }}
-                  ></td>
-                  <td class="sorting_1">
-                    <div class="d-flex align-items-center">
-                      <span class="me-4">
-                        <span class="badge bg-label-success rounded p-1_5">
-                          <i class="icon-base bx bxs-file-png icon-28px"></i>
-                        </span>
-                      </span>
-                      <div>
-                        <a
-                          class="text-heading text-truncate fw-medium mb-2 text-wrap"
-                          href="app-academy-Document-details.html"
-                        >
-                          Photo
-                        </a>
-                        <div class="d-flex align-items-center mt-1">
-                          {/* <div class="avatar-wrapper me-2">
-                            <div class="avatar avatar-xs">
-                              <img
-                                src="../../assets/img/avatars/12.png"
-                                alt="Avatar"
-                                class="rounded-circle"
-                              />
-                            </div>
-                          </div> */}
-                          <small class="text-nowrap text-heading">
-                            self photo
-                          </small>
-                        </div>
-                      </div>
-                    </div>
-                  </td>
-                  <td>
-                    <span class="fw-medium text-nowrap text-heading">
-                      11-Jun-2025
-                    </span>
-                  </td>
-                  <td>
-                    <span class="fw-medium text-nowrap text-heading">
-                      Uploaded By
-                    </span>
-                  </td>
-                  <td>
-                    <div class="d-flex align-items-center justify-content-between">
-                      <div class=" d-flex align-items-center">
-                        <i class="icon-base bx bx-book-open icon-lg me-1_5 text-info"></i>
-                      </div>
-                      <div class=" d-flex align-items-center">
-                        <i class="icon-base bx bx-trash icon-lg me-1_5 text-danger"></i>
-                      </div>
-                    </div>
-                  </td>
-                </tr>
-                <tr>
-                  <td
-                    class="control dtr-hidden"
-                    tabindex="0"
-                    style={{ display: "none" }}
-                  ></td>
-                  <td class="sorting_1">
-                    <div class="d-flex align-items-center">
-                      <span class="me-4">
-                        <span class="badge bg-label-primary rounded p-1_5">
-                          <i class="icon-base bx bxs-file-pdf icon-28px"></i>
-                        </span>
-                      </span>
-                      <div>
-                        <a
-                          class="text-heading text-truncate fw-medium mb-2 text-wrap"
-                          href="app-academy-Document-details.html"
-                        >
-                          Driving License
-                        </a>
-                        <div class="d-flex align-items-center mt-1">
-                          {/* <div class="avatar-wrapper me-2">
-                            <div class="avatar avatar-xs">
-                              <img
-                                src="../../assets/img/avatars/5.png"
-                                alt="Avatar"
-                                class="rounded-circle"
-                              />
-                            </div>
-                          </div> */}
-                          <small class="text-nowrap text-heading">
-                            license number
-                          </small>
-                        </div>
-                      </div>
-                    </div>
-                  </td>
-                  <td>
-                    <span class="fw-medium text-nowrap text-heading">
-                      11-Jun-2025
-                    </span>
-                  </td>
-                  <td>
-                    <span class="fw-medium text-nowrap text-heading">
-                      Uploaded By
-                    </span>
-                  </td>
-                  <td>
-                    <div class="d-flex align-items-center justify-content-between">
-                      <div class=" d-flex align-items-center">
-                        <i class="icon-base bx bx-book-open icon-lg me-1_5 text-info"></i>
-                      </div>
-                      <div class=" d-flex align-items-center">
-                        <i class="icon-base bx bx-trash icon-lg me-1_5 text-danger"></i>
-                      </div>
-                    </div>
-                  </td>
-                </tr>
-                <tr>
-                  <td
-                    class="control dtr-hidden"
-                    tabindex="0"
-                    style={{ display: "none" }}
-                  ></td>
-                  <td class="sorting_1">
-                    <div class="d-flex align-items-center">
-                      <span class="me-4">
-                        <span class="badge bg-label-primary rounded p-1_5">
-                          <i class="icon-base bx bxs-file-txt icon-28px"></i>
-                        </span>
-                      </span>
-                      <div>
-                        <a
-                          class="text-heading text-truncate fw-medium mb-2 text-wrap"
-                          href="app-academy-Document-details.html"
-                        >
-                          PAN Card
-                        </a>
-                        <div class="d-flex align-items-center mt-1">
-                          {/* <div class="avatar-wrapper me-2">
-                            <div class="avatar avatar-xs">
-                              <img
-                                src="../../assets/img/avatars/14.png"
-                                alt="Avatar"
-                                class="rounded-circle"
-                              />
-                            </div>
-                          </div> */}
-                          <small class="text-nowrap text-heading">
-                            card number
-                          </small>
-                        </div>
-                      </div>
-                    </div>
-                  </td>
-                  <td>
-                    <span class="fw-medium text-nowrap text-heading">
-                      11-Jun-2025
-                    </span>
-                  </td>
-                  <td>
-                    <span class="fw-medium text-nowrap text-heading">
-                      Uploaded By
-                    </span>
-                  </td>
-                  <td>
-                    <div class="d-flex align-items-center justify-content-between">
-                      <div class=" d-flex align-items-center">
-                        <i class="icon-base bx bx-book-open icon-lg me-1_5 text-info"></i>
-                      </div>
-                      <div class=" d-flex align-items-center">
-                        <i class="icon-base bx bx-trash icon-lg me-1_5 text-danger"></i>
-                      </div>
-                    </div>
-                  </td>
-                </tr>
-              </tbody>
-              <tfoot></tfoot>
-            </table>
-          </div>
-        </div>
-        <div class="row mx-3 justify-content-between">
-          <div class="d-md-flex justify-content-between align-items-center dt-layout-start col-md-auto me-auto">
-            <div
-              class="dt-info"
-              aria-live="polite"
-              id="DataTables_Table_0_info"
-              role="status"
-            >
-              Showing 1 to 5 of 25 entries
-            </div>
-          </div>
-          <div class="d-md-flex justify-content-between align-items-center dt-layout-end col-md-auto ms-auto">
-            <div class="dt-paging">
-              <nav aria-label="pagination">
-                <ul class="pagination">
-                  <li class="dt-paging-button page-item disabled">
-                    <button
-                      class="page-link previous"
-                      role="link"
-                      type="button"
-                      aria-controls="DataTables_Table_0"
-                      aria-disabled="true"
-                      aria-label="Previous"
-                      data-dt-idx="previous"
-                      tabindex="-1"
-                    >
-                      <i class="icon-base bx bx-chevron-left scaleX-n1-rtl icon-18px"></i>
-                    </button>
-                  </li>
-                  <li class="dt-paging-button page-item active">
-                    <button
-                      class="page-link"
-                      role="link"
-                      type="button"
-                      aria-controls="DataTables_Table_0"
-                      aria-current="page"
-                      data-dt-idx="0"
-                    >
-                      1
-                    </button>
-                  </li>
-                  <li class="dt-paging-button page-item">
-                    <button
-                      class="page-link"
-                      role="link"
-                      type="button"
-                      aria-controls="DataTables_Table_0"
-                      data-dt-idx="1"
-                    >
-                      2
-                    </button>
-                  </li>
-                  <li class="dt-paging-button page-item">
-                    <button
-                      class="page-link"
-                      role="link"
-                      type="button"
-                      aria-controls="DataTables_Table_0"
-                      data-dt-idx="2"
-                    >
-                      3
-                    </button>
-                  </li>
-                  <li class="dt-paging-button page-item">
-                    <button
-                      class="page-link"
-                      role="link"
-                      type="button"
-                      aria-controls="DataTables_Table_0"
-                      data-dt-idx="3"
-                    >
-                      4
-                    </button>
-                  </li>
-                  <li class="dt-paging-button page-item">
-                    <button
-                      class="page-link"
-                      role="link"
-                      type="button"
-                      aria-controls="DataTables_Table_0"
-                      data-dt-idx="4"
-                    >
-                      5
-                    </button>
-                  </li>
-                  <li class="dt-paging-button page-item">
-                    <button
-                      class="page-link next"
-                      role="link"
-                      type="button"
-                      aria-controls="DataTables_Table_0"
-                      aria-label="Next"
-                      data-dt-idx="next"
-                    >
-                      <i class="icon-base bx bx-chevron-right scaleX-n1-rtl icon-18px"></i>
-                    </button>
-                  </li>
-                </ul>
-              </nav>
-            </div>
-          </div>
-        </div>
-      </div>
+      <ComingSoonPage/>
     </>
   );
 };