fix design home page background

app/component/Field.js

@@ -1,6 +1,6 @@
 import { TextField } from "@mui/material";
 
-function Field({ title, type, multiline, isPlaceHolder }) {
+function Field({ title, type, props, multiline, isPlaceHolder }) {
   return (
     <TextField
       placeholder={isPlaceHolder && title}
@@ -24,6 +24,10 @@ function Field({ title, type, multiline, isPlaceHolder }) {
             transition: "0.5s all",
           },
         },
+        "& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button":
+          {
+            display: "none",
+          },
       }}
     />
   );

components/contactUs/Connect.js

@@ -24,7 +24,11 @@ function Connect() {
               <Field isPlaceHolder={true} title="" type="text" />
             </FieldLabel>
             <FieldLabel title="شماره موبایل">
-              <Field isPlaceHolder={true} title="09123456789" type="text" />
+              <Field
+                isPlaceHolder={true}
+                title="09123456789"
+                type="number"
+              />
             </FieldLabel>
           </div>
           <div>

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 min-h-screen pt-[120px] flex items-center justify-start flex-col gap-[50px]">
+      <div className="padding-responsive z-20 min-h-screen pt-[120px] flex items-center justify-start flex-col gap-[50px]">
         <div className="mt-[60px] sm:mt-[67px] md:mt-[90px] lg:mt-[127px]">
           <p className="text-[#F17732] text-center font-kalame text-[20px] sm:text-[24px] md:text-[28px] lg:text-[32px] font-bold">
             با نوبت724