From a5672afc5315699a88bc56d4cf5cd8212dbf9509 Mon Sep 17 00:00:00 2001
From: mahdi <andalibmahdi45@gmail.com>
Date: Sat, 8 Jan 2022 11:56:36 +0330
Subject: [PATCH] update

---
 src/App.js                                    |  28 +++++++++---------
 src/assets/icons/customer-support.png         | Bin 3754 -> 2641 bytes
 src/components/Blogs/design2/BlogDesign2.js   |  16 +++++-----
 src/components/Blogs/design3/BlogDesign3.js   |  12 ++++----
 src/components/Blogs/design4/BlogDesign4.js   |  12 ++++----
 src/components/Blogs/design5/BlogDesign5.js   |  12 ++++----
 src/components/Blogs/design6/BlogDesign6.js   |   8 ++---
 .../Header/desgin1/HeaderDesign1.js           |   9 ++++--
 src/components/buttonDesign/ButtonDesign.js   |   5 ++--
 .../contactInfoSection/ContactInfoSection.js  |   6 +---
 src/components/counterDesign/CounterDesign.js |  16 ++++++----
 src/components/productDesign/ProductDesign.js |  21 +++++++++----
 .../vodProductDesign/VodProductDesign.js      |   6 ++--
 13 files changed, 84 insertions(+), 67 deletions(-)

diff --git a/src/App.js b/src/App.js
index 9ceaa59..250fca6 100644
--- a/src/App.js
+++ b/src/App.js
@@ -22,21 +22,21 @@ function App() {
     <div className="App">
       <ProductDesign />
       <VodProductDesign />
-      {/* <BookDesign /> */}
-      {/* <ButtonDesign /> */}
-      {/* <ProductTags /> */}
-      {/* <CounterDesign /> */}
-      {/* <BlogDesign1 /> */}
-      {/* <BlogDesign2 /> */}
-      {/* <BlogDesign3 /> */}
-      {/* <BlogDesign4 /> */}
-      {/* <BlogDesign5 /> */}
-      {/* <BlogDesign6 /> */}
-      {/* <HeaderDesign1 /> */}
-      {/* <ContactInfoSection /> */}
-      {/* <FooterDesign1 /> */}
+      <BookDesign />
+      <ButtonDesign />
+      <ProductTags />
+      <CounterDesign />
+      <BlogDesign1 />
+      <BlogDesign2 />
+      <BlogDesign3 />
+      <BlogDesign4 />
+      <BlogDesign5 />
+      <BlogDesign6 />
+      <HeaderDesign1 />
+      <ContactInfoSection />
+      <FooterDesign1 />
       {/* <Testttt /> */}
-      {/* <Design2D /> */}
+      <Design2D />
     </div>
   );
 }
diff --git a/src/assets/icons/customer-support.png b/src/assets/icons/customer-support.png
index 2a71eb724bc98651ebd9ba0e6625b3f62692e3e6..a39bb4f6cf0069b416cb27175f17ca41742169b3 100644
GIT binary patch
literal 2641
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

literal 3754
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
U`eIunr~m)}07*qoM6N<$f@~=8L;wH)

diff --git a/src/components/Blogs/design2/BlogDesign2.js b/src/components/Blogs/design2/BlogDesign2.js
index bfd918e..474711e 100644
--- a/src/components/Blogs/design2/BlogDesign2.js
+++ b/src/components/Blogs/design2/BlogDesign2.js
@@ -58,29 +58,29 @@ const BlogDesign2 = ({
           </button>
         )}
         <div className="z-10 child-text">
-          <h2 className="text-white text-sm">
+          <h2 className="text-white text-base">
             آیا مواد غذایی پر فیبر مفید هستند؟
           </h2>
           {blogSubTitle && (
-            <h2 className="text-white text-sm mt-2">شما چه فکری می کنید</h2>
+            <h2 className="text-white text-base mt-2">شما چه فکری می کنید</h2>
           )}
         </div>
-        <div className="z-10 flex item-center justify-between w-full mt-4 child-text">
+        <div className="z-10 flex item-center justify-between w-full mt-4">
           {blogAuthor && (
-            <div className="flex items-center">
-              <img src={blogAuthorImg} alt="" className="w-6 h-6" />
-              <p className="text-xs text-white font-light mr-2">
+            <div className="flex items-center transition duration-200 transform hover:-translate-y-1">
+              <img src={blogAuthorImg} alt="" className="w-8 h-8" />
+              <p className="text-sm text-white font-light mr-2">
                 حامد دژبانی نسب
               </p>
             </div>
           )}
           {blogComments && (
             <div className="flex items-center">
-              <p className="text-xs text-white font-light ml-2">
+              <p className="text-sm text-white font-light ml-2">
                 زمان مطالعه 30 دقیقه
               </p>
               <div className="relative">
-                <img src={whiteCommentIcon} alt="" className="w-6 h-6" />
+                <img src={whiteCommentIcon} alt="" className="w-7 h-7" />
                 <span
                   className={`comment-num absolute ${commentNumBgColor} ${commentNumTextColor} ${commentNumTopPosition} ${commentNumRightPosition}`}
                 >
diff --git a/src/components/Blogs/design3/BlogDesign3.js b/src/components/Blogs/design3/BlogDesign3.js
index 1eed0fc..d740bc9 100644
--- a/src/components/Blogs/design3/BlogDesign3.js
+++ b/src/components/Blogs/design3/BlogDesign3.js
@@ -47,20 +47,20 @@ 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-sm text-justify ${blogTitleColor}`}>
+          <h2 className={`text-base text-justify ${blogTitleColor}`}>
             آیا مواد غذای پر فیبر و مفید هستند؟
           </h2>
           {blogSubTitle && (
-            <h2 className={`text-sm text-justify mt-2 ${blogTitleColor}`}>
+            <h2 className={`text-base text-justify mt-2 ${blogTitleColor}`}>
               نظر شما چیه
             </h2>
           )}
           <div className="flex item-center justify-between w-full mt-4">
             {blogAuthor && (
               <div className=" flex items-center">
-                <img src={blogAuthorImg} alt="" className="w-6 h-6" />
+                <img src={blogAuthorImg} alt="" className="w-8 h-8" />
                 <p
-                  className={`text-xs font-light mr-2 ${blogCommentAuthorTextColor}`}
+                  className={`text-sm font-light mr-2 ${blogCommentAuthorTextColor}`}
                 >
                   حامد دژبانی نسب
                 </p>
@@ -69,12 +69,12 @@ const BlogDesign3 = ({
             {blogComments && (
               <div className=" flex items-center">
                 <p
-                  className={`text-xs font-light ml-2 ${blogCommentAuthorTextColor}`}
+                  className={`text-sm font-light ml-2 ${blogCommentAuthorTextColor}`}
                 >
                   زمان مطالعه 30 دقیقه
                 </p>
                 <div className="relative">
-                  <img src={commentIcon} alt="" className="w-6 h-6" />
+                  <img src={commentIcon} alt="" className="w-7 h-7" />
                   <span
                     className={`comment-num absolute ${commentNumBgColor} ${commentNumTextColor} ${commentNumTopPosition} ${commentNumRightPosition}`}
                   >
diff --git a/src/components/Blogs/design4/BlogDesign4.js b/src/components/Blogs/design4/BlogDesign4.js
index 7876c36..47ff072 100644
--- a/src/components/Blogs/design4/BlogDesign4.js
+++ b/src/components/Blogs/design4/BlogDesign4.js
@@ -37,11 +37,11 @@ const BlogDesign4 = ({
           <img src={blogImage} alt="" className="w-full h-full " />
         </div>
         <div className="w-3/5 flex flex-col justify-around transform translate-x-10">
-          <h2 className="text-sm text-grayTextColor">
+          <h2 className="text-base text-grayTextColor">
             آیا مواد غذای پر فیبر و مفید هستند؟
           </h2>
           {blogExcerpt && (
-            <p className="text-xs text-justify leading-6 text-grayTextColor">
+            <p className="text-sm text-justify leading-6 text-grayTextColor">
               در این قسمت یک توضیح بسیار کوتاه یا عادی در مورد ارور نوشته خواهد
               شد. طراح سعی می کند تا این متن را بیشتر از خد انتظار بلند کند تا
               دیگران متوجه شوند.
@@ -50,19 +50,19 @@ const BlogDesign4 = ({
           <div className=" flex item-center justify-between">
             {blogAuthor && (
               <div className=" flex items-center">
-                <img src={blogAuthorImg} alt="" className="w-6 h-6" />
-                <p className="text-xs text-lightGrayTextColor font-light mr-2">
+                <img src={blogAuthorImg} alt="" className="w-8 h-8" />
+                <p className="text-sm text-lightGrayTextColor font-light mr-2">
                   حامد دژبانی نسب
                 </p>
               </div>
             )}
             {blogComments && (
               <div className=" flex items-center">
-                <p className="text-xs text-lightGrayTextColor font-light ml-2">
+                <p className="text-sm text-lightGrayTextColor font-light ml-2">
                   زمان مطالعه 30 دقیقه
                 </p>
                 <div className="relative">
-                  <img src={commentIcon} alt="" className="w-6 h-6" />
+                  <img src={commentIcon} alt="" className="w-7 h-7" />
                   <span
                     className={`comment-num absolute ${commentNumBgColor} ${commentNumTextColor} ${commentNumTopPosition} ${commentNumRightPosition}`}
                   >
diff --git a/src/components/Blogs/design5/BlogDesign5.js b/src/components/Blogs/design5/BlogDesign5.js
index a76a26a..d281554 100644
--- a/src/components/Blogs/design5/BlogDesign5.js
+++ b/src/components/Blogs/design5/BlogDesign5.js
@@ -37,11 +37,11 @@ const BlogDesign5 = ({
           <img src={blogImage} alt="" className="w-full h-full" />
         </div>
         <div className="w-3/5 flex flex-col justify-around mr-4">
-          <h2 className="text-sm text-justify text-grayTextColor">
+          <h2 className="text-base text-justify text-grayTextColor">
             آیا مواد غذای پر فیبر و مفید هستند؟
           </h2>
           {blogExcerpt && (
-            <p className="text-justify text-xs leading-6 text-grayTextColor">
+            <p className="text-justify text-sm leading-6 text-grayTextColor">
               در این قسمت یک توضیح بسیار کوتاه یا عادی در مورد ارور نوشته خواهد
               شد. طراح سعی می کند تا این متن را بیشتر از خد انتظار بلند کند تا
               دیگران متوجه شوند.
@@ -50,19 +50,19 @@ const BlogDesign5 = ({
           <div className="flex item-center justify-between w-full">
             {blogAuthor && (
               <div className="flex items-center">
-                <img src={blogAuthorImg} alt="" className="w-6 h-6" />
-                <p className="text-xs text-lightGrayTextColor font-light mr-2">
+                <img src={blogAuthorImg} alt="" className="w-8 h-8" />
+                <p className="text-sm text-lightGrayTextColor font-light mr-2">
                   حامد دژبانی نسب
                 </p>
               </div>
             )}
             {blogComments && (
               <div className="flex items-center">
-                <p className="text-xs text-lightGrayTextColor font-light ml-2">
+                <p className="text-sm text-lightGrayTextColor font-light ml-2">
                   زمان مطالعه 30 دقیقه
                 </p>
                 <div className="relative">
-                  <img src={commentIcon} alt="" className="w-6 h-6" />
+                  <img src={commentIcon} alt="" className="w-7 h-7" />
                   <span
                     className={`comment-num absolute ${commentNumBgColor} ${commentNumTextColor} ${commentNumTopPosition} ${commentNumRightPosition}`}
                   >
diff --git a/src/components/Blogs/design6/BlogDesign6.js b/src/components/Blogs/design6/BlogDesign6.js
index 9e019b2..001d468 100644
--- a/src/components/Blogs/design6/BlogDesign6.js
+++ b/src/components/Blogs/design6/BlogDesign6.js
@@ -50,19 +50,19 @@ const BlogDesign6 = ({
           <div className="flex item-center justify-between w-full mt-4">
             {blogAuthor && (
               <div className=" flex items-center">
-                <img src={blogAuthorImg} alt="" className="w-7 h-7" />
-                <p className="text-xs text-lightGrayTextColor mr-2">
+                <img src={blogAuthorImg} alt="" className="w-8 h-8" />
+                <p className="text-sm text-lightGrayTextColor mr-2">
                   حامد دژبانی نسب
                 </p>
               </div>
             )}
             {blogComments && (
               <div className=" flex items-center">
-                <p className="text-xs text-lightGrayTextColor ml-2">
+                <p className="text-sm text-lightGrayTextColor ml-2">
                   زمان مطالعه 30 دقیقه
                 </p>
                 <div className="relative">
-                  <img src={commentIcon} alt="" className="w-6 h-6" />
+                  <img src={commentIcon} alt="" className="w-7 h-7" />
                   <span
                     className={`comment-num absolute ${commentNumBgColor} ${commentNumTextColor} ${commentNumTopPosition} ${commentNumRightPosition}`}
                   >
diff --git a/src/components/Header/desgin1/HeaderDesign1.js b/src/components/Header/desgin1/HeaderDesign1.js
index 3ade6ef..4de0f8d 100644
--- a/src/components/Header/desgin1/HeaderDesign1.js
+++ b/src/components/Header/desgin1/HeaderDesign1.js
@@ -47,11 +47,14 @@ const HeaderDesign1 = ({
     >
       {topHeader && (
         <div className="flex justify-between items-center mb-2">
-          <div className="">
-            <span className={`text-xs font-light ml-4  ${topHeaderItemsColor}`}>
+          <div
+            className="divide-x flex flex-row-reverse transform translate-x-2"
+            style={{}}
+          >
+            <span className={`text-xs font-light px-2  ${topHeaderItemsColor}`}>
               انتخاب کشور
             </span>
-            <span className={`text-xs font-light ${topHeaderItemsColor}`}>
+            <span className={`text-xs font-light px-2 ${topHeaderItemsColor}`}>
               پیگیری سفارش
             </span>
           </div>
diff --git a/src/components/buttonDesign/ButtonDesign.js b/src/components/buttonDesign/ButtonDesign.js
index affdd57..d6f0c9a 100644
--- a/src/components/buttonDesign/ButtonDesign.js
+++ b/src/components/buttonDesign/ButtonDesign.js
@@ -34,7 +34,7 @@ const ButtonDesign = ({
   rightArrowBlack,
   upwardArrowBlack,
   downwardArrowBlack,
-
+  buttonBgHoverColor,
   circleArrow,
 }) => {
   return (
@@ -55,7 +55,7 @@ const ButtonDesign = ({
       <div className="flex flex-wrap justify-around items-center">
         <div>
           <button
-            className={`flex items-center  text-sm md:text-base ${buttonBgColor} ${buttonTextColor} ${buttonBorder} ${buttonBorderColor} ${buttonBorderRadius} ${buttonPaddingX} ${buttonPaddingY}`}
+            className={`flex items-center  text-sm md:text-base hover:${buttonBgHoverColor} ${buttonBgColor} ${buttonTextColor} ${buttonBorder} ${buttonBorderColor} ${buttonBorderRadius} ${buttonPaddingX} ${buttonPaddingY}`}
           >
             اطلاعات بیشتر
             {leftArrowWhite && (
@@ -141,6 +141,7 @@ export default ButtonDesign;
 
 ButtonDesign.defaultProps = {
   buttonBgColor: "bg-darkGreenBg",
+  buttonBgHoverColor: "bg-greenBookBg",
   circleArrowBgClr: "bg-darkGreenBg",
   buttonTextColor: "text-white",
   buttonBorder: "border-b-4",
diff --git a/src/components/contactInfoSection/ContactInfoSection.js b/src/components/contactInfoSection/ContactInfoSection.js
index a83ca7e..208e75d 100644
--- a/src/components/contactInfoSection/ContactInfoSection.js
+++ b/src/components/contactInfoSection/ContactInfoSection.js
@@ -2,8 +2,6 @@ import React from "react";
 
 import "./ContactInfoSection.scss";
 
-import ReactTooltip from "react-tooltip";
-
 import customerSupport from "../../assets/icons/customer-support.png";
 import lightGreenLine from "../../assets/icons/light-green-line.svg";
 import lightBlueLine from "../../assets/icons/light-blue-line.svg";
@@ -27,10 +25,8 @@ const ContactInfoSection = ({
       <img
         src={customerSupport}
         alt=""
-        data-tip="صفحه تماس با ما"
-        className="w-20 cursor-pointer customer-support"
+        className="w-14 cursor-pointer customer-support"
       />
-      <ReactTooltip place="bottom" type="dark" effect="float" />
       <p
         className={`mr-0 sm:mr-10 mt-5 sm:mt-0 text-sm leading-6 ${contentTextColor}`}
       >
diff --git a/src/components/counterDesign/CounterDesign.js b/src/components/counterDesign/CounterDesign.js
index 28e81b3..1a25eb7 100644
--- a/src/components/counterDesign/CounterDesign.js
+++ b/src/components/counterDesign/CounterDesign.js
@@ -36,22 +36,22 @@ const CounterDesign = ({
       </div>
       {/* counter design */}
       <div className="flex flex-col items-center justify-center">
-        {likeBtn && (
+        {/* {likeBtn && (
           <div className="flex items-center">
             <img
               src={blackLikeIcon}
               alt=""
-              className="w-8 mb-4 cursor-pointer pointer transition delay-150 duration-300 ease-in-out hover:-translate-y-2"
+              className="w-8 mb-4 cursor-pointer pointer transition delay-150 duration-300 ease-in-out transform hover:-translate-y-2"
               onClick={() => setCount(count + 1)}
             />
             <img
               src={blackDisLikeIcon}
               alt=""
-              className="w-8 mb-4 cursor-pointer transition delay-150 duration-300 ease-in-out hover:translate-y-2"
+              className="w-8 mb-4 cursor-pointer transition delay-150 duration-300 ease-in-out transform hover:translate-y-2"
               onClick={() => setCount(count - 1)}
             />
           </div>
-        )}
+        )} */}
         {counterIncreaseBtn && (
           <img
             src={incrementCounterIcon}
@@ -62,7 +62,13 @@ const CounterDesign = ({
         )}
         <p
           className={`text-sm sm:text-base md:text-2xl font-bold text-counterColor`}
-          style={count > 0 ? { color: "green" } : { color: "red" }}
+          style={
+            count > -1
+              ? count === 0
+                ? { color: "gray" }
+                : { color: "green" }
+              : { color: "red" }
+          }
         >
           {count}
         </p>
diff --git a/src/components/productDesign/ProductDesign.js b/src/components/productDesign/ProductDesign.js
index 6313cc5..affc410 100644
--- a/src/components/productDesign/ProductDesign.js
+++ b/src/components/productDesign/ProductDesign.js
@@ -1,3 +1,4 @@
+import React, { useEffect, useState } from "react";
 import "./ProductDesign.scss";
 
 import StarRating from "../starRating/StarRating";
@@ -39,6 +40,13 @@ const ProductDesign = ({
   rangeWidth,
   addToCartHolder,
 }) => {
+  const [progressFlag, setProgressFlag] = useState(false);
+  useEffect(() => {
+    setTimeout(() => {
+      setProgressFlag(true);
+    }, 500);
+  }, []);
+
   return (
     <section className="w-11/12 mx-auto p-4 bg-white rounded-md shadow-md my-8">
       {/* title holder */}
@@ -90,19 +98,19 @@ const ProductDesign = ({
               {/* icons on image */}
               <div className="absolute left-2 top-2">
                 {discountPricePercent && (
-                  <div className="bg-discountPriceBg rounded-md px-2 py-2 mt-2">
+                  <div className="bg-discountPriceBg rounded-md px-2 py-2 mt-2 transition ease-in-out delay-150 hover:-translate-y-1 hover:scale-110 duration-300 cursor-pointer">
                     <p className="text-discountPriceTitle font-bold text-xs">
                       23<span>%</span>
                     </p>
                   </div>
                 )}
                 {likeBtn && (
-                  <div className="bg-likeBtnBg rounded-md py-1 flex justify-center mt-2">
+                  <div className="bg-likeBtnBg rounded-md py-1 flex justify-center mt-2 cursor-pointer hover:animate-bounce">
                     <img src={heart} alt="" className="w-5" />
                   </div>
                 )}
                 {discount && (
-                  <div className="rounded-md mt-2">
+                  <div className="rounded-md mt-2 cursor-pointer hover:animate-pulse">
                     <img src={discountImg} alt="" className="w-full" />
                   </div>
                 )}
@@ -241,7 +249,10 @@ const ProductDesign = ({
               {rangeHolder && (
                 <div className="bg-rangeBgColor h-3 w-full rounded mt-2">
                   <div
-                    className={`bg-rangeFillBgColor h-3 rounded ${rangeWidth}`}
+                    className={`bg-rangeFillBgColor h-3 rounded  duration-300`}
+                    style={{
+                      width: progressFlag ? rangeWidth : 0,
+                    }}
                   ></div>
                 </div>
               )}
@@ -293,7 +304,7 @@ ProductDesign.defaultProps = {
 
   productCatTextColor: "text-darkCrimsonTextColor",
   // برای درصد دادن به عرض رنج
-  rangeWidth: "w-44",
+  rangeWidth: "60%",
   //دی ای وی که محصول داخلش است میتونیم بهش بوردر بدیم
   productHolderBorder: "border",
   productHolderBorderColor: "border-grayBorderColor",
diff --git a/src/components/vodProductDesign/VodProductDesign.js b/src/components/vodProductDesign/VodProductDesign.js
index 16d66ed..47358d5 100644
--- a/src/components/vodProductDesign/VodProductDesign.js
+++ b/src/components/vodProductDesign/VodProductDesign.js
@@ -80,19 +80,19 @@ const VodProductDesign = ({
               {/* icons on image */}
               <div className="absolute left-2 top-2">
                 {discountPricePercent && (
-                  <div className="bg-discountPriceBg rounded-md px-2 py-2 mt-2">
+                  <div className="bg-discountPriceBg rounded-md px-2 py-2 mt-2 cursor-pointer hover:motion-safe:animate-spin">
                     <p className="text-discountPriceTitle font-bold text-xs">
                       23<span>%</span>
                     </p>
                   </div>
                 )}
                 {likeBtn && (
-                  <div className="bg-likeBtnBg rounded-md p-1 flex justify-center mt-2">
+                  <div className="bg-likeBtnBg rounded-md p-1 flex justify-center mt-2 cursor-pointer hover:animate-bounce">
                     <img src={heart} alt="" className="w-5" />
                   </div>
                 )}
                 {discount && (
-                  <div className="rounded-md mt-2">
+                  <div className="rounded-md mt-2 cursor-pointer hover:animate-pulse">
                     <img src={discountImg} alt="" className="w-full" />
                   </div>
                 )}