initiallly setup

src/components/collections/CollectionList.jsx

@@ -0,0 +1,11 @@
+import React from 'react'
+
+const CollectionList = () => {
+  return (
+    <div>
+      
+    </div>
+  )
+}
+
+export default CollectionList

src/pages/collections/CollectionPage.jsx

@@ -0,0 +1,21 @@
+import React from 'react'
+import Breadcrumb from '../../components/common/Breadcrumb'
+
+const CollectionPage = () => {
+  return (
+    <div className='container-fluid'>
+         <Breadcrumb
+          data={[{ label: "Home", link: "/" }, { label: "Collection" }]}
+        />
+      <div className='card px-2 py-1'>
+         <div className='row'>
+            <div className='col-12'>
+                
+            </div>
+         </div>
+      </div>
+    </div>
+  )
+}
+
+export default CollectionPage

src/router/AppRoutes.jsx

@@ -53,6 +53,7 @@ import DailyProgrssReport from "../pages/DailyProgressReport/DailyProgrssReport"
 import ProjectPage from "../pages/project/ProjectPage";
 import { ComingSoonPage } from "../pages/Misc/ComingSoonPage";
 import ImageGalleryPage from "../pages/Gallary/ImageGallaryPage";
+import CollectionPage from "../pages/collections/CollectionPage";
 const router = createBrowserRouter(
   [
     {
@@ -95,6 +96,7 @@ const router = createBrowserRouter(
             { path: "/activities/reports", element: <Reports /> },
             { path: "/gallary", element: <ImageGalleryPage /> },
             { path: "/expenses", element: <ExpensePage /> },
+            { path: "/collection", element: <CollectionPage /> },
             { path: "/masters", element: <MasterPage /> },
             { path: "/tenants", element: <TenantPage /> },
             { path: "/tenants/new-tenant", element: <CreateTenant /> },