From 2154962ba1b9f6509d987686f968f6b04bc390d2 Mon Sep 17 00:00:00 2001
From: Ehsan <ehsanahmadi8338@gmail.com>
Date: Wed, 23 Oct 2024 02:41:15 +0330
Subject: [PATCH] fix design home page background

---
 app/component/Field.js          | 6 +++++-
 components/contactUs/Connect.js | 6 +++++-
 components/home/index.js        | 2 +-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/app/component/Field.js b/app/component/Field.js
index 2efa08b..092565c 100644
--- a/app/component/Field.js
+++ b/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",
+          },
       }}
     />
   );
diff --git a/components/contactUs/Connect.js b/components/contactUs/Connect.js
index 8f7b349..9456ad1 100644
--- a/components/contactUs/Connect.js
+++ b/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>
diff --git a/components/home/index.js b/components/home/index.js
index 7c32f0a..eeb3f1e 100644
--- a/components/home/index.js
+++ b/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