diff --git a/src/components/UserHeader/CommonHead.jsx b/src/components/UserHeader/CommonHead.jsx
index 486e0b5..ce37cb3 100644
--- a/src/components/UserHeader/CommonHead.jsx
+++ b/src/components/UserHeader/CommonHead.jsx
@@ -3,15 +3,15 @@ import { Link } from "react-router-dom";
 import RecomendedSliders from "./RecomendedSliders";
 
 export default function CommonHead({ className,commonHeadData }) {
-    const vvv=  commonHeadData();
-    console.log("UUUUUUUU-",vvv);
+    const bannerData =  commonHeadData();
+    console.log("UUUUUUUU-",bannerData);
     return (
         <div
             className={`create-nft w-full lg:h-[140px] shadow lg:flex rounded-lg justify-between items-center  md:p-2 p-2 bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29] -2 border-pink mb-10 ${
                 className || ""
             }`}
         >
-            <RecomendedSliders />
+            <RecomendedSliders bannerData={bannerData}  />
             {/*<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">*!/*/}
             {/*    /!*    This is common head which will appear as needed , will take many shape*!/*/}
diff --git a/src/components/UserHeader/RecomendedSliders.jsx b/src/components/UserHeader/RecomendedSliders.jsx
index a452bc2..8b117a5 100644
--- a/src/components/UserHeader/RecomendedSliders.jsx
+++ b/src/components/UserHeader/RecomendedSliders.jsx
@@ -6,7 +6,7 @@ import top4 from "../../assets/images/top-buyer-4.png";
 import Icons from "../Helpers/Icons";
 import SliderCom from "../Helpers/SliderCom";
 
-export default function RecomendedSliders({ className }) {
+export default function RecomendedSliders({ className ,bannerData }) {
     const settings = {
         arrows: false,
         dots: false,