diff --git a/src/components/FamilyAcc/FamilyTable.jsx b/src/components/FamilyAcc/FamilyTable.jsx
index f1e8d91..a3d6dec 100644
--- a/src/components/FamilyAcc/FamilyTable.jsx
+++ b/src/components/FamilyAcc/FamilyTable.jsx
@@ -52,7 +52,7 @@ export default function FamilyTable({ className, familyList, loader }) {
                         >
                           <td className=" py-4">
                             <div className="flex space-x-2 items-center w-full">
-                              <div className="w-full h-[60px] rounded-full overflow-hidden flex justify-center items-center flex-[0.1] max-w-[60px]">
+                              <div className="w-full h-[60px] rounded-full overflow-hidden flex justify-center items-center flex-[0.1] min-w-[60px]">
                                 <img
                                   src={dataImage1}
                                   alt="data"
diff --git a/src/components/Helpers/Inputs/InputCom/index.jsx b/src/components/Helpers/Inputs/InputCom/index.jsx
index 7e0b2a5..09f2b16 100644
--- a/src/components/Helpers/Inputs/InputCom/index.jsx
+++ b/src/components/Helpers/Inputs/InputCom/index.jsx
@@ -107,7 +107,7 @@ export default function InputCom({
 }
 
 const inputConfigs = {
-  email: { minLength: 7, maxLength: 30 },
+  email: { minLength: 7, maxLength: 35 },
   first_name: { minLength: 3, maxLength: 25, pattern: "[a-zA-Z]+" },
   last_name: { minLength: 3, maxLength: 25, pattern: "[a-zA-Z]+" },
   address: { minLength: 5, maxLength: 49, pattern: "[a-zA-Z0-9]+" },
diff --git a/src/components/MyJobs/MyJobTable.jsx b/src/components/MyJobs/MyJobTable.jsx
index ffcf9b9..1e10d01 100644
--- a/src/components/MyJobs/MyJobTable.jsx
+++ b/src/components/MyJobs/MyJobTable.jsx
@@ -111,7 +111,7 @@ export default function MyJobTable({ MyJobList, reloadJobList, className }) {
                         <td className="py-9">
                           <div className="sm:flex sm:space-x-2 sm:justify-between sm:items-center job-items">
                             <div className="flex space-x-2 items-center job-items w-full">
-                              <div className="w-full h-[60px] rounded-full overflow-hidden flex justify-center items-center flex-[0.1] max-w-[60px]">
+                              <div className="w-full h-[60px] rounded-full overflow-hidden flex justify-center items-center flex-[0.1] min-w-[60px]">
                                 <img
                                   src={dataImage2}
                                   alt="data"
diff --git a/src/components/MyTasks/MyJobTable.jsx b/src/components/MyTasks/MyJobTable.jsx
index 4de457b..d0dcad6 100644
--- a/src/components/MyTasks/MyJobTable.jsx
+++ b/src/components/MyTasks/MyJobTable.jsx
@@ -68,7 +68,7 @@ export default function MyJobTable({ className }) {
                 >
                   <div className=" py-4">
                     <div className="flex space-x-2 items-center">
-                      <div className="w-full max-w-[60px] flex-[0.1] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
+                      <div className="w-full min-w-[60px] flex-[0.1] h-[60px] rounded-full overflow-hidden flex justify-center items-center">
                         <img
                           src={dataImage1}
                           alt="data"
diff --git a/src/components/Partials/MobileSideBar.jsx b/src/components/Partials/MobileSideBar.jsx
index 9abe391..37ea8af 100644
--- a/src/components/Partials/MobileSideBar.jsx
+++ b/src/components/Partials/MobileSideBar.jsx
@@ -82,172 +82,126 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler }) {
             <ul className="flex flex-col space-y-6">
               {/* Using mini component reduces the bulk amount of html */}
               {[
-                { name: "Dashboard", path: "/" },
-                { name: "Market", path: "/market", bubble: noOfJobs },
-                { name: "My Task(s)", path: "/mytask" },
-              ].map(({ name, path, bubble }, idx) => (
+                { name: "Dashboard", path: "/", iconName: "market" },
+                userDetails?.account_type !== "family"
+                  ? {
+                      name: "Market",
+                      path: "/market",
+                      bubble: noOfJobs,
+                      iconName: "market",
+                    }
+                  : {},
+                { name: "My Task(s)", path: "/mytask", iconName: "market" },
+              ].map(({ name, path, bubble, iconName }, idx) => (
                 <ListItem
                   key={idx}
                   title={name}
                   route={path}
                   bubble={bubble}
-                  sidebar
+                  sidebar={sidebar}
+                  iconName={iconName}
                 />
               ))}
-              {/*<li className="item group">*/}
-              {/*  <NavLink*/}
-              {/*    to="/notification"*/}
-              {/*    className="nav-item flex items-center justify-start space-x-3.5"*/}
-              {/*  >*/}
-              {/*    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full   text-dark-gray dark:text-white">*/}
-              {/*      <Icons name="notification" />*/}
-              {/*    </span>*/}
-              {/*    <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">*/}
-              {/*      Messages*/}
-              {/*    </span>*/}
-              {/*  </NavLink>*/}
-              {/*</li>*/}
-              {/*<li className="item group">*/}
-              {/*  <NavLink*/}
-              {/*      to="/my-wallet"*/}
-              {/*      className="nav-item flex items-center justify-start space-x-3.5"*/}
-              {/*  >*/}
-              {/*    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full   text-dark-gray dark:text-white">*/}
-              {/*      <Icons name="wallet-two" />*/}
-              {/*    </span>*/}
-              {/*    <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">*/}
-              {/*       My Wallet*/}
-              {/*    </span>*/}
-              {/*  </NavLink>*/}
-              {/*</li>*/}
-              {/*<li className="item group">*/}
-              {/*  <NavLink*/}
-              {/*    to="/resources"*/}
-              {/*    className="nav-item flex items-center justify-start space-x-3.5"*/}
-              {/*  >*/}
-              {/*    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full   text-dark-gray dark:text-white">*/}
-              {/*      <Icons name="star" />*/}
-              {/*    </span>*/}
-              {/*    <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">*/}
-              {/*      Resources*/}
-              {/*    </span>*/}
-              {/*  </NavLink>*/}
-              {/*</li>*/}
-              {/*<li className="item group">*/}
-              {/*  <NavLink*/}
-              {/*    to="/history"*/}
-              {/*    className="nav-item flex items-center justify-start space-x-3.5"*/}
-              {/*  >*/}
-              {/*    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full   text-dark-gray dark:text-white">*/}
-              {/*      <Icons name="history" />*/}
-              {/*    </span>*/}
-              {/*    <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">*/}
-              {/*      History*/}
-              {/*    </span>*/}
-              {/*  </NavLink>*/}
-              {/*</li>*/}
-              {/*<li className="item group">*/}
-              {/*  <NavLink*/}
-              {/*    to="/referral"*/}
-              {/*    className="nav-item flex items-center justify-start space-x-3.5"*/}
-              {/*  >*/}
-              {/*    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full   text-dark-gray dark:text-white">*/}
-              {/*      <Icons name="history" />*/}
-              {/*    </span>*/}
-              {/*    <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">*/}
-              {/*    Refer a Friend*/}
-              {/*    </span>*/}
-              {/*  </NavLink>*/}
-              {/*</li>*/}
             </ul>
           </div>
         </div>
 
-        {!userDetails.post_jobs ? (
-          <div className="setting-item">
-            <div className="top-platform bg-pink dark:bg-dark-white   rounded-2xl p-16 2xl:w-[180px] w-full 2xl:mb-10 2xl:border-none  border ">
-              <NavLink
-                to="/start-job"
-                className="nav-item flex items-center justify-start space-x-3.5"
-              >
-                <span className="item-content relative group-hover:text-purple text-xl transition-all duration-300 ease-in-out text-lighter-gray font-medium active flex-1">
-                  Enable Job Post
-                </span>
-              </NavLink>
-            </div>
-          </div>
-        ) : jobLists?.result_list?.length ? (
-          <div className="setting-item">
-            <div className="heading mb-5">
-              <h1 className="title text-xl font-bold text-purple">My Jobs</h1>
-            </div>
-            <div className="items">
-              <ul className="flex flex-col space-y-6">
-                <li className="item group">
-                  <NavLink
-                    to="/myjobs"
-                    className="nav-item flex items-center justify-start space-x-3.5"
-                  >
-                    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full   text-dark-gray dark:text-white">
-                      <Icons name="people-two" />
-                    </span>
-                    <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
-                      My Jobs
-                    </span>
-                  </NavLink>
-                </li>
-                <li className="item group">
-                  <NavLink
-                    to="/my-active-jobs"
-                    className="nav-item flex items-center justify-start space-x-3.5"
-                  >
-                    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full   text-dark-gray dark:text-white">
-                      <Icons name="setting" />
-                    </span>
-                    <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
-                      Pending
-                    </span>
-                  </NavLink>
-                </li>
-                <li className="item group">
-                  <NavLink
-                    to="/my-active-jobs"
-                    className="nav-item flex items-center justify-start space-x-3.5"
-                  >
-                    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full   text-dark-gray dark:text-white">
-                      <Icons name="setting" />
-                    </span>
-                    <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
-                      Active Job(s)
-                    </span>
-                  </NavLink>
-                </li>
-              </ul>
-            </div>
-          </div>
-        ) : (
-          <div className="setting-item">
-            <div className="heading mb-5">
-              <h1 className="title text-xl font-bold text-purple">My Jobs</h1>
-            </div>
-            <div className="items">
-              <ul className="flex flex-col space-y-6">
-                <li className="item group">
-                  <NavLink
-                    to="/add-job"
-                    className="nav-item flex items-center justify-start space-x-3.5"
-                  >
-                    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full   text-dark-gray dark:text-white">
-                      <Icons name="people-two" />
-                    </span>
-                    <span className="item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium active flex-1">
-                      My Jobs
-                    </span>
-                  </NavLink>
-                </li>
-              </ul>
-            </div>
-          </div>
+        {userDetails?.account_type !== "family" && (
+          <>
+            {!userDetails?.post_jobs ? (
+              <div className="menu-setting-items mb-11">
+                {/* menus item */}
+                <div
+                  className={`menu-item transition-all duration-300 ease-in-out bg-pink dark:bg-dark-white rounded-2xl p-3 ${
+                    sidebar ? "mb-14" : "rounded-none p-0"
+                  }`}
+                >
+                  <div className="items">
+                    <div className="heading mb-5">
+                      <h1 className="title text-xl font-bold text-purple">
+                        Job Post
+                      </h1>
+                    </div>
+                    <ul className="flex flex-col space-y-6">
+                      <li className="item group">
+                        <NavLink
+                          to="/start-job"
+                          className={`nav-item flex items-center ${
+                            ((navData) => (navData.isActive ? "active" : ""),
+                            sidebar
+                              ? "justify-start space-x-3.5"
+                              : "justify-center")
+                          }`}
+                        >
+                          <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
+                            <Icons name="people-two" />
+                          </span>
+                          <span
+                            className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
+                              sidebar ? "active flex-1" : "w-0"
+                            }`}
+                          >
+                            Enable Job Post
+                          </span>
+                        </NavLink>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+              </div>
+            ) : jobLists?.result_list?.length ? (
+              <div className="setting-item">
+                <div className="heading mb-5">
+                  <h1 className="title text-xl font-bold text-purple">
+                    My Jobs
+                  </h1>
+                </div>
+                <div className="items">
+                  <ul className="flex flex-col space-y-6">
+                    {[
+                      { name: "List", path: "/myjobs", iconName: "people-two" },
+                      {
+                        name: "Pending",
+                        path: "/my-pending-jobs",
+                        iconName: "people-two",
+                      },
+                      {
+                        name: "Active",
+                        path: "/my-active-jobs",
+                        iconName: "people-two",
+                      },
+                    ].map(({ name, path, iconName }, idx) => (
+                      <ListItem
+                        key={idx}
+                        title={name}
+                        route={path}
+                        sidebar={sidebar}
+                        iconName={iconName}
+                      />
+                    ))}
+                  </ul>
+                </div>
+              </div>
+            ) : (
+              <div className="setting-item">
+                <div className="heading mb-5">
+                  <h1 className="title text-xl font-bold text-purple">
+                    My Jobs
+                  </h1>
+                </div>
+                <div className="items">
+                  <ul className="flex flex-col space-y-6">
+                    <ListItem
+                      title="Add Job"
+                      route="/add-job"
+                      iconName="people-two"
+                      sidebar={sidebar}
+                    />
+                  </ul>
+                </div>
+              </div>
+            )}
+          </>
         )}
       </div>
       {/* signout area */}
diff --git a/src/components/Partials/Sidebar.jsx b/src/components/Partials/Sidebar.jsx
index 0bb50a2..670a022 100644
--- a/src/components/Partials/Sidebar.jsx
+++ b/src/components/Partials/Sidebar.jsx
@@ -10,6 +10,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
   const darkMode = useContext(DarkModeContext);
 
   let { userDetails } = useSelector((state) => state.userDetails);
+  console.log(userDetails);
   //const jobLists =  getJobList(); // pass from upper - we need in a lot of places
   let { jobLists } = useSelector((state) => state.jobLists);
   const marketData = jobLists?.result_list;
@@ -103,185 +104,69 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
             <ul className="flex flex-col space-y-6">
               {/* Using mini component reduces the bulk amount of html */}
               {[
-                { name: "Dashboard", path: "/" },
-                { name: "Market", path: "/market", bubble: noOfJobs },
-                { name: "My Task(s)", path: "/mytask" },
-              ].map(({ name, path, bubble }, idx) => (
+                { name: "Dashboard", path: "/", iconName: "market" },
+                userDetails?.account_type !== "family"
+                  ? {
+                      name: "Market",
+                      path: "/market",
+                      bubble: noOfJobs,
+                      iconName: "market",
+                    }
+                  : {},
+                { name: "My Task(s)", path: "/mytask", iconName: "market" },
+              ].map(({ name, path, bubble, iconName }, idx) => (
                 <ListItem
                   key={idx}
                   title={name}
                   route={path}
                   bubble={bubble}
-                  sidebar = {sidebar}
+                  sidebar={sidebar}
+                  iconName={iconName}
                 />
               ))}
-              {/*<li className="item group">*/}
-              {/*  <NavLink*/}
-              {/*    to="/notification"*/}
-              {/*    className={`nav-item flex items-center  ${*/}
-              {/*      ((navData) => (navData.isActive ? "active" : ""),*/}
-              {/*      sidebar ? "justify-start space-x-3.5" : "justify-center")*/}
-              {/*    }`}*/}
-              {/*  >*/}
-              {/*    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">*/}
-              {/*      <Icons name="notification-setting" />*/}
-              {/*    </span>*/}
-              {/*    <span*/}
-              {/*      className={`item-content relative group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium ${*/}
-              {/*        sidebar ? "active flex-1" : "w-0"*/}
-              {/*      }`}*/}
-              {/*    >*/}
-              {/*     Messages*/}
-              {/*    </span>*/}
-              {/*  </NavLink>*/}
-              {/*</li>*/}
-              {/*<li className="item group">*/}
-              {/*  <NavLink*/}
-              {/*    to="/my-wallet"*/}
-              {/*    className={`nav-item flex items-center  ${*/}
-              {/*      ((navData) => (navData.isActive ? "active" : ""),*/}
-              {/*      sidebar ? "justify-start space-x-3.5" : "justify-center")*/}
-              {/*    }`}*/}
-              {/*  >*/}
-              {/*    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">*/}
-              {/*      <Icons name="wallet-two" />*/}
-              {/*    </span>*/}
-              {/*    <span*/}
-              {/*      className={`item-content relative group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium ${*/}
-              {/*        sidebar ? "active flex-1" : "w-0"*/}
-              {/*      }`}*/}
-              {/*    >*/}
-              {/*     My Wallet*/}
-              {/*    </span>*/}
-              {/*  </NavLink>*/}
-              {/*</li>*/}
-              {/*<li className="item group">*/}
-              {/*  <NavLink*/}
-              {/*    to="/resources"*/}
-              {/*    className={`nav-item flex items-center ${*/}
-              {/*      ((navData) => (navData.isActive ? "active" : ""),*/}
-              {/*      sidebar ? "justify-start space-x-3.5" : "justify-center")*/}
-              {/*    }`}*/}
-              {/*  >*/}
-              {/*    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">*/}
-              {/*      <Icons name="star" />*/}
-              {/*    </span>*/}
-              {/*    <span*/}
-              {/*      className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${*/}
-              {/*        sidebar ? "active flex-1" : "w-0"*/}
-              {/*      }`}*/}
-              {/*    >*/}
-              {/*      Resources*/}
-              {/*    </span>*/}
-              {/*  </NavLink>*/}
-              {/*</li>*/}
-
-              {/*<li className="item group">*/}
-              {/*  <NavLink*/}
-              {/*    to="/history"*/}
-              {/*    className={`nav-item flex items-center ${*/}
-              {/*      ((navData) => (navData.isActive ? "active" : ""),*/}
-              {/*      sidebar ? "justify-start space-x-3.5" : "justify-center")*/}
-              {/*    }`}*/}
-              {/*  >*/}
-              {/*    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">*/}
-              {/*      <Icons name="history" />*/}
-              {/*    </span>*/}
-              {/*    <span*/}
-              {/*      className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${*/}
-              {/*        sidebar ? "active flex-1" : "w-0"*/}
-              {/*      }`}*/}
-              {/*    >*/}
-              {/*      History*/}
-              {/*    </span>*/}
-              {/*  </NavLink>*/}
-              {/*</li>*/}
-
-              {/*<li className="item group">*/}
-              {/*  <NavLink*/}
-              {/*    to="/referral"*/}
-              {/*    className={`nav-item flex items-center ${*/}
-              {/*      ((navData) => (navData.isActive ? "active" : ""),*/}
-              {/*      sidebar ? "justify-start space-x-3.5" : "justify-center")*/}
-              {/*    }`}*/}
-              {/*  >*/}
-              {/*    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">*/}
-              {/*      <Icons name="history" />*/}
-              {/*    </span>*/}
-              {/*    <span*/}
-              {/*      className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${*/}
-              {/*        sidebar ? "active flex-1" : "w-0"*/}
-              {/*      }`}*/}
-              {/*    >*/}
-              {/*      Refer a Friend*/}
-              {/*    </span>*/}
-              {/*  </NavLink>*/}
-              {/*</li>*/}
             </ul>
           </div>
         </div>
 
-        {/* <div className="setting-item">
-         <div class="heading bg-pink dark:bg-dark-white   rounded-2xl p-6 2xl:w-[180px] w-full 2xl:mb-10 2xl:border-none  border ">
-           <NavLink to="/acc-family">
-             <span className="item-content relative group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium active flex-1">
-               Family Account
-             </span>
-           </NavLink>
-         </div>
-        </div> */}
-
         {/* menu and settings item */}
-        <div className="menu-setting-items mb-11">
-          {/* menus item */}
-          <div className={`menu-item transition-all duration-300 ease-in-out ${
-              sidebar ? "mb-14" : ""
-            }`}>
-            {/* <div className="heading mb-5 bg-dark-blue   rounded-2xl p-2 2xl:w-[180px] w-full 2xl:mb-10 2xl:border-none  border">
-              <NavLink to="/acc-family">
-                <h1 className="title text-xl font-bold text-purple">
-                  Family Corner
-                </h1>
-              </NavLink>
-            </div> */}
-            <div className="items">
+        {userDetails?.account_type !== "family" && (
+          <div className="menu-setting-items mb-11">
+            {/* menus item */}
+            <div
+              className={`menu-item transition-all duration-300 ease-in-out ${
+                sidebar ? "mb-14" : ""
+              }`}
+            >
+              <div className="items">
                 <div className="heading mb-5">
-                  <h1 className="title text-xl font-bold text-purple">Family</h1>
+                  <h1 className="title text-xl font-bold text-purple">
+                    Family
+                  </h1>
                 </div>
                 <ul className="flex flex-col space-y-6">
-                  <li className="item group">
-                    <NavLink
-                      to="/acc-family"
-                      className={`nav-item flex items-center ${
-                        ((navData) => (navData.isActive ? "active" : ""),
-                        sidebar ? "justify-start space-x-3.5" : "justify-center")
-                      }`}
-                    >
-                      <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
-                        <Icons name="people-two" />
-                      </span>
-                      <span
-                        className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
-                          sidebar ? "active flex-1" : "w-0"
-                        }`}
-                      >
-                        Family Corner
-                      </span>
-                    </NavLink>
-                  </li>
+                  <ListItem
+                    title="Family Corner"
+                    route="/acc-family"
+                    iconName="people-two"
+                    sidebar={sidebar}
+                  />
                 </ul>
               </div>
+            </div>
           </div>
-        </div>
+        )}
 
-        {!userDetails.post_jobs ? (
-          
-          <div className="menu-setting-items mb-11">
-          {/* menus item */}
-            <div className={`menu-item transition-all duration-300 ease-in-out bg-pink dark:bg-dark-white rounded-2xl p-3 ${
-                sidebar ? "mb-14" : "rounded-none p-0"
-              }`}>
-              {/* <div className="setting-item">
+        {userDetails?.account_type !== "family" && (
+          <>
+            {!userDetails?.post_jobs ? (
+              <div className="menu-setting-items mb-11">
+                {/* menus item */}
+                <div
+                  className={`menu-item transition-all duration-300 ease-in-out bg-pink dark:bg-dark-white rounded-2xl p-3 ${
+                    sidebar ? "mb-14" : "rounded-none p-0"
+                  }`}
+                >
+                  {/* <div className="setting-item">
                 <div className="top-platform bg-pink dark:bg-dark-white rounded-2xl p-16 2xl:w-[180px] w-full 2xl:mb-10 2xl:border-none border">
                   <NavLink to="/start-job">
                     <span className="item-content relative group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium active flex-1">
@@ -290,175 +175,92 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
                   </NavLink>
                 </div>
               </div> */}
-              <div className="items">
-                <div className="heading mb-5">
-                  <h1 className="title text-xl font-bold text-purple">Job Post</h1>
+                  <div className="items">
+                    <div className="heading mb-5">
+                      <h1 className="title text-xl font-bold text-purple">
+                        Job Post
+                      </h1>
+                    </div>
+                    <ul className="flex flex-col space-y-6">
+                      <li className="item group">
+                        <NavLink
+                          to="/start-job"
+                          className={`nav-item flex items-center ${
+                            ((navData) => (navData.isActive ? "active" : ""),
+                            sidebar
+                              ? "justify-start space-x-3.5"
+                              : "justify-center")
+                          }`}
+                        >
+                          <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
+                            <Icons name="people-two" />
+                          </span>
+                          <span
+                            className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
+                              sidebar ? "active flex-1" : "w-0"
+                            }`}
+                          >
+                            Enable Job Post
+                          </span>
+                        </NavLink>
+                      </li>
+                    </ul>
+                  </div>
                 </div>
-                <ul className="flex flex-col space-y-6">
-                  <li className="item group">
-                    <NavLink
-                      to="/start-job"
-                      className={`nav-item flex items-center ${
-                        ((navData) => (navData.isActive ? "active" : ""),
-                        sidebar ? "justify-start space-x-3.5" : "justify-center")
-                      }`}
-                    >
-                      <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
-                        <Icons name="people-two" />
-                      </span>
-                      <span
-                        className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
-                          sidebar ? "active flex-1" : "w-0"
-                        }`}
-                      >
-                        Enable Job Post
-                      </span>
-                    </NavLink>
-                  </li>
-                </ul>
               </div>
-            </div>
-          </div>
-        ) : jobLists?.result_list?.length ? (
-          <div className="setting-item">
-            <div className="heading mb-5">
-              <h1 className="title text-xl font-bold text-purple">My Jobs</h1>
-            </div>
-            <div className="items">
-              <ul className="flex flex-col space-y-6">
-                <li className="item group">
-                  <NavLink
-                    to="/myjobs"
-                    className={`nav-item flex items-center ${
-                      ((navData) => (navData.isActive ? "active" : ""),
-                      sidebar ? "justify-start space-x-3.5" : "justify-center")
-                    }`}
-                  >
-                    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
-                      <Icons name="people-two" />
-                    </span>
-                    <span
-                      className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
-                        sidebar ? "active flex-1" : "w-0"
-                      }`}
-                    >
-                      List
-                    </span>
-                  </NavLink>
-                </li>
-                <li className="item group">
-                  <NavLink
-                    to="/my-pending-jobs"
-                    className={`nav-item flex items-center ${
-                      ((navData) => (navData.isActive ? "active" : ""),
-                      sidebar ? "justify-start space-x-3.5" : "justify-center")
-                    }`}
-                  >
-                    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
-                      <Icons name="people-two" />
-                    </span>
-                    <span
-                      className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
-                        sidebar ? "active flex-1" : "w-0"
-                      }`}
-                    >
-                      Pending
-                    </span>
-                  </NavLink>
-                </li>
-                <li className="item group">
-                  <NavLink
-                    to="/my-active-jobs"
-                    className={`nav-item flex items-center ${
-                      ((navData) => (navData.isActive ? "active" : ""),
-                      sidebar ? "justify-start space-x-3.5" : "justify-center")
-                    }`}
-                  >
-                    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
-                      <Icons name="people-two" />
-                    </span>
-                    <span
-                      className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
-                        sidebar ? "active flex-1" : "w-0"
-                      }`}
-                    >
-                      Active
-                    </span>
-                  </NavLink>
-                </li>
-                {/*<li className="item group">*/}
-                {/*  <NavLink*/}
-                {/*    to="/profile"*/}
-                {/*    className={`nav-item flex items-center ${*/}
-                {/*      ((navData) => (navData.isActive ? "active" : ""),*/}
-                {/*      sidebar ? "justify-start space-x-3.5" : "justify-center")*/}
-                {/*    }`}*/}
-                {/*  >*/}
-                {/*    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">*/}
-                {/*      <Icons name="people-two" />*/}
-                {/*    </span>*/}
-                {/*    <span*/}
-                {/*      className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${*/}
-                {/*        sidebar ? "active flex-1" : "w-0"*/}
-                {/*      }`}*/}
-                {/*    >*/}
-                {/*      My Profile*/}
-                {/*    </span>*/}
-                {/*  </NavLink>*/}
-                {/*</li>*/}
-                {/*<li className="item group">*/}
-                {/*  <NavLink*/}
-                {/*    to="/settings"*/}
-                {/*    className={`nav-item flex items-center ${*/}
-                {/*      ((navData) => (navData.isActive ? "active" : ""),*/}
-                {/*      sidebar ? "justify-start space-x-3.5" : "justify-center")*/}
-                {/*    }`}*/}
-                {/*  >*/}
-                {/*    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">*/}
-                {/*      <Icons name="setting" />*/}
-                {/*    </span>*/}
-                {/*    <span*/}
-                {/*      className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${*/}
-                {/*        sidebar ? "active flex-1" : "w-0"*/}
-                {/*      }`}*/}
-                {/*    >*/}
-                {/*      Settings*/}
-                {/*    </span>*/}
-                {/*  </NavLink>*/}
-                {/*</li>*/}
-              </ul>
-            </div>
-          </div>
-        ) : (
-          <div className="setting-item">
-            <div className="heading mb-5">
-              <h1 className="title text-xl font-bold text-purple">My Jobs</h1>
-            </div>
-            <div className="items">
-              <ul className="flex flex-col space-y-6">
-                <li className="item group">
-                  <NavLink
-                    to="/add-job"
-                    className={`nav-item flex items-center ${
-                      ((navData) => (navData.isActive ? "active" : ""),
-                      sidebar ? "justify-start space-x-3.5" : "justify-center")
-                    }`}
-                  >
-                    <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
-                      <Icons name="people-two" />
-                    </span>
-                    <span
-                      className={`item-content group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
-                        sidebar ? "active flex-1" : "w-0"
-                      }`}
-                    >
-                      Add Job
-                    </span>
-                  </NavLink>
-                </li>
-              </ul>
-            </div>
-          </div>
+            ) : jobLists?.result_list?.length ? (
+              <div className="setting-item">
+                <div className="heading mb-5">
+                  <h1 className="title text-xl font-bold text-purple">
+                    My Jobs
+                  </h1>
+                </div>
+                <div className="items">
+                  <ul className="flex flex-col space-y-6">
+                    {[
+                      { name: "List", path: "/myjobs", iconName: "people-two" },
+                      {
+                        name: "Pending",
+                        path: "/my-pending-jobs",
+                        iconName: "people-two",
+                      },
+                      {
+                        name: "Active",
+                        path: "/my-active-jobs",
+                        iconName: "people-two",
+                      },
+                    ].map(({ name, path, iconName }, idx) => (
+                      <ListItem
+                        key={idx}
+                        title={name}
+                        route={path}
+                        sidebar={sidebar}
+                        iconName={iconName}
+                      />
+                    ))}
+                  </ul>
+                </div>
+              </div>
+            ) : (
+              <div className="setting-item">
+                <div className="heading mb-5">
+                  <h1 className="title text-xl font-bold text-purple">
+                    My Jobs
+                  </h1>
+                </div>
+                <div className="items">
+                  <ul className="flex flex-col space-y-6">
+                    <ListItem
+                      title="Add Job"
+                      route="/add-job"
+                      iconName="people-two"
+                      sidebar={sidebar}
+                    />
+                  </ul>
+                </div>
+              </div>
+            )}
+          </>
         )}
       </div>
       {/* signout area */}
@@ -526,7 +328,7 @@ export default function Sidebar({ sidebar, action, logoutModalHandler }) {
   );
 }
 
-const ListItem = ({ sidebar, route, title, bubble }) => {
+const ListItem = ({ sidebar, route, title, bubble, iconName }) => {
   return (
     <li className="item group">
       <NavLink
@@ -537,7 +339,7 @@ const ListItem = ({ sidebar, route, title, bubble }) => {
         }`}
       >
         <span className="item-icon group-hover:bg-purple group-hover:text-white w-8 h-8 flex justify-center items-center transition-all duration-300 ease-in-out  bg-light-purple dark:bg-dark-light-purple  rounded-full text-dark-gray dark:text-white dark:text-lighter-gray">
-          <Icons name="market" />
+          <Icons name={iconName} />
         </span>
         <span
           className={`item-content relative group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium ${