master
mahdi 3 years ago
parent 9b21dfda29
commit 2419316382
  1. 2
      src/components/Blogs/design1/BlogDesign1.js
  2. 6
      src/components/Blogs/design2/BlogDesign2.js
  3. 8
      src/components/Blogs/design3/BlogDesign3.js
  4. 2
      src/components/Blogs/design4/BlogDesign4.js
  5. 2
      src/components/Blogs/design5/BlogDesign5.js
  6. 2
      src/components/Blogs/design6/BlogDesign6.js
  7. 26
      src/components/footer/design1/FooterDesign1.js
  8. 32
      src/components/productTags/ProductTags.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 && (

@ -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">

@ -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>
)}

@ -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 && (

@ -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 && (

@ -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 && (

@ -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>

@ -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>

Loading…
Cancel
Save