diff --git a/src/pages/Documents/DocumentPage.jsx b/src/pages/Documents/DocumentPage.jsx
new file mode 100644
index 00000000..f519bb5e
--- /dev/null
+++ b/src/pages/Documents/DocumentPage.jsx
@@ -0,0 +1,47 @@
+import React from 'react'
+import Breadcrumb from '../../components/common/Breadcrumb'
+
+const DocumentPage = () => {
+  return (
+  <div className='container-fluid'>
+     <Breadcrumb
+          data={[
+            { label: "Home", link: "/dashboard" },
+            { label: "Document", link: null },
+          ]}
+        />
+       <div className="card d-flex p-2">
+            <div className="row align-items-center">
+              {/* Search */}
+              <div className="col-6 col-md-6 col-lg-3 mb-md-0">
+                <input
+                  type="search"
+                
+                  className="form-control form-control-sm"
+                  placeholder="Search Tenant"
+                />
+              </div>
+
+              {/* Actions */}
+              <div className="col-6 col-md-6 col-lg-9 text-end">
+                <span className="text-tiny text-muted p-1 border-0 bg-none lead mx-3 cursor-pointer">
+                  Refresh
+                  < i className={`bx bx-refresh ms-1 `}></i>
+                </span>
+
+                <button
+                  type="button"
+                  title="Add New Tenant"
+                  className="p-1 bg-primary rounded-circle cursor-pointer"
+                >
+                  <i className="bx bx-plus fs-4 text-white"></i>
+                </button>
+              </div>
+            </div>
+          </div>
+
+  </div>
+  )
+}
+
+export default DocumentPage
\ No newline at end of file