update

src/components/productDesign/ProductDesign.js

@@ -44,10 +44,12 @@ const ProductDesign = ({
           ها به صورت داینامیک دیزاین های مختلفی را مشاهده کنید شما همچنین
           میتوانید با تغییر دادن مقدار <span>PriceDirection</span> به یکی از این
           ها:
+          <br />
           <span className="bg-blue-400 text-white rounded shadow-sm px-2 py-1 mx-2">
             flex-row/flex-row-reverse/flex-column/flex-column-reverse
           </span>
-          دیزاین های متفاوتی را برای قسمت قسمت هر محصول ببینید.
+          دیزاین های متفاوتی را برای قسمت قیمت و اضافه کردن به سبد خرید هر محصول
+          ببینید.
         </p>
         <p className="mt-4 leading-7	">
           برای نمایش ستاره ها من از یک کامپوننت استفاده کردم ====
@@ -56,6 +58,7 @@ const ProductDesign = ({
           </span>
         </p>
       </div>
+      {/* product UI Design */}
       <div className="flex flex-wrap sm:flex-nowrap justify-around">
         {/* product items1 */}
         <div className="product-items-holder">