diff --git a/src/components/productTags/ProductTags.js b/src/components/productTags/ProductTags.js
index d9e8111..3279c20 100644
--- a/src/components/productTags/ProductTags.js
+++ b/src/components/productTags/ProductTags.js
@@ -62,6 +62,945 @@ const ProductTags = ({
               <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
             )}
           </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            بچسب های دیگر
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            امتحان سخت
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            بسته بندی به صورت کادو
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            امتحان کادو
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            امتحان آسان
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            بسته بندی به صورت کادو
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            آزمون
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+        </div>
+        {/* 2 */}
+        <div className="mt-2 flex flex-wrap w-1/5	">
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            ارسال رایگان
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            بچسب های دیگر
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            امتحان سخت
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            بسته بندی به صورت کادو
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            امتحان کادو
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            امتحان آسان
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            بسته بندی به صورت کادو
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            آزمون
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+        </div>
+        {/* 3 */}
+        <div className="mt-2 flex flex-wrap w-1/5	">
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            ارسال رایگان
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            بچسب های دیگر
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            امتحان سخت
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            بسته بندی به صورت کادو
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            امتحان کادو
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            امتحان آسان
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            بسته بندی به صورت کادو
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            آزمون
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+        </div>
+        {/* 4 */}
+        <div className="mt-2 flex flex-wrap w-1/5	">
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            ارسال رایگان
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            بچسب های دیگر
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            امتحان سخت
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            بسته بندی به صورت کادو
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            امتحان کادو
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            امتحان آسان
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            بسته بندی به صورت کادو
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
+          <button
+            className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+          >
+            {deliveryIcon && (
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+            )}
+            {rightIcon && (
+              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+            )}
+            {darkSettingsIcon && (
+              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+            )}
+            {greenGiftIcon && (
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+            )}
+            {purpleCheckboxIcon && (
+              <img
+                src={lightPurpleDoubleRightIcon}
+                alt=""
+                className="ml-1 w-3"
+              />
+            )}
+            {blueNewspaperIcon && (
+              <img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
+            )}
+            آزمون
+            {cancleIcon && (
+              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+            )}
+          </button>
         </div>
       </div>
     </section>
@@ -98,14 +1037,14 @@ export default ProductTags;
 
 ProductTags.defaultProps = {
   tagtitlecolor: "text-grayTextColor",
-  tagBgColor: "bg-productTagBg",
+  tagBgColor: "bg-transparent",
   tagBorderColor: "border-grayBorderColor",
   // for icons
-  deliveryIcon: false,
+  deliveryIcon: true,
   rightIcon: false,
   darkSettingsIcon: false,
   greenGiftIcon: false,
   purpleCheckboxIcon: false,
-  blueNewspaperIcon: true,
+  blueNewspaperIcon: false,
   cancleIcon: true,
 };