diff --git a/src/Routers.jsx b/src/Routers.jsx
index 3182a0b..a44c638 100644
--- a/src/Routers.jsx
+++ b/src/Routers.jsx
@@ -57,6 +57,9 @@ import VerifyPasswordPagesTwo from "./views/VerifyPasswordPagesTwo";
 import VerifyYouPages from "./views/VerifyYouPages";
 import VerifyYouPagesTwo from "./views/VerifyYouPagesTwo";
 import YourPages from "./views/YourPage_";
+import ParentWaitingPage from "./views/ParentWaitingPage";
+import FamilyPendingOfferPage from "./views/FamilyPendingOfferPage";
+import FamilyPastDuePage from "./views/FamilyPastDuePage";
 
 export default function Routers() {
   return (
@@ -129,6 +132,9 @@ export default function Routers() {
           <Route exact path="/market-place" element={<MarketPlacePage />} />
           <Route exact path="/market" element={<MarketPlacePage />} />
           <Route exact path="/familymarket" element={<FamilyMarketPage />} />
+          <Route exact path="/suggested" element={<ParentWaitingPage />} />
+          <Route exact path="/pastdue" element={<FamilyPastDuePage />} />
+          <Route exact path="/pending" element={<FamilyPendingOfferPage />} />
           <Route
             exact
             path="/familysettings"
diff --git a/src/components/FamilyAcc/FamilyPastDue.jsx b/src/components/FamilyAcc/FamilyPastDue.jsx
new file mode 100644
index 0000000..33b0b50
--- /dev/null
+++ b/src/components/FamilyAcc/FamilyPastDue.jsx
@@ -0,0 +1,10 @@
+import React from 'react'
+import Layout from '../Partials/Layout'
+
+export default function FamilyPastDue() {
+  return (
+    <Layout>
+        <div>Family PastDue Page Here</div>
+    </Layout>
+  )
+}
diff --git a/src/components/FamilyAcc/FamilyPendingOffer.jsx b/src/components/FamilyAcc/FamilyPendingOffer.jsx
new file mode 100644
index 0000000..36ef045
--- /dev/null
+++ b/src/components/FamilyAcc/FamilyPendingOffer.jsx
@@ -0,0 +1,44 @@
+import React, { useEffect, useState } from 'react'
+import Layout from '../Partials/Layout'
+import MyOffersFamilyTable from '../MyTasks/MyOffersFamilyTable'
+import LoadingSpinner from '../Spinners/LoadingSpinner';
+import usersService from '../../services/UsersService';
+
+export default function FamilyPendingOffer() {
+    const userApi = new usersService();
+
+    const [myOffersList, setMyOffersList] = useState({loading: true, data: []});
+
+    const getMyOffersList = async () => {
+        try {
+            const res = await userApi.getOffersList();
+            setMyOffersList({loading:false, data:res.data});
+            console.log('SAME', res.data)
+        } catch (error) {
+            setMyOffersList({loading:false, data:[]});
+            console.log("Error getting offers", error);
+        }
+    };
+
+    useEffect(()=>{
+        getMyOffersList()
+    },[])
+    return (
+        <Layout>
+            {myOffersList.loading ?
+                <LoadingSpinner size='10' color='sky-blue' height='h-[20rem]'  />
+            :
+            myOffersList?.data?.result_list && myOffersList?.data?.result_list.length > 0 ?
+            <MyOffersFamilyTable
+                familyOffers={myOffersList?.data?.result_list}
+                image_server={myOffersList?.data?.session_image_server}
+                className="mb-10" 
+            />
+            :
+            <div className='w-full h-[30rem] bg-white dark:bg-dark-white flex justify-center items-center rounded-2xl'>
+                <p className='text-black dark:text-white'>No Record Found!</p>
+            </div>
+            }
+        </Layout>
+    )
+}
diff --git a/src/components/FamilyAcc/ParentWaiting.jsx b/src/components/FamilyAcc/ParentWaiting.jsx
new file mode 100644
index 0000000..e5f5054
--- /dev/null
+++ b/src/components/FamilyAcc/ParentWaiting.jsx
@@ -0,0 +1,12 @@
+import React from 'react'
+
+import Layout from '../Partials/Layout'
+import ParentWaiting from '../MyOffers/ParentWaiting'
+
+export default function ParentWaitingLayout() {
+  return (
+    <Layout>
+        <ParentWaiting />
+    </Layout>
+  )
+}
diff --git a/src/components/Home/FamilyDash.jsx b/src/components/Home/FamilyDash.jsx
index 8ebe47b..2eee32d 100644
--- a/src/components/Home/FamilyDash.jsx
+++ b/src/components/Home/FamilyDash.jsx
@@ -1,7 +1,6 @@
 import React, { useEffect, useState } from "react";
 import { Link } from "react-router-dom";
 import usersService from "../../services/UsersService";
-import ParentWaiting from "../MyOffers/ParentWaiting";
 import MyOffersFamilyTable from "../MyTasks/MyOffersFamilyTable";
 import FamilyActiveLSlde from "./FamilyActiveLSlde";
 import { useDispatch, useSelector } from "react-redux";
@@ -65,13 +64,13 @@ export default function FamilyDash({ familyOffers, MyActiveJobList }) {
         {/* Header */}
         <div className="text-white mb-4 p-2 w-full rounded-xl bg-sky-blue place-content-center">
           <div className="w-full flex flex-wrap gap-x-4">
-            <p className="text-lg font-normal">Welcome</p>
+            <p className="text-lg font-normal leading-5">Welcome</p>
             <div className="">
-              <h1 className="text-lg font-normal">{`${userDetails?.firstname} ${userDetails?.lastname}`}</h1>
+              <h1 className="text-lg font-normal leading-5">{`${userDetails?.firstname} ${userDetails?.lastname}`}</h1>
             </div>
           </div>
           <div className="w-full text-sm flex justify-end items-end">
-            <p>Last Login: {`${userDetails?.last_login.split(' ')[0]}`}</p>
+            <p className="leading-4">Last Login: {`${userDetails?.last_login.split(' ')[0]}`}</p>
           </div>
         </div>
 
@@ -82,11 +81,11 @@ export default function FamilyDash({ familyOffers, MyActiveJobList }) {
             <div className="w-full mb-4 grid grid-cols-2 md:grid-cols-3 gap-2 md:gap-4">
               {Object.keys(familyBannersList?.result_list).map((item, index) => {
                 let content = familyBannersList?.result_list[item]
-                let action = item == 'recommend' ? 'familymarket' : 'mytask'
+                // let action = item == 'recommend' ? 'familymarket' : 'mytask'
                 return (
-                  <Link key={item} to={`/${action}`} className={`rounded-xl bg-white dark:bg-dark-white shadow-md flex justify-center items-center transition-all duration-300 hover:shadow-sm`}>
+                  <Link key={item} to={`/${content.banner.action}`} className={`rounded-xl bg-white dark:bg-dark-white shadow-md flex justify-center items-center transition-all duration-300 hover:shadow-sm`}>
                     <div className="h-full w-full">
-                      <img className="w-full h-[10rem] object-cover object-left rounded-t-xl" src={content.banner.image} alt='banner image' />
+                      <img className="w-full h-[10rem] object-cover rounded-t-xl" src={content.banner.image} alt='banner image' />
                       <div className="flex flex-col justify-between">
                         <div className="px-2 py-2 border-b border-transparent min-h-[4rem] flex flex-col gap-1">
                           <h1 className="text-lg text-[#083e21] dark:text-white font-bold tracking-wide">{content.banner.text}</h1>
@@ -121,15 +120,6 @@ export default function FamilyDash({ familyOffers, MyActiveJobList }) {
                             <div className="w-1 h-1 bg-slate-400 rounded-full"></div>
                           </div>
                         </div>
-
-                        {/* <div className="px-2 py-1 flex justify-between items-center">
-                          <span className="text-slate-400 dark:text-slate-200 text-sm">6w ago</span>
-                          <div className="flex justify-center gap-1">
-                            <div className="w-1 h-1 bg-slate-400 rounded-full"></div>
-                            <div className="w-1 h-1 bg-slate-400 rounded-full"></div>
-                            <div className="w-1 h-1 bg-slate-400 rounded-full"></div>
-                          </div>
-                        </div> */}
                       </div>
                     </div>
                   </Link>
@@ -155,9 +145,6 @@ export default function FamilyDash({ familyOffers, MyActiveJobList }) {
             image_server={familyOffers?.session_image_server}
           />
         )}
-
-        {/*<TopSellerTopBuyerSliderSection className="mb-10" />*/}
-        <ParentWaiting className="mb-10" />
       </div>
     </div>
   );
diff --git a/src/components/MyOffers/ParentWaiting.jsx b/src/components/MyOffers/ParentWaiting.jsx
index 3fec455..5918c29 100644
--- a/src/components/MyOffers/ParentWaiting.jsx
+++ b/src/components/MyOffers/ParentWaiting.jsx
@@ -41,29 +41,6 @@ export default function ParentWaiting({ className }) {
 
           <div className="overview-countdown h-full w-full flex flex-col justify-between p-4 rounded-2xl bg-white dark:bg-dark-white">
             {<ParentWaitingTable />}
-
-            {/*          <div className="lg:mb-0 mb-3">*/}
-            {/*              <h1 className="text-2xl font-bold text-dark-gray dark:text-white tracking-wide">*/}
-            {/*                  Lock and Lob x Fiesta Spurs*/}
-            {/*              </h1>*/}
-            {/*              <span className="text-[18px] font-thin tracking-wide   text-dark-gray dark:text-white">*/}
-            {/*  ID : 2320382*/}
-            {/*</span>*/}
-            {/*          </div>*/}
-            {/*          /!* user *!/*/}
-            {/*          <div className="flex items-center space-x-3 lg:mb-0 mb-3">*/}
-            {/*              <div className="w-14 h-14 flex justify-center items-center rounded-full overflow-hidden">*/}
-            {/*                  <img src={HeroUser} alt="" />*/}
-            {/*              </div>*/}
-            {/*              <div>*/}
-            {/*                  <p className="text-xl tracking-wide font-bold antise   text-dark-gray dark:text-white">*/}
-            {/*                      Brokln Simons*/}
-            {/*                  </p>*/}
-            {/*                  <p className="text-sm tracking-wide   text-dark-gray dark:text-white">*/}
-            {/*                      @broklinslam_75*/}
-            {/*                  </p>*/}
-            {/*              </div>*/}
-            {/*          </div>*/}
           </div>
         </div>
       </div>
diff --git a/src/views/FamilyPastDuePage.jsx b/src/views/FamilyPastDuePage.jsx
new file mode 100644
index 0000000..d3ee637
--- /dev/null
+++ b/src/views/FamilyPastDuePage.jsx
@@ -0,0 +1,10 @@
+import React from 'react'
+import FamilyPastDue from '../components/FamilyAcc/FamilyPastDue'
+
+export default function FamilyPastDuePage() {
+  return (
+    <>
+        <FamilyPastDue />
+    </>
+  )
+}
diff --git a/src/views/FamilyPendingOfferPage.jsx b/src/views/FamilyPendingOfferPage.jsx
new file mode 100644
index 0000000..2294e35
--- /dev/null
+++ b/src/views/FamilyPendingOfferPage.jsx
@@ -0,0 +1,10 @@
+import React from 'react'
+import FamilyPending from '../components/FamilyAcc/FamilyPendingOffer'
+
+export default function FamilyPendingOfferPage() {
+  return (
+    <>
+        <FamilyPending />
+    </>
+  )
+}
diff --git a/src/views/ParentWaitingPage.jsx b/src/views/ParentWaitingPage.jsx
new file mode 100644
index 0000000..9903162
--- /dev/null
+++ b/src/views/ParentWaitingPage.jsx
@@ -0,0 +1,10 @@
+import React from 'react'
+import ParentWaitingLayout from '../components/FamilyAcc/ParentWaiting'
+
+export default function ParentWaitingPage() {
+  return (
+    <>
+        <ParentWaitingLayout />
+    </>
+  )
+}