diff --git a/src/components/Home/FamilyDash.jsx b/src/components/Home/FamilyDash.jsx
index 492312c..1c3dff0 100644
--- a/src/components/Home/FamilyDash.jsx
+++ b/src/components/Home/FamilyDash.jsx
@@ -13,7 +13,7 @@ export default function FamilyDash(props) {
   return (
     <div>
       <div className="home-page-wrapper">
-        <CommonHead commonHeadData={props.commonHeadData} />
+        {/* <CommonHead commonHeadData={props.commonHeadData} /> */}
         <MyOffersFamilyTable MyActiveOffersList={trending} className="mb-10" />
         <FamilyActiveLSlde trending={trending} className="mb-10" />
         {/*<TopSellerTopBuyerSliderSection className="mb-10" />*/}
diff --git a/src/components/MyWallet/WalletHeader.jsx b/src/components/MyWallet/WalletHeader.jsx
index c7d851e..0e90e51 100644
--- a/src/components/MyWallet/WalletHeader.jsx
+++ b/src/components/MyWallet/WalletHeader.jsx
@@ -14,7 +14,7 @@ export default function WalletHeader(props) {
   let navigate = useNavigate();
   return (
     <>
-      <div className="lg:flex hidden user-balance cursor-pointer lg:w-[152px] w-[150px] h-[48px]  items-center rounded-full relative  bg-purple pr-1.5 pl-4">
+      <div className="lg:flex hidden user-balance cursor-pointer lg:w-[152px] w-[150px] h-[48px]  items-center rounded-full relative  bg-sky-blue pr-1.5 pl-4">
         <div
           onClick={() => props.handlerBalance()}
           className="flex items-center lg:justify-between justify-center w-full h-full"
diff --git a/src/components/Partials/Header.jsx b/src/components/Partials/Header.jsx
index b1b636c..a2dc842 100644
--- a/src/components/Partials/Header.jsx
+++ b/src/components/Partials/Header.jsx
@@ -487,7 +487,7 @@ export default function Header({ logoutModalHandler, sidebarHandler }) {
                 </div>
                 <div className="lg:block hidden">
                   <h1 className="text-xl font-bold   text-dark-gray dark:text-white">
-                    {`${firstname} ${lastname}`}
+                    {firstname}
                   </h1>
                  {userDetails && userDetails?.account_type !== "FAMILY" && <p className="text-sm text-thin-light-gray">@{userEmail}</p>}
                 </div>
diff --git a/src/components/Partials/MobileSideBar.jsx b/src/components/Partials/MobileSideBar.jsx
index 42b1230..e603785 100644
--- a/src/components/Partials/MobileSideBar.jsx
+++ b/src/components/Partials/MobileSideBar.jsx
@@ -78,7 +78,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler, myJ
         {/* menus item */}
         <div className="menu-item transition-all duration-300 ease-in-out mb-5">
           <div className="heading mb-5 active">
-            <h1 className="title text-xl font-bold text-purple">Menu</h1>
+            <h1 className="title text-xl font-bold text-sky-blue">Menu</h1>
           </div>
           <div className="items">
             <ul className="flex flex-col space-y-6">
@@ -116,7 +116,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler, myJ
                   }`}
               >
                 <div className="heading mb-5">
-                  <h1 className="title text-xl font-bold text-purple">
+                  <h1 className="title text-xl font-bold text-sky-blue">
                     Family
                   </h1>
                 </div>
@@ -142,7 +142,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler, myJ
                   }`}
                 >
                   <div className="heading mb-5">
-                    <h1 className="title text-xl font-bold text-purple">
+                    <h1 className="title text-xl font-bold text-sky-blue">
                       Job Post
                     </h1>
                   </div>
@@ -162,7 +162,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler, myJ
                             <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 ${
+                            className={`item-content group-hover:text-sky-blue text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
                               sidebar ? "active flex-1" : "w-0"
                             }`}
                           >
@@ -180,7 +180,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler, myJ
                   }`}
               >
                 <div className="heading mb-5">
-                  <h1 className="title text-xl font-bold text-purple">
+                  <h1 className="title text-xl font-bold text-sky-blue">
                     My Jobs
                   </h1>
                 </div>
@@ -217,7 +217,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler, myJ
                   }`}
               >
                 <div className="heading mb-5">
-                  <h1 className="title text-xl font-bold text-purple">
+                  <h1 className="title text-xl font-bold text-sky-blue">
                     My Jobs
                   </h1>
                 </div>
@@ -242,7 +242,7 @@ export default function MobileSidebar({ sidebar, action, logoutModalHandler, myJ
         <button
           onClick={logoutModalHandler}
           type="button"
-          className="signout-btn flex items-center space-x-1  p-2.5 w-2/3 h-[52px] bg-purple transition duration-300 ease-in-out hover:bg-gray-900 rounded-full"
+          className="signout-btn flex items-center space-x-1  p-2.5 w-2/3 h-[52px] bg-sky-blue transition duration-300 ease-in-out hover:bg-gray-900 rounded-full"
         >
           <span>
             <svg
@@ -317,7 +317,7 @@ const ListItem = ({ sidebar, route, title, bubble, popup }) => {
           <Icons name="market" />
         </span>
         <span
-          className={`item-content relative group-hover:text-purple text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium ${
+          className={`item-content relative group-hover:text-sky-blue text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium ${
             sidebar ? "active flex-1" : "w-0"
           }`}
         >
diff --git a/src/components/Partials/Sidebar.jsx b/src/components/Partials/Sidebar.jsx
index 9abe05a..ce8d3d0 100644
--- a/src/components/Partials/Sidebar.jsx
+++ b/src/components/Partials/Sidebar.jsx
@@ -104,7 +104,7 @@ export default function Sidebar({
           }`}
         >
           <div className="heading mb-5">
-            <h1 className="title text-xl font-bold text-purple">Menu</h1>
+            <h1 className="title text-xl font-bold text-sky-blue">Menu</h1>
           </div>
           <div className="items">
             <ul className="flex flex-col space-y-6">
@@ -143,7 +143,7 @@ export default function Sidebar({
             }`}
           >
             <div className="heading mb-5">
-              <h1 className="title text-xl font-bold text-purple">Family</h1>
+              <h1 className="title text-xl font-bold text-sky-blue">Family</h1>
             </div>
             <div className="items">
               <ul className="flex flex-col space-y-6">
@@ -166,7 +166,7 @@ export default function Sidebar({
                 }`}
               >
                 <div className="heading mb-5">
-                  <h1 className="title text-xl font-bold text-purple">
+                  <h1 className="title text-xl font-bold text-sky-blue">
                     Job Post
                   </h1>
                 </div>
@@ -186,7 +186,7 @@ export default function Sidebar({
                           <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 ${
+                          className={`item-content group-hover:text-sky-blue text-[18px] transition-all duration-300 ease-in-out text-lighter-gray relative font-medium ${
                             sidebar ? "active flex-1" : "w-0"
                           }`}
                         >
@@ -204,7 +204,7 @@ export default function Sidebar({
                 }`}
               >
                 <div className="heading mb-5">
-                  <h1 className="title text-xl font-bold text-purple">
+                  <h1 className="title text-xl font-bold text-sky-blue">
                     My Jobs
                   </h1>
                 </div>
@@ -245,7 +245,7 @@ export default function Sidebar({
                 }`}
               >
                 <div className="heading mb-5">
-                  <h1 className="title text-xl font-bold text-purple">
+                  <h1 className="title text-xl font-bold text-sky-blue">
                     My Jobs
                   </h1>
                 </div>
@@ -270,7 +270,7 @@ export default function Sidebar({
         <button
           onClick={logoutModalHandler}
           type="button"
-          className="signout-btn flex items-center space-x-1  p-2.5 w-2/3 h-[52px] bg-purple transition duration-300 ease-in-out hover:bg-gray-900 rounded-full"
+          className="signout-btn flex items-center space-x-1  p-2.5 w-2/3 h-[52px] bg-sky-blue transition duration-300 ease-in-out hover:bg-gray-900 rounded-full"
         >
           <span>
             <svg
@@ -345,7 +345,7 @@ const ListItem = ({ sidebar, route, title, bubble, iconName, popup }) => {
           <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 ${
+          className={`item-content relative group-hover:text-sky-blue text-[18px] transition-all duration-300 ease-in-out text-lighter-gray font-medium ${
             sidebar ? "active flex-1" : "w-0"
           }`}
         >