change design modal & components & home and login page

components/home/index.js

@@ -8,7 +8,7 @@ import FrequentSearches from "./FrequentSearches";
 function HomePage() {
   return (
     <div className="bg-banner-home after:z-[2] !bg-bottom !bg-no-repeat !bg-cover md:!min-h-[115vh]">
-      <div className="padding-responsive z-20 min-h-screen py-[120px] flex items-center justify-center flex-col gap-[50px]">
+      <div className="padding-responsive z-20 min-h-screen py-[120px] flex items-center justify-center flex-col gap-[40px]">
         <div className="">
           <p className="text-[#F17732] text-center font-kalame text-[20px] sm:text-[24px] md:text-[28px] lg:text-[32px] font-bold">
             با نوبت724

components/home/search/index.js

@@ -9,7 +9,7 @@ function SearchBar() {
       variant="contained"
       className="
             !py-[4px] sm:!py-[7px] md:!py-[10px] lg:!py-[12px] !gap-3
-            !px-[4px] sm:!px-[8px] md:!px-[12px] lg:!px-[16px] !mt-[50px]
+            !px-[4px] sm:!px-[8px] md:!px-[12px] lg:!px-[16px] !mt-[22px] sm:!mt-[34px] md:!mt-[46px] lg:!mt-[60px]
             !bg-[#FAFAFA] !transition-all !duration-500 !shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)] w-full lg:w-fit
             "
     >