diff --git a/package.json b/package.json
index 951214c..095caf2 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
   "license": "MIT",
   "author": "The CoreUI Team (https://github.com/orgs/coreui/people)",
   "scripts": {
-    "dev": "react-scripts start",
+    "dev": "react-scripts --openssl-legacy-provider start",
     "build": "react-scripts build",
     "build:n17": "react-scripts --openssl-legacy-provider build",
     "changelog": "auto-changelog --starting-version 4.1.0 --commit-limit false --hide-credit",
@@ -53,7 +53,7 @@
     "enzyme": "^3.11.0",
     "file-saver": "^2.0.5",
     "prop-types": "^15.7.2",
-    "react": "18.2",
+    "react": "18.0.0",
     "react-app-polyfill": "^2.0.0",
     "react-bootstrap": "^2.7.0",
     "react-date-picker": "^8.4.0",
diff --git a/src/_nav.js b/src/_nav.js
index 19a245d..e47f95b 100644
--- a/src/_nav.js
+++ b/src/_nav.js
@@ -89,9 +89,9 @@ const _nav = [
 
   {
     component: CNavItem,
-    name: "HealthCare Providers",
+    name: "Users",
     icon: <CIcon icon={cilTennisBall} customClassName="nav-icon" />,
-    to: "/healthcare/providers",
+    to: "/users",
   },
   {
     component: CNavGroup,
@@ -139,9 +139,9 @@ const _nav = [
 
   {
     component: CNavItem,
-    name: "Users",
+    name: "Recipients",
     icon: <CIcon icon={cilUser} customClassName="nav-icon" />,
-    to: "/users",
+    to: "/recipents",
   },
   {
     component: CNavGroup,
diff --git a/src/index.js b/src/index.js
index 9feee83..f261c47 100644
--- a/src/index.js
+++ b/src/index.js
@@ -10,6 +10,7 @@ import { Provider } from "react-redux";
 import axios from "axios";
 import { store } from "./redux/store";
 import { cibGmail } from "@coreui/icons";
+import { createRoot } from "react-dom/client";
 
 const setupAxios = () => {
   //axios.defaults.baseURL = 'https://bolo-api.checkapp.one/'
@@ -24,12 +25,18 @@ const setupAxios = () => {
 };
 
 setupAxios();
-
-ReactDOM.render(
+const domNode = document.getElementById("root");
+const root = createRoot(domNode);
+// ReactDOM.render(
+//   <Provider store={store}>
+//     <App />
+//   </Provider>,
+//   document.getElementById("root")
+// );
+root.render(
   <Provider store={store}>
     <App />
-  </Provider>,
-  document.getElementById("root")
+  </Provider>
 );
 
 // If you want your app to work offline and load faster, you can change
diff --git a/src/routes.js b/src/routes.js
index 2a3d0cd..a08fc48 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -121,22 +121,22 @@ const routes = [
 
   // health care providers
   {
-    path: "//healthcare/providers",
+    path: "//users",
     name: "healthcare providers",
     element: Businesses,
   },
   {
-    path: "//healthcare/providers/add",
+    path: "//users/add",
     name: "Add healthcare providers",
     element: AddBusiness,
   },
   {
-    path: "/healthcare/providers/edit/:id",
+    path: "/users/edit/:id",
     name: "Edit healthcare providers",
     element: EditBusiness,
   },
   {
-    path: "/healthcare/providers/view/:id",
+    path: "/users/view/:id",
     name: "view healthcare providers",
     element: ViewHealthCareProvider,
   },
diff --git a/src/views/Business/AddBusiness.js b/src/views/Business/AddBusiness.js
index bac05de..deebe93 100644
--- a/src/views/Business/AddBusiness.js
+++ b/src/views/Business/AddBusiness.js
@@ -135,7 +135,7 @@ const AddBusiness = () => {
           button: "Return",
         });
         setLoading(false);
-        navigate("/healthcare/providers", { replace: true });
+        navigate("/users", { replace: true });
       })
       .catch((err) => {
         setLoading(false);
@@ -163,7 +163,7 @@ const AddBusiness = () => {
                   "
           >
             <div style={{ fontSize: "22px" }} className="fw-bold">
-              Add Healthcare Provider
+              Add User
             </div>
             <div className="page-title-right">
               <div className="page-title-right">
@@ -286,7 +286,7 @@ const AddBusiness = () => {
                     type="button"
                     onClick={() => handleView(1)}
                   >
-                    Select Provider Type
+                    Select User Type
                   </button>
                   {/*<button
                     className={
@@ -308,18 +308,7 @@ const AddBusiness = () => {
                     type="button"
                     onClick={() => handleView(3)}
                   >
-                    Contact Information
-                  </button>
-                  <button
-                    className={
-                      viewState === 4
-                        ? "btn btn-light"
-                        : "btn btn-info text-white"
-                    }
-                    type="button"
-                    onClick={() => handleView(4)}
-                  >
-                    Select Languages
+                    Basic Information
                   </button>
                   <button
                     className={
diff --git a/src/views/Business/Businesses.js b/src/views/Business/Businesses.js
index f7d0a5f..75c1a1e 100644
--- a/src/views/Business/Businesses.js
+++ b/src/views/Business/Businesses.js
@@ -137,11 +137,11 @@ const Businesses = () => {
                   "
               >
                 <div style={{ fontSize: "22px" }} className="fw-bold">
-                  Health Care Providers
+                  Users
                 </div>
 
                 <div className="page-title-right">
-                  <Link to="/healthcare/providers/add">
+                  <Link to="/users/add">
                     <Button
                       variant="contained"
                       color="primary"
@@ -198,12 +198,13 @@ const Businesses = () => {
                         style={{ background: "rgb(140, 213, 213)" }}
                       >
                         <tr>
-                          <th className="text-start">HealthCare Provider </th>
+                          <th className="text-start">User Name </th>
                           {/* <th className="text-start">Logo</th> */}
-                          <th className="text-start">Name </th>
+                          <th className="text-start">User Type </th>
                           <th className="text-start">Created On</th>
                           {/* <th className="text-start">Status</th> */}
                           <th className="text-center">Actions</th>
+                          <th className="text-center">Campaigns</th>
                         </tr>
                       </thead>
                       <tbody>
@@ -268,9 +269,7 @@ const Businesses = () => {
                                 <td className=" text-center">
                                   <OverLayButton data={{ url: i?.url }} />
 
-                                  <Link
-                                    to={`/healthcare/providers/view/${i._id}`}
-                                  >
+                                  <Link to={`/users/view/${i._id}`}>
                                     <button
                                       style={{ color: "white" }}
                                       type="button"
@@ -284,9 +283,7 @@ const Businesses = () => {
                                     </button>
                                   </Link>
 
-                                  <Link
-                                    to={`/healthcare/providers/edit/${i._id}`}
-                                  >
+                                  <Link to={`/users/edit/${i._id}`}>
                                     <button
                                       style={{ color: "white" }}
                                       type="button"
diff --git a/src/views/Business/EditBusiness.js b/src/views/Business/EditBusiness.js
index 96ad216..3a07a0b 100644
--- a/src/views/Business/EditBusiness.js
+++ b/src/views/Business/EditBusiness.js
@@ -166,7 +166,7 @@ const EditBusiness = () => {
           button: "Return",
         });
         setLoading(false);
-        navigate("/healthcare/providers", { replace: true });
+        navigate("/users", { replace: true });
       })
       .catch((err) => {
         setLoading(false);
diff --git a/src/views/Business/ViewHealthCareProvider.js b/src/views/Business/ViewHealthCareProvider.js
index 46c1ca4..d7448f8 100644
--- a/src/views/Business/ViewHealthCareProvider.js
+++ b/src/views/Business/ViewHealthCareProvider.js
@@ -65,7 +65,7 @@ const ViewHealthCareProvider = () => {
                 textTransform: "capitalize",
               }}
               onClick={() => {
-                navigate("/healthcare/providers", { replace: true });
+                navigate("/users", { replace: true });
               }}
             >
               Back
diff --git a/src/views/Business/multiform/Contacts.js b/src/views/Business/multiform/Contacts.js
index e09a0f9..d964439 100644
--- a/src/views/Business/multiform/Contacts.js
+++ b/src/views/Business/multiform/Contacts.js
@@ -137,7 +137,7 @@ const Contacts = (props) => {
                   "
           >
             <div style={{ fontSize: "22px" }} className="fw-bold">
-              Contact Information
+              Basic Information
             </div>
             <div style={{ display: "flex", gap: "1rem" }}>
               <h4 className="mb-0"></h4>
@@ -233,18 +233,6 @@ const Contacts = (props) => {
                   </p>
                 )}
               </div>
-              <div className="mb-3">
-                <label htmlFor="title" className="form-label">
-                  Contact Person Name*
-                </label>
-                <input
-                  type="text"
-                  className="form-control"
-                  id="contact_Person_Name"
-                  value={data.contact_Person_Name}
-                  onChange={(e) => handleChange(e)}
-                />
-              </div>
 
               {/*<div className="mb-3">
                 <label htmlFor="title" className="form-label">
diff --git a/src/views/Business/multiform/SelectBusiness.js b/src/views/Business/multiform/SelectBusiness.js
index 62685e7..32fd1cf 100644
--- a/src/views/Business/multiform/SelectBusiness.js
+++ b/src/views/Business/multiform/SelectBusiness.js
@@ -58,14 +58,14 @@ const SelectBusiness = (props) => {
                   "
           >
             <div style={{ fontSize: "22px" }} className="fw-bold">
-              Select Provider Type
+              Select User Type
             </div>
             <div style={{ display: "flex", gap: "1rem" }}>
               <h4 className="mb-0"></h4>
             </div>
 
             <div className="page-title-right">
-              <Link to="/healthcare/providers">
+              <Link to="/users">
                 <Button
                   variant="contained"
                   color="secondary"