reza added something

src/components/Footer/index.js

@@ -21,10 +21,10 @@ const FooterDesign1 = ({ color, bg, links, hasHeader }) => {
           <div className="flex items-center ml-8 ">
             <img src={callIcon} className="p-2" />
             <div>
-              <h1 className="text-3xl text-bold mb-2 font-black">
+              <h1 className="text-2xl text-bold mb-2 font-black">
                 <span className=" text-blueC0">7</span> روز هفته <span className="font-black text-blueC0">24</span> ساعته
               </h1>
-              <p className="text-xl font-light text-blue-700">منتظر شنیدن صدای گرمتان هستیم</p>
+              <p className="text-lg font-light text-blue-700">منتظر شنیدن صدای گرمتان هستیم</p>
             </div>
           </div>
 
@@ -36,19 +36,19 @@ const FooterDesign1 = ({ color, bg, links, hasHeader }) => {
         </div>
         : null}
       <footer
-        className={`flex flex-col bg-gray-200 py-10 md:flex-row justify-around items-start md:items-start relative shadow-md ${bg}`}
+        className={`flex flex-col bg-gray-200 py-16 md:flex-row justify-around items-start md:items-start relative shadow-md ${bg}`}
       >
         <div className="w-11/12 flex justify-between">
           <div className="flex items-start">
             <>
               {
-                links.map((section, index) => <ul className={index != 0 ? 'mr-20' : ''} key={index}>
+                links.map((section, index) => <ul className={index != 0 ? 'mr-16' : ''} key={index}>
                   {
                     section.map((link, index) => <li
-                      className={`font-light text-xs leading-7 hover:font-bold  ${color}`}
+                      className={`font-light text-md leading-7 hover:font-bold  ${color}`}
                       key={index}
                     >
-                      <a href="" className={`${index == 0 ? ' text-sm font-bold' : ''}`}>{link}</a>
+                      <a href="" className={`${index == 0 ? ' text-lg font-bold' : ''}`}>{link}</a>
                     </li>)
                   }
                 </ul>)

src/components/Navbar/index.js

@@ -212,7 +212,7 @@ function Navbar({
       {/* portrait end */}
     </div>
   ) : (
-    <header className={`rounded-b-md w-full bg-transparent pb-4`}>
+    <header className={`rounded-b-md w-full bg-transparent pb-1`}>
       <div className="flex flex-row justify-between items-center  px-20 border-b border-gray-200 border-solid py-4 ">
         <div className="divide-x flex flex-row transform gap-4">
           {/* <span className="text-sm font-normal text-blue52">
@@ -269,7 +269,7 @@ function Navbar({
         </div>
 
         <div
-          className={`flex items-center relative w-full py-4 px-20  border-b border-solid border-gray-200 transform bg-white ${
+          className={`flex items-center relative w-full py-2 px-20  border-b border-solid border-gray-200 transform bg-white ${
             desktopEndTransform ? "" : ""
           }`}
           style={
@@ -282,11 +282,13 @@ function Navbar({
             <img
               src={darkCrimsonHamburgerMenu}
               alt=""
-              className="w-5 transform translate-y-1 ml-2"
+              className="w-8 transform translate-y-1 ml-2"
             />
             {/* <img src={whiteHamburgerMenu} alt="" className="w-3 h-3" /> */}
             <span className={`text-sm text-blue52 ${productCategoryTextColor}`}>
-              دسته بندی کالاها&nbsp;&nbsp;
+              دسته بندی کالاها
+              
+              &nbsp;&nbsp;
             </span>
           </div>
           <div
@@ -306,7 +308,7 @@ function Navbar({
             {pages.map((item, index) => (
               <Link
                 to={item.link}
-                className={`text-sm text-blue52 ${menuItemsColor}`}
+                className={`text-sm text-blue52 ${menuItemsColor} hover:text-blueC0`}
                 key={"nav" + index}
               >
                 {item.name}

src/components/Product/index.js

@@ -49,14 +49,15 @@ const ProductDesign = ({
 }) => {
   const [isHovering, setIsHovering] = useState(false);
   return (
-    <div className={`flex flex-wrap sm:flex-nowrap justify-around ${big ? 'm-1' : 'w-48 m-2'} `}
+    <div className={`flex flex-wrap sm:flex-nowrap justify-around ${big ? 'm' : 'w-48 m-2'} `}
     style={big ? {width: '300px'} : {}}
     
     >
-      <div className="w-full flex flex-wrap items-center justify-around my-5 px-4" onMouseEnter={() => setIsHovering(true)}
+      <div className="w-full flex flex-wrap items-center justify-around my-5 px-4" >
-                  onMouseLeave={() => setIsHovering(false)}>
         <div
           className={`w-full sm:w-60 md:w-72 ${big ? '' : 'mx-5'} rounded-lg transition-all p-2 my-3 ${productHolderBorder} ${hoverMode == 'blue' ? 'hover:bg-grayF4' : null} ${productHolderBorderColor} hover:${productHolderHoverBorder}`}
+          onMouseEnter={() => setIsHovering(true)}
+          onMouseLeave={() => setIsHovering(false)}
         >
           {/* product image */}
           <div className="w-full relative">
@@ -154,10 +155,7 @@ const ProductDesign = ({
             {/* star */}
             {star && (
               <div className="flex items-center mt-3">
-                <StarRatingComponent
+                <StarRating value={starRate} />
-                name="Product"
-                value={starRate}
-                />
                 <span className="text-xs text-productContent font-bold text-gray-500 mr-2">
                   بر اساس {numberOfRegards} بررسی
                 </span>

src/components/SalesContainer/index.js

@@ -20,17 +20,18 @@ const SalesContainer = ({
       }, []);
     return(
         <div className="w-full my-10">
-            <div className="w-full">
+            <div className="w-full border-b-2 border-solid border-blue-300 mb-24" style={{height: '100px'}}>
             <div className="w-1/3 p-10 bg-white flex justify-between items-center" style={{
-                marginBottom:'-5px'
+                marginBottom:'-5px',
+                height:'200px'
             }} onClick={() => console.log(list)}>
                 
                 <div className="flex items-center ">
-                <div className="w-6 h-6 bg-blue-300 ml-4 rounded-full"></div>
+                {/* <div className="w-6 h-6 bg-blue-300 ml-4 rounded-full"></div> */}
                     <h1 className="text-3xl leading-normal">
                         
-                        <h3 className=" bg-blue-700 text-white"> دوشنبه </h3>
+                        <h3 className=" bg-blueC0 text-white text-center"> دوشنبه </h3>
-                        <h3 className="mr-4 bg-yellow-300 pl-6"> کتاااابی </h3>
+                        <h3 className="mr-4 w-24 text-center" style={{background: '#EFFF00'}}> کتاااابی </h3>
                         
                         </h1>
                         
@@ -46,7 +47,7 @@ const SalesContainer = ({
             </div>
 
 </div>    
-        <ScrollContainer className="flex  overflow-x-scroll  border-t-0 py-4 px-10" >
+        <ScrollContainer className="flex  overflow-x-scroll  border-t-0 py-4 pl-10" style={{height:'550px'}} >
           {
           list?.map((product, index) => (
             <Link to={"/products/" + product?.id}>
@@ -67,6 +68,7 @@ const SalesContainer = ({
                 big
                 starRate={Math.floor(Math.random() * 5) + 1}
                 discountPricePercent
+                hoverMode='blue'
               />
             </Link>
             ))}

src/components/StarRating/index.js

@@ -3,8 +3,8 @@ import StarRatingComponent from "react-star-rating-component";
 import starGrayIcon from '../../assets/icons/starGray.svg';
 import starYellowIcon from '../../assets/icons/starYellow.svg';
 
-function StarRating() {
+function StarRating({value}) {
-  const [rate, setRating] = useState(2);
+  const [rate, setRating] = useState(value);
   return (
     <StarRatingComponent
       name="rate1"

src/views/Home/Desktop/Part2/index.js

@@ -25,7 +25,7 @@ const Part2 = (
         <div className="w-full my-6" style={{
           height: '550px'
         }}>
-            <div className="w-full flex justify-between items-center">
+            <div className="w-full flex justify-between items-center pr-10">
                 <div className="flex items-center text-4xl font-black text-blue52">
                 <div className="w-6 h-6 bg-blue-300 ml-4 rounded-full"></div>
                     <h1>
@@ -47,12 +47,12 @@ const Part2 = (
                             color= "text-blueC0"
                             onClick={() => null}
                             radius={false}
-                            twPaddings="py-4 px-12"
+                            twPaddings="py-4 px-12 rounded"
                         />
                     </Link>
                 </div>
             </div>
-            <ScrollContainer className="flex  overflow-x-scroll py-4 px-10">
+            <ScrollContainer className="flex  overflow-x-scroll py-4 pl-10">
             {
           books?.slice(15,24).map((product, index) => (
             <Link to={"/products/" + product?.id}>