update

src/components/Blogs/design1/BlogDesign1.js

@@ -35,7 +35,7 @@ const BlogDesign1 = ({
         </div>
         <div className="w-3/5 mr-4 flex flex-col justify-between py-2">
           <div>
-            <h2 className="text-base text-justify text-grayTextColor">
+            <h2 className="text-base text-justify text-grayTextColor font-bold leading-6">
               آیا مواد غذای پر فیبر و مفید هستند؟
             </h2>
             {blogExcerpt && (

src/components/Blogs/design2/BlogDesign2.js

@@ -58,11 +58,13 @@ const BlogDesign2 = ({
           </button>
         )}
         <div className="z-10 child-text">
-          <h2 className="text-white text-base">
+          <h2 className="text-white text-base font-bold leading-6">
             آیا مواد غذایی پر فیبر مفید هستند؟
           </h2>
           {blogSubTitle && (
-            <h2 className="text-white text-base mt-2">شما چه فکری می کنید</h2>
+            <h2 className="text-white text-base mt-2 font-bold leading-6">
+              شما چه فکری می کنید
+            </h2>
           )}
         </div>
         <div className="z-10 flex item-center justify-between w-full mt-4">

src/components/Blogs/design3/BlogDesign3.js

@@ -47,11 +47,15 @@ const BlogDesign3 = ({
       >
         {/* <img src={blogFeaturedImage2} alt="" /> */}
         <div className="w-full mx-auto p-4 rounded-lg shadow-md bg-white transform translate-y-20">
-          <h2 className={`text-base text-justify ${blogTitleColor}`}>
+          <h2
+            className={`text-base text-justify font-bold leading-6 ${blogTitleColor}`}
+          >
             آیا مواد غذای پر فیبر و مفید هستند؟
           </h2>
           {blogSubTitle && (
-            <h2 className={`text-base text-justify mt-2 ${blogTitleColor}`}>
+            <h2
+              className={`text-base text-justify mt-2 font-bold leading-6 ${blogTitleColor}`}
+            >
               نظر شما چیه
             </h2>
           )}

src/components/Blogs/design4/BlogDesign4.js

@@ -38,7 +38,7 @@ const BlogDesign4 = ({
         </div>
         <div className="w-3/5 flex flex-col justify-between py-3 transform translate-x-10">
           <div>
-            <h2 className="text-base text-grayTextColor">
+            <h2 className="text-base text-grayTextColor font-bold leading-6">
               آیا مواد غذای پر فیبر و مفید هستند؟
             </h2>
             {blogExcerpt && (

src/components/Blogs/design5/BlogDesign5.js

@@ -38,7 +38,7 @@ const BlogDesign5 = ({
         </div>
         <div className="w-3/5 flex flex-col justify-between py-3 mr-4">
           <div>
-            <h2 className="text-base text-justify text-grayTextColor">
+            <h2 className="text-base text-justify text-grayTextColor font-bold leading-6">
               آیا مواد غذای پر فیبر و مفید هستند؟
             </h2>
             {blogExcerpt && (

src/components/Blogs/design6/BlogDesign6.js

@@ -37,7 +37,7 @@ const BlogDesign6 = ({
       <div className="">
         <img src={FeaturedImage} alt="" className="w-full" />
         <div className="py-2">
-          <h2 className="text-base text-justify text-grayTextColor mt-2">
+          <h2 className="text-base text-justify text-grayTextColor mt-2 font-bold leading-6">
             آیا مواد غذای پر فیبر و مفید هستند؟
           </h2>
           {blogExcerpt && (

src/components/footer/design1/FooterDesign1.js

@@ -15,73 +15,73 @@ const FooterDesign1 = ({ footerMenuItemsColor, footerBgColor }) => {
       <div className="flex items-start">
         <ul className="mr-10">
           <li
-            className={`font-light text-xs leading-7 hover:font-bold footer-items ${footerMenuItemsColor}`}
+            className={`font-light text-xs leading-7 footer-items ${footerMenuItemsColor}`}
           >
             <a href=""> لینک های اصلی</a>
           </li>
           <li
-            className={`font-light text-xs leading-7 hover:font-bold footer-items ${footerMenuItemsColor}`}
+            className={`font-light text-xs leading-7 footer-items ${footerMenuItemsColor}`}
           >
             <a href=""> فروشگاه</a>
           </li>
           <li
-            className={`font-light text-xs leading-7 hover:font-bold footer-items ${footerMenuItemsColor}`}
+            className={`font-light text-xs leading-7 footer-items ${footerMenuItemsColor}`}
           >
             <a href=""> در باره ما</a>
           </li>
           <li
-            className={`font-light text-xs leading-7 hover:font-bold footer-items ${footerMenuItemsColor}`}
+            className={`font-light text-xs leading-7 footer-items ${footerMenuItemsColor}`}
           >
             <a href=""> پرسش های متداول</a>
           </li>
         </ul>
         <ul className="mr-10">
           <li
-            className={`font-light text-xs leading-7 hover:font-bold footer-items ${footerMenuItemsColor}`}
+            className={`font-light text-xs leading-7 footer-items ${footerMenuItemsColor}`}
           >
             <a href=""> لینک های اصلی</a>
           </li>
           <li
-            className={`font-light text-xs leading-7 hover:font-bold footer-items ${footerMenuItemsColor}`}
+            className={`font-light text-xs leading-7 footer-items ${footerMenuItemsColor}`}
           >
             <a href=""> فروشگاه</a>
           </li>
           <li
-            className={`font-light text-xs leading-7 hover:font-bold footer-items ${footerMenuItemsColor}`}
+            className={`font-light text-xs leading-7 footer-items ${footerMenuItemsColor}`}
           >
             <a href=""> در باره ما</a>
           </li>
           <li
-            className={`font-light text-xs leading-7 hover:font-bold footer-items ${footerMenuItemsColor}`}
+            className={`font-light text-xs leading-7 footer-items ${footerMenuItemsColor}`}
           >
             <a href=""> پرسش های متداول</a>
           </li>
         </ul>
         <ul className="mr-10">
           <li
-            className={`font-light text-xs leading-7 hover:font-bold footer-items ${footerMenuItemsColor}`}
+            className={`font-light text-xs leading-7 footer-items ${footerMenuItemsColor}`}
           >
             <a href=""> لینک های اصلی</a>
           </li>
           <li
-            className={`font-light text-xs leading-7 hover:font-bold footer-items ${footerMenuItemsColor}`}
+            className={`font-light text-xs leading-7 footer-items ${footerMenuItemsColor}`}
           >
             <a href=""> فروشگاه</a>
           </li>
           <li
-            className={`font-light text-xs leading-7 hover:font-bold footer-items ${footerMenuItemsColor}`}
+            className={`font-light text-xs leading-7 footer-items ${footerMenuItemsColor}`}
           >
             <a href=""> در باره ما</a>
           </li>
           <li
-            className={`font-light text-xs leading-7 hover:font-bold footer-items ${footerMenuItemsColor}`}
+            className={`font-light text-xs leading-7 footer-items ${footerMenuItemsColor}`}
           >
             <a href=""> پرسش های متداول</a>
           </li>
         </ul>
         <ul className="mr-10">
           <li
-            className={`font-light text-xs leading-7 hover:font-bold footer-items ${footerMenuItemsColor}`}
+            className={`font-light text-xs leading-7 footer-items ${footerMenuItemsColor}`}
           >
             <a href=""> لینک های اصلی</a>
           </li>

src/components/productTags/ProductTags.js

@@ -57,57 +57,57 @@ const ProductTags = ({
       <div className="flex flex-wrap items-center justify-around ">
         <div className="mt-2 flex flex-wrap w-1/5	">
           <button
-            className={`flex items-center rounded border-2  m-1 px-4 py-1 text-xs ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
+            className={`flex items-center rounded border-2 px-1 py-1 text-xs ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
           >
             {deliveryIcon && (
-              <img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
+              <img src={blackDeliveryIcon} alt="" className="ml-1 w-4" />
             )}
             {lightBlueIconCancle && (
-              <img src={lightBlueDeliveryIcon} alt="" className="ml-1 w-3" />
+              <img src={lightBlueDeliveryIcon} alt="" className="ml-1 w-4" />
             )}
             {rightIcon && (
-              <img src={blackRightIcon} alt="" className="ml-1 w-3" />
+              <img src={blackRightIcon} alt="" className="ml-1 w-4" />
             )}
             {lightOrangeIconRight && (
-              <img src={lightOrangeRightIcon} alt="" className="ml-1 w-3" />
+              <img src={lightOrangeRightIcon} alt="" className="ml-1 w-4" />
             )}
             {darkSettingsIcon && (
-              <img src={blackSettingIcon} alt="" className="ml-1 w-3" />
+              <img src={blackSettingIcon} alt="" className="ml-1 w-4" />
             )}
             {greenGiftIcon && (
-              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
+              <img src={lightGreenGiftIcon} alt="" className="ml-1 w-4" />
             )}
             {purpleCheckboxIcon && (
               <img
                 src={lightPurpleDoubleRightIcon}
                 alt=""
-                className="ml-1 w-3"
+                className="ml-1 w-4"
               />
             )}
             {blueNewspaperIcon && (
-              <img src={darkBlueNewspaperIcon} alt="" className="ml-1 w-3" />
+              <img src={darkBlueNewspaperIcon} alt="" className="ml-1 w-4" />
             )}
             ارسال رایگان
             {cancleIcon && (
-              <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
+              <img src={blackCancleIcon} alt="" className="w-2 mr-3" />
             )}
             {darkBlueIconCancle && (
-              <img src={darkBlueCancleIcon} alt="" className="mr-2 w-2" />
+              <img src={darkBlueCancleIcon} alt="" className="w-2 mr-3" />
             )}
             {lightBlueIconDelivery && (
-              <img src={lightBlueCancleIcon} alt="" className="mr-2 w-2" />
+              <img src={lightBlueCancleIcon} alt="" className="w-2 mr-3" />
             )}
             {lightGreenIconCancle && (
-              <img src={lightGreenCancleIcon} alt="" className="mr-2 w-2" />
+              <img src={lightGreenCancleIcon} alt="" className="w-2 mr-3" />
             )}
             {lightOrangeIconCancle && (
-              <img src={lightOrangeCancleIcon} alt="" className="mr-2 w-2" />
+              <img src={lightOrangeCancleIcon} alt="" className="w-2 mr-3" />
             )}
             {lightPurpleIconCancle && (
-              <img src={lightPurpleCancleIcon} alt="" className="mr-2 w-2" />
+              <img src={lightPurpleCancleIcon} alt="" className="w-2 mr-3" />
             )}
             {lightYellowIconCancle && (
-              <img src={lightYelloCancleIcon} alt="" className="mr-2 w-2" />
+              <img src={lightYelloCancleIcon} alt="" className="w-2 mr-3" />
             )}
           </button>
         </div>