diff --git a/src/components/Cards/FamilyActiveJobsCard.jsx b/src/components/Cards/FamilyActiveJobsCard.jsx
index 6aca49b..d652b71 100644
--- a/src/components/Cards/FamilyActiveJobsCard.jsx
+++ b/src/components/Cards/FamilyActiveJobsCard.jsx
@@ -8,7 +8,6 @@ import Icons from "../Helpers/Icons";
 export default function FamilyActiveJobsCard({ datas, hidden = false }) {
 
     let { pathname } = useLocation();
-    console.log('TESTING11111',datas)
 
     const [imageUrl, setImageUrl] = useState("");
     const [addFavorite, setValue] = useState(false);
diff --git a/src/components/Cards/FamilyOfferCard.jsx b/src/components/Cards/FamilyOfferCard.jsx
index 2339c33..31132ae 100644
--- a/src/components/Cards/FamilyOfferCard.jsx
+++ b/src/components/Cards/FamilyOfferCard.jsx
@@ -36,7 +36,7 @@ export default function FamilyOfferCard({ datas, hidden = false, setOfferPopout
                         {datas.title}
                     </h1>
                     {/* countdown */}
-                    <div className="w-full h-[54px] flex justify-evenly items-center p-2 rounded-lg border border-[#E3E4FE] dark:border-[#a7a9b533] ">
+                    {/* <div className="w-full h-[54px] flex justify-evenly items-center p-2 rounded-lg border border-[#E3E4FE] dark:border-[#a7a9b533] ">
                         <div className="flex flex-col justify-between">
                             <p className="text-sm text-thin-light-gray dark:text-white tracking-wide">
                                 Task Code
@@ -54,6 +54,47 @@ export default function FamilyOfferCard({ datas, hidden = false, setOfferPopout
                                 <CountDown lastDate={datas.expire} />
                             </p>
                         </div>
+                    </div> */}
+                    <div className="w-full p-2 rounded-lg border border-[#E3E4FE] dark:border-[#a7a9b533] ">
+                        <div className="grid grid-cols-2 gap-2">
+                            <div className="flex flex-col justify-between items-center border-r-2">
+                                <p className="text-sm text-thin-light-gray dark:text-white tracking-wide">
+                                    Task Code
+                                </p>
+                                <p className="text-base font-bold tracking-wide   text-dark-gray dark:text-white">
+                                    {datas.contract}
+                                </p>
+                            </div>
+                            <div className="flex flex-col justify-between items-center">
+                                <p className="text-sm text-red-500 tracking-wide">
+                                    Expires
+                                </p>
+                                <p className="text-base font-bold tracking-wide   text-dark-gray dark:text-white">
+                                    <CountDown lastDate={datas.expire} />
+                                </p>
+                            </div>
+                        </div>
+
+                        <hr className="my-2" />
+
+                        <div className="grid grid-cols-2 gap-2">
+                            <div className="flex flex-col justify-between items-center border-r-2">
+                                <p className="text-sm text-thin-light-gray dark:text-white tracking-wide">
+                                    Reward
+                                </p>
+                                <p className="text-base font-bold tracking-wide   text-dark-gray dark:text-white">
+                                    {thePrice}
+                                </p>
+                            </div>
+                            <div className="flex flex-col justify-between items-center">
+                                <p className="text-sm text-thin-light-gray dark:text-white tracking-wide">
+                                    Timeline
+                                </p>
+                                <p className="text-base font-bold tracking-wide   text-dark-gray dark:text-white">
+                                    {`${datas.timeline_days} day(s)`}
+                                </p>
+                            </div>
+                        </div>
                     </div>
                 </div>
             </div>