My task page

src/components/Cards/ActiveJobsCard.jsx

@@ -94,7 +94,7 @@ export default function ActiveJobsCard({
                                     addFavorite ? "text-red-500" : "text-thin-light-gray"
                                 }`}
                             >
-                                <Icons name="love" />
+                                <Icons name="star" />
                             </button>
                         </div>
                     </div>
@@ -103,7 +103,7 @@ export default function ActiveJobsCard({
                         <div className="flex items-center space-x-2">
                             <div>
                                 <p className="font-bold text-xl tracking-wide line-clamp-1   text-dark-gray dark:text-white">
-                                    {datas.price}
+                                    {datas.price*0.01}{datas.currency} | {datas.timeline_days} day(s)
                                 </p>
                                 <p className="text-sm text-lighter-gray">
                                     ( {datas.offer_code})

src/components/MarketPlace/MainSection.jsx

@@ -83,12 +83,12 @@ export default function MainSection({ className, marketPlaceProduct }) {
             </div>
           </div>
 
-          <div className="search-item flex lg:flex-none justify-end">
+          {/*<div className="search-item flex lg:flex-none justify-end">*/}
-            <SearchCom
+          {/*  <SearchCom*/}
-              className="lg:bg-transparent"
+          {/*    className="lg:bg-transparent"*/}
-              inputClasses="lg:bg-transparent"
+          {/*    inputClasses="lg:bg-transparent"*/}
-            />
+          {/*  />*/}
-          </div>
+          {/*</div>*/}
         </div>
         <div className="filter-navigate-content w-full min-h-screen">
           <div className="grid lg:grid-cols-3 sm:grid-cols-2 gap-[30px]">

src/components/MarketPlace/index.jsx

@@ -1,8 +1,9 @@
 import React from "react";
 import products from "../../data/marketplace_data.json";
-import CreateNft from "../Home/CreateNft";
+//import CreateNft from "../Home/CreateNft";
 import Layout from "../Partials/Layout";
 import MainSection from "./MainSection";
+import CommonHead from "../UserHeader/CommonHead";
 
 export default function MarketPlace(props) {
   const JobList =  props.activeJobList?.result_list;
@@ -11,7 +12,7 @@ export default function MarketPlace(props) {
   return (
     <>
       <Layout>
-        <CreateNft />
+        <CommonHead />
         <MainSection marketPlaceProduct={JobList} className="mb-10" />
       </Layout>
     </>

src/components/UserHeader/CommonHead.jsx

@@ -0,0 +1,32 @@
+import React from "react";
+import { Link } from "react-router-dom";
+
+export default function CommonHead({ className }) {
+    return (
+        <div
+            className={`create-nft w-full lg:h-[140px] shadow lg:flex rounded-lg justify-between items-center  md:p-9 p-4 bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29] -2 border-pink mb-10 ${
+                className || ""
+            }`}
+        >
+            <div className="lg:w-8/12 w-full mb-8 lg:mb-0">
+                <h1 className="text-2xl text-dark-gray dark:text-white font-bold mb-2">
+                    Create your own NFT and extraordinary get lot of Sell.
+                </h1>
+                <p className="text-base text-thin-light-gray tracking-wide">
+                    Buy and sell NFTs from the world’s top artists
+                </p>
+            </div>
+            <div className="flex-1 flex lg:justify-end">
+                <div className="flex items-center space-x-5">
+                    <Link
+                        to="/mytask"
+                        className="w-40 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
+                    >
+                       View Task
+                    </Link>
+
+                </div>
+            </div>
+        </div>
+    );
+}