diff --git a/lazy-timer-fe/src/pages/Charts/Calendar.jsx b/lazy-timer-fe/src/pages/Calendar.jsx
similarity index 100%
rename from lazy-timer-fe/src/pages/Charts/Calendar.jsx
rename to lazy-timer-fe/src/pages/Calendar.jsx
diff --git a/lazy-timer-fe/src/pages/Charts/ColorPicker.jsx b/lazy-timer-fe/src/pages/ColorPicker.jsx
similarity index 100%
rename from lazy-timer-fe/src/pages/Charts/ColorPicker.jsx
rename to lazy-timer-fe/src/pages/ColorPicker.jsx
diff --git a/lazy-timer-fe/src/pages/Charts/Customers.jsx b/lazy-timer-fe/src/pages/Customers.jsx
similarity index 100%
rename from lazy-timer-fe/src/pages/Charts/Customers.jsx
rename to lazy-timer-fe/src/pages/Customers.jsx
diff --git a/lazy-timer-fe/src/pages/Charts/Ecommerce.jsx b/lazy-timer-fe/src/pages/Ecommerce.jsx
similarity index 100%
rename from lazy-timer-fe/src/pages/Charts/Ecommerce.jsx
rename to lazy-timer-fe/src/pages/Ecommerce.jsx
diff --git a/lazy-timer-fe/src/pages/Charts/Editor.jsx b/lazy-timer-fe/src/pages/Editor.jsx
similarity index 100%
rename from lazy-timer-fe/src/pages/Charts/Editor.jsx
rename to lazy-timer-fe/src/pages/Editor.jsx
diff --git a/lazy-timer-fe/src/pages/Employees.jsx b/lazy-timer-fe/src/pages/Employees.jsx
new file mode 100644
index 0000000..b2918ef
--- /dev/null
+++ b/lazy-timer-fe/src/pages/Employees.jsx
@@ -0,0 +1,34 @@
+import React from 'react';
+import { GridComponent, Inject, ColumnsDirective, ColumnDirective, Search, Page } from '@syncfusion/ej2-react-grids';
+
+import { employeesData, employeesGrid } from '../data/dummy';
+import { Header } from '../components';
+
+const Employees = () => {
+  const toolbarOptions = ['Search'];
+
+  const editing = { allowDeleting: true, allowEditing: true };
+
+  return (
+    <div className="m-2 md:m-10 mt-24 p-2 md:p-10 bg-white rounded-3xl">
+      <Header category="Page" title="Employees" />
+      <GridComponent
+        dataSource={employeesData}
+        width="auto"
+        allowPaging
+        allowSorting
+        pageSettings={{ pageCount: 5 }}
+        editSettings={editing}
+        toolbar={toolbarOptions}
+      >
+        <ColumnsDirective>
+          {/* eslint-disable-next-line react/jsx-props-no-spreading */}
+          {employeesGrid.map((item, index) => <ColumnDirective key={index} {...item} />)}
+        </ColumnsDirective>
+        <Inject services={[Search, Page]} />
+
+      </GridComponent>
+    </div>
+  );
+};
+export default Employees;
diff --git a/lazy-timer-fe/src/pages/Charts/Kanban.jsx b/lazy-timer-fe/src/pages/Kanban.jsx
similarity index 100%
rename from lazy-timer-fe/src/pages/Charts/Kanban.jsx
rename to lazy-timer-fe/src/pages/Kanban.jsx
diff --git a/lazy-timer-fe/src/pages/Charts/Orders.jsx b/lazy-timer-fe/src/pages/Orders.jsx
similarity index 100%
rename from lazy-timer-fe/src/pages/Charts/Orders.jsx
rename to lazy-timer-fe/src/pages/Orders.jsx