diff --git a/src/assets/cover/offline-buy.jpg b/src/assets/cover/offline-buy.jpg
new file mode 100644
index 0000000..ae822de
Binary files /dev/null and b/src/assets/cover/offline-buy.jpg differ
diff --git a/src/pages/shop/section/productList/ProductList.tsx b/src/pages/shop/section/productList/ProductList.tsx
index ade86fc..ebf400a 100644
--- a/src/pages/shop/section/productList/ProductList.tsx
+++ b/src/pages/shop/section/productList/ProductList.tsx
@@ -5,6 +5,7 @@ import { useQuery } from "@tanstack/react-query";
 import useAxios from "../../../../hooks/useAxios";
 import { RootState } from "../../../../redux/store";
 import { useSelector } from "react-redux";
+import offlineBuy from "../../../../assets/cover/offline-buy.jpg"
 
 const ProductList = () => {
   const { id } = useSelector((state: RootState) => state.configIdState);
@@ -25,6 +26,9 @@ const ProductList = () => {
   return (
     <div className="relative w-full h-full max-md:mt-4 md:mt-8 " id="configs">
       <div className="w-full h-full gap-4 md:gap-6 flex flex-col p-5 justify-center items-center">
+      <div className="w-full h-auto"> 
+          <img src={offlineBuy} alt="offline buy" className="mx-auto rounded-lg w-full max-w-[900px]"/>
+        </div>
         <h1 className="max-md:text-sm text-center text-2xl font-bold">
           برای انتخاب سرویس مورد نظر کلیک کنید تا براتون نمایش داده شود
         </h1>