Gender Filter Removed + some Interface Changes In Choose School

src/components/Product/index.js

@@ -128,13 +128,13 @@ const ProductDesign = ({
           <h1 className="font-bold text-red52 border-b border-red82OP pb-2">دبیرستان غیر انتفاعی مدرسان هوشمند</h1>
           <p className="font-bold text-sm text-red26 border-b border-red82OP py-2">تهران خیابان انقلاب اسلامی حدفاصل ابوریحان و فلسطین پلاک2 </p>
           <div className="flex justify-between border-b border-red82OP ">
-            <div className="border-l text-sm font-bold text-red26 border-red82OP p-2 pr-0">
+            <div className="border-l text-sm font-bold text-red26 border-red82OP p-2 pr-0 w-1/4">
               شماره تلفن: ۰۲۱۶۶۴۵۶۷۳۸
             </div>
-            <div className="border-l text-sm font-bold text-red26 border-red82OP p-2 px-4 text-center">
-              آدرس وبسایت : www.google.com
+            <div className="border-l text-sm font-bold flex justify-center w-1/2 text-red26 border-red82OP p-2 ">
+             <p> آدرس وبسایت : www.google.com</p>
             </div>
-            <div className="text-sm font-bold text-red26 p-2 px-4 text-center">
+            <div className="text-sm font-bold text-red26 p-2 w-1/4 px-4 text-center">
               آدرس بروی نقشه
             </div>
           </div>

src/view/services/index.js

@@ -292,47 +292,23 @@ const Services = ({
                 
               )}
             </div>
-          </div>
-          <div className="flex items-center mx-4 pl-6 border-l-2 border-gray-300">
-            <div
-              className={`flex w-32 border-2 p-2 mx-2 justify-center items-center rounded-md cursor-pointer hover:border-red52 hover:text-red52 hover:bg-pinkF5 ${
-                filterCheck[2]
-                  ? "border-red52 text-red52 bg-pinkF5"
-                  : "border-gray200 text-gray-400"
-              }`}
-            >
-              <h3>دختران</h3>
-              {filterCheck[2] && (
-                <div className="flex w-full" style={{ direction: "ltr" }}>
-                  <div className="w-4 h-4 text-white text-sm rounded-full flex justify-center items-center bg-red52">
-                    <svg
-                      width="37"
-                      height="37"
-                      viewBox="0 0 24 24"
-                      fill="none"
-                      xmlns="http://www.w3.org/2000/svg"
-                    >
-                      <path
-                        d="M7.75 12L10.58 14.83L16.25 9.17004"
-                        stroke="#fff"
-                        stroke-width="1.5"
-                        stroke-linecap="round"
-                        stroke-linejoin="round"
-                      />
-                    </svg>
-                  </div>
-                </div>
-              )}
-            </div>
             <div
-              className={`flex w-32 border-2 p-2 mx-2 justify-center items-center rounded-md cursor-pointer hover:border-red52 hover:text-red52 hover:bg-pinkF5 ${
-                filterCheck[3]
-                  ? "border-red52 text-red52 bg-pinkF5"
-                  : "border-gray200 text-gray-400"
-              }`}
+              className={`flex w-32 border-2 p-2 mx-2 justify-center items-center rounded-md cursor-pointer
+                         hover:border-red52 hover:text-red52 hover:bg-pinkF5 
+                        ${
+                          filterCheck[0]
+                            ? "border-red52 text-red52 bg-pinkF5"
+                            : "border-gray200 text-gray-400"
+                        }`}
+              onClick={(prevState) =>
+                setFilterCheck([
+                  ...prevState,
+                  (filterCheck[0] = !filterCheck[0]),
+                ])
+              }
             >
-              <h3>پسران</h3>
-              {filterCheck[3] && (
+              <h3>حضوری</h3>
+              {filterCheck[0] && (
                 <div className="flex w-full" style={{ direction: "ltr" }}>
                   <div className="w-4 h-4 text-white text-sm rounded-full flex justify-center items-center bg-red52">
                     <svg
@@ -352,9 +328,13 @@ const Services = ({
                     </svg>
                   </div>
                 </div>
+
+                
               )}
             </div>
           </div>
+         
+          
           <div className="flex items-center mx-4 pl-6">
             <select className="bg-white border border-solid border-gray-300 w-72 p-3 rounded-lg text-gray-400 outline-red52">
               {services.map((item, index) => (
@@ -414,7 +394,7 @@ const Services = ({
           ))}
           {
             gameId == 6 &&  
-            <div className="w-3/4 p-8 flex mt-10 justify-between items-center border-2 rounded-xl border-red52 " >
+            <div className="w-3/4 p-8 py-10 flex mt-10 justify-between items-center border-2 rounded-xl border-red52 " >
 
               <div className="w-1/5">
                 <h1 className="text-red26 font-bold">افزایش مبلغ دلخواه</h1>