diff --git a/pages/CooperationRequest.js b/pages/CooperationRequest.js
index 4612a62..2f36ba1 100644
--- a/pages/CooperationRequest.js
+++ b/pages/CooperationRequest.js
@@ -248,7 +248,7 @@ const CooperationRequest = () => {
             height={1300}
           />
         </div>
-        <MDBContainer className={'mt-5 mb-5'}>
+        <div className='lg:mx-20 sm:mx-5'> 
           <Steps className={'fix-res-steps'} dir={'rtl'} activeStep={activeStep}>
             {steps.map(({ label, content }, index) => (
               <Step className={'dana fix-res-step'} label={label} key={label}>
@@ -285,7 +285,7 @@ const CooperationRequest = () => {
               </Button>
             </Flex>
           )}
-        </MDBContainer>
+        </div>
       </AppContainer>
     </div>
   )
diff --git a/pages/Gallery.js b/pages/Gallery.js
index 1c476cf..2723658 100644
--- a/pages/Gallery.js
+++ b/pages/Gallery.js
@@ -100,8 +100,8 @@ const Gallery = (dataImage) => {
                         height={1300}
                      />
                 </div>
-               <MDBContainer>
-                   <Tabs defaultIndex={1} className={'mt-5'} isFitted variant='enclosed'>
+                <div className='lg:mx-20 sm:mx-5'>          
+                             <Tabs defaultIndex={1} className={'mt-5'} isFitted variant='enclosed'>
                        <TabList mb='1em'>
                            <Tab on className={'bk font-weight-bold'} _selected={{ color: 'white', bg: 'teal.500' }}>ویدئو ها</Tab>
                            <Tab  className={'bk font-weight-bold'}  _selected={{ color: 'white', bg: 'teal.500' }}>تصاویر</Tab>
@@ -159,7 +159,7 @@ const Gallery = (dataImage) => {
                    <br />
                    <br />
                    <br />
-               </MDBContainer>
+               </div>
             </AppContainer>
 
         </div>
diff --git a/pages/News.js b/pages/News.js
index 2db4bc9..b7b4a19 100644
--- a/pages/News.js
+++ b/pages/News.js
@@ -21,7 +21,7 @@ const News = ({data, children}) => {
     const query = router.query.list;
 
     const dataPage = (
-        <MDBContainer>
+        <div className='lg:mx-20 sm:mx-5'>
             <h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>اطلاعیه  ها </h5>
             <hr />
             <div>
@@ -47,7 +47,7 @@ const News = ({data, children}) => {
                                 </MDBCardText>
                                 <div className={'flex justify-content-end'}>
                                     <MDBBtn rounded className=' RTL text-primary-teal    bg-white'>
-                                        مشاهده ...
+                                        مشاهده 
                                     </MDBBtn>
                                 </div>
                             </MDBCardBody>
@@ -57,7 +57,7 @@ const News = ({data, children}) => {
                 ))}
             </MDBRow>
             {children}
-        </MDBContainer>
+        </div>
     )
     return (
         <div>
diff --git a/pages/components/Brands.js b/pages/components/Brands.js
index c011ec4..1cb2f95 100644
--- a/pages/components/Brands.js
+++ b/pages/components/Brands.js
@@ -178,7 +178,7 @@ const slides = [
 
 function brands() {
   return (
-    <MDBContainer className={"mt-5"}>
+    <div className='lg:mx-20 sm:mx-5 mt-5'>          
       <div className="flex justify-center">
         <h3 className="bk-med font-bold">سهامداران پروژه</h3>
       </div>
@@ -244,7 +244,7 @@ function brands() {
 
         </Swiper>
       </div>
-    </MDBContainer>
+    </div>
   );
 }
 
diff --git a/pages/components/Layout/footer.js b/pages/components/Layout/footer.js
index 5ad0eb3..04601db 100644
--- a/pages/components/Layout/footer.js
+++ b/pages/components/Layout/footer.js
@@ -6,8 +6,8 @@ const Footer = () => {
   return (
     <>
       <MDBFooter className='text-center text-lg-left hover_color'>
-        <MDBContainer className='p-4'>
-          <MDBRow>
+      <div className='lg:mx-20 sm:mx-5 p-4'> 
+      <MDBRow>
             <MDBCol lg='6' md='12' className='mb-4 mb-md-0'>
               <h5 className='text-uppercase text-white'>
                 شرکت پزشکی مهر ایرانیان پرند
@@ -15,7 +15,7 @@ const Footer = () => {
               </h5>
 
               <p style={{ direction: 'rtl' }} className={'bk yekan-bakh-req text-white center-align'}>
-                بیمارستان تخصصی مهرایرانیان واقع در بر اتوبان چهاربانده اصلی داخلی شهر پرند در بهترین موقعیت مکانی و در
+                بیمارستان تخصصی مهرایرانیان واقع در  اتوبان چهاربانده اصلی داخلی شهر پرند در بهترین موقعیت مکانی و در
                 دل مسکن مهر، با هدف تبدیل شدن به یکی از قطب های درمانی منطقه در حال احداث می باشد. این بیمارستان که تنها
                 بیمارستان تخصصی در کنار بزرگترین فرودگاه کشور است
               </p>
@@ -78,7 +78,7 @@ const Footer = () => {
               </ul>
             </MDBCol>
           </MDBRow>
-        </MDBContainer>
+        </div>
 
         <div className='text-center p-3' style={{ backgroundColor: 'rgba(0, 0, 0, 0.2)' }}>
           &copy; {new Date().getFullYear()} <a className='text-dark'>contact-us@miphospital.ir</a>
diff --git a/pages/components/Layout/header.js b/pages/components/Layout/header.js
index b52a5ff..b13a0bb 100644
--- a/pages/components/Layout/header.js
+++ b/pages/components/Layout/header.js
@@ -119,7 +119,6 @@ export default function App() {
             }
           `}
         </style>
-
         <MDBContainer className={'dana'} fluid>
           <MDBNavbarToggler
             aria-expanded='false'
@@ -181,7 +180,6 @@ export default function App() {
                   prefetch={false}
                   className={'text-white nav_item d-flex flex-row-reverse '}
                   href='/page/contact-us'
-                  as={'contact-us'}
                 >
                   <div className={'pointer d-flex justify-content-end'}>
                     <span style={{ cursor: 'pointer', fontSize: '15px' }}> تماس با ما</span>
@@ -207,7 +205,6 @@ export default function App() {
                   prefetch={false}
                   className={'text-white nav_item d-flex flex-row-reverse '}
                   href='/components/service'
-                  as={'Service'}
                 >
                   <div className={'pointer d-flex justify-content-end'}>
                     <span style={{ cursor: 'pointer', fontSize: '15px' }}>بخش های درمانی</span>
diff --git a/pages/components/accessgrid.js b/pages/components/accessgrid.js
index 3769e56..496961b 100644
--- a/pages/components/accessgrid.js
+++ b/pages/components/accessgrid.js
@@ -12,7 +12,7 @@ SwiperCore.use([Autoplay]);
 
 const Accessgrid = () => {
   return (
-    <MDBContainer>
+    <div className='lg:mx-20 sm:mx-5'>
       <style jsx>
         {
           `
@@ -241,7 +241,7 @@ const Accessgrid = () => {
       {/*        </div>*/}
       {/*    </div>*/}
       {/*</MDBContainer>*/}
-    </MDBContainer>
+    </div>
   );
 };
 
diff --git a/pages/components/connect.js b/pages/components/connect.js
index dbd3668..009aff0 100644
--- a/pages/components/connect.js
+++ b/pages/components/connect.js
@@ -56,8 +56,8 @@ const Connect = () => {
                     } = props;
                     return (
                         <form id={'contactUsform'} style={{marginTop: '25px'}} onSubmit={handleSubmit}>
-                            <MDBContainer>
-                                <h5 className={'right-align font-weight-bold'}>  تماس با ما و مشاوره خرید سهام  </h5>
+                <div className='lg:mx-20 sm:mx-5'>          
+                <h5 className={'right-align font-weight-bold'}>  تماس با ما و مشاوره خرید سهام  </h5>
                                 <br />
                                 <MDBRow>
                                     <MDBInputGroup className='mb-3' style={{width: '50%'}}>
@@ -137,7 +137,7 @@ const Connect = () => {
                                         اطلاعات شما ارسال شد ، بعد از بررسی با شما تماس گرفته می شود .
                                     </MDBTypography>
                                 ): null}
-                            </MDBContainer>
+                            </div>
 
 
 
diff --git a/pages/components/doctors.js b/pages/components/doctors.js
index 1c236b4..6168ab5 100644
--- a/pages/components/doctors.js
+++ b/pages/components/doctors.js
@@ -16,7 +16,7 @@ const Doctors = ({children}) => {
     const router = useRouter();
 
     const dataPageDoctors = (
-        <MDBContainer>
+        <div className='lg:mx-20 sm:mx-5'>          
             <h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
                 کادر درمان بیمارستان مهر ایرانیان
                 <hr />
@@ -85,7 +85,7 @@ const Doctors = ({children}) => {
                 </MDBCol>
             </MDBRow>
             {children}
-        </MDBContainer>
+        </div>
     )
     return (
         <div>
diff --git a/pages/components/service.js b/pages/components/service.js
index 0919726..bcad887 100644
--- a/pages/components/service.js
+++ b/pages/components/service.js
@@ -43,7 +43,7 @@ const dataServiceList = (
         height={1500}
       />
     </div>
-    <MDBContainer style={{ marginTop: 10 }}>
+    <div style={{ marginTop: 10 }} className='lg:mx-20 sm:mx-5'>          
       <div>
         <MDBTypography
           style={{ direction: 'rtl', borderRadius: '6px solid', borderRight: '6px  solid #1266f1', borderLeft: 'none' }}
@@ -115,7 +115,7 @@ const dataServiceList = (
           </MDBCard>
         </MDBCol>
       </MDBRow>
-    </MDBContainer>
+    </div>
     <br />
   </>
 )
@@ -154,8 +154,8 @@ const Service = () => {
     <>
       {router.pathname === '/' ? (
         <div className={'mt-5'}>
-          <MDBContainer>
-            <h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
+        <div className='lg:mx-20 sm:mx-5'> 
+        <h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
               کلینیک و بخش ها{' '}
             </h5>
             <hr />
@@ -219,7 +219,7 @@ const Service = () => {
               {dataMipService.map((item, index) => {
                 return (
                   <SwiperSlide key={index}>
-                    <Link href={'components/service'} as={'/Service'}>
+                    <Link href={'components/service'}>
                       <MDBCard
                         className={'color-top-card '}
                         alignment='center'
@@ -246,7 +246,7 @@ const Service = () => {
                   style={{ cursor: 'pointer', maxWidth: '22rem', height: '250px' }}
                 >
                   <MDBCardBody style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
-                    <Link href={'components/service'} as={'/Service'}>
+                    <Link href={'components/service'}>
                       <MDBCardText className={'bk'}>
                         <h1 className={'RTL dana'}>بیشتر ...</h1>{' '}
                       </MDBCardText>
@@ -257,7 +257,7 @@ const Service = () => {
                 <br />
               </SwiperSlide>
             </Swiper>
-          </MDBContainer>
+          </div>
         </div>
       ) : (
         <AppContainer title={'کلینیک ها و بخش ها '}>
@@ -272,7 +272,7 @@ const Service = () => {
               height={1500}
             />
           </div>
-          <MDBContainer style={{ marginTop: 10 }}>
+          <div style={{ marginTop: 10 }} className='lg:mx-20 sm:mx-5'> 
             <div>
               <MDBTypography
                 style={{
@@ -309,7 +309,7 @@ const Service = () => {
                 )
               })}
             </MDBRow>
-          </MDBContainer>
+          </div>
           <br />
         </AppContainer>
       )}
diff --git a/pages/index.js b/pages/index.js
index 7c0b140..11e6d69 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -39,7 +39,7 @@ export default function Home({ data_NEWS }) {
       <AppContainer>
         <Slider />
         <br />
-        <MDBContainer>
+        <div className='lg:mx-20 sm:mx-5'>
           <SimpleGrid spacing={15} columns={[1, 2, 4]}>
               <Link href={'/page/contact-us'}>
                 <MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200  cursor-pointer hover:shadow-2xl'}>
@@ -65,7 +65,7 @@ export default function Home({ data_NEWS }) {
           {/* <div className={'mt-5'}>
             <OnlineSales />
           </div> */}
-        </MDBContainer>
+        </div>
 
         <Accessgrid />
 
@@ -81,7 +81,7 @@ export default function Home({ data_NEWS }) {
                 <MDBIcon className='ms-1 ' icon='plus' size='sm' />
                 <span style={{ cursor: 'pointer !important' }} className={'text-white '}>
                   {' '}
-                  بیشتر ..
+                  بیشتر
                 </span>
               </MDBBtn>
             </Link>
diff --git a/pages/medical-equipment/index.js b/pages/medical-equipment/index.js
index 4e936af..eb71992 100644
--- a/pages/medical-equipment/index.js
+++ b/pages/medical-equipment/index.js
@@ -16,8 +16,8 @@ const MedicalEquipment = () => {
           height={2000}
         />
       </div>
-      <MDBContainer className={'my-24'}>
-        <div className={'bk-med flex justify-content-center align-items-center flex-col'}>
+      <div className='lg:mx-20 sm:mx-5 my-25'> 
+      <div className={'bk-med flex justify-content-center align-items-center flex-col'}>
           <div>
             <MDBTypography
               style={{ borderLeft: 'none', borderRight: '6px solid ', backgroundColor: '#F0F0F0' }}
@@ -41,7 +41,7 @@ const MedicalEquipment = () => {
               <a>خانم زارعی</a>
           </div>
         </div>
-      </MDBContainer>
+      </div>
     </AppContainer>
   )
 }
diff --git a/pages/page/Directors.js b/pages/page/Directors.js
index 3bd0a3a..368151e 100644
--- a/pages/page/Directors.js
+++ b/pages/page/Directors.js
@@ -86,8 +86,8 @@ const Directors = () => {
         />
       </div>
 
-      <MDBContainer>
-        <MDBRow className='row-cols-1 mt-5 mb-5 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
+      <div className='lg:mx-20 sm:mx-5'> 
+      <MDBRow className='row-cols-1 mt-5 mb-5 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
           {DataUsers.map(item => (
             <MDBCol key={item.id}>
               <div class='card-team'>
@@ -108,7 +108,7 @@ const Directors = () => {
             </MDBCol>
           ))}
         </MDBRow>
-      </MDBContainer>
+      </div>
     </AppContainer>
   )
 }
diff --git a/pages/page/about.js b/pages/page/about.js
index e6def3e..c38f0bc 100644
--- a/pages/page/about.js
+++ b/pages/page/about.js
@@ -22,8 +22,8 @@ const About = (props) => {
                        height={1300}
                    />
                </div>
-               <MDBContainer>
-                   <h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
+               <div className='lg:mx-20 sm:mx-5'> 
+               <h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
                        آشنایی اجمالی با بیمارستان مهرایرانیان
                        <hr />
 
@@ -46,7 +46,7 @@ const About = (props) => {
                       </MDBProgress>
                   </div>
                    <br/>
-               </MDBContainer>
+               </div>
            </AppContainer>
         </div>
     );
diff --git a/pages/page/contact-us.js b/pages/page/contact-us.js
index a70ba27..1e8cd17 100644
--- a/pages/page/contact-us.js
+++ b/pages/page/contact-us.js
@@ -33,8 +33,8 @@ const ContactUs = () => {
                 </div>
 
                 <br />
-                <MDBContainer>
-                    <br />
+                <div className='lg:mx-20 sm:mx-5'> 
+                <br />
                     <h3 className={'right-align'}>
                         آدرس
                         <MDBIcon style={{ paddingLeft: 5 }} className='ms-1' icon='map-marker-alt' size='xl' />
@@ -96,7 +96,7 @@ const ContactUs = () => {
                     </div>
                     <Connect />
                     <br />
-                </MDBContainer>
+                </div>
             </AppContainer>
         </>
     );
diff --git a/pages/page/docs.js b/pages/page/docs.js
index dc92c9a..2867bf4 100644
--- a/pages/page/docs.js
+++ b/pages/page/docs.js
@@ -30,7 +30,7 @@ const Docs = () => {
                 />
             </div>
 
-            <MDBContainer className={'mt-5 mb-5'}>
+            <div className='lg:mx-20 sm:mx-5 mt-5 mb-5'> 
                 <div className={'flex justify-content-center align-items-center w-100 mb-5 text-center'}>
                     <Image height={150} width={150} src={'/resource/icons/files.png'} />
                 </div>
@@ -42,7 +42,7 @@ const Docs = () => {
                         </MDBTypography>
                     </>
                 ))}
-            </MDBContainer>
+            </div>
         </AppContainer>
     );
 };
diff --git a/pages/page/news/[slug].js b/pages/page/news/[slug].js
index ac29f06..40fb3f5 100644
--- a/pages/page/news/[slug].js
+++ b/pages/page/news/[slug].js
@@ -47,8 +47,8 @@ const News = ({ post }) => {
         />
       </div>
       <br />
-      <MDBContainer>
-        <div className={'RTL bk image_center responsive-img'}>
+      <div className='lg:mx-20 sm:mx-5'> 
+      <div className={'RTL bk image_center responsive-img'}>
           <style jsx>
             {`
               * {
@@ -162,7 +162,7 @@ const News = ({ post }) => {
             تاریخ انتشار :{moment(post.created_at, 'YYYY-M-D HH:mm:ss').format('HH:mm - jYYYY/jM/jD')}
           </MDBTypography>
         </div>
-      </MDBContainer>
+      </div>
       <br />
       <br />
       <br />
diff --git a/pages/questions/index.js b/pages/questions/index.js
index 9ad4dc0..cb623bd 100644
--- a/pages/questions/index.js
+++ b/pages/questions/index.js
@@ -50,11 +50,12 @@ const QuestionAndAnswer = () => {
             height={1300}
           />
         </div>
-        <MDBContainer className={'mb-5 mt-5'}>
+        <div className='lg:mx-20 sm:mx-5 mb-5 mt-5'> 
+
           {qaData.map(item => (
             <CollapseItem key={item.id} text={item.text} title={item.title} />
           ))}
-        </MDBContainer>
+        </div>
       </AppContainer>
     </div>
   )
diff --git a/pages/recruitment/index.js b/pages/recruitment/index.js
index 17977d7..4a642c0 100644
--- a/pages/recruitment/index.js
+++ b/pages/recruitment/index.js
@@ -56,7 +56,7 @@ const Recruitment = dataoccupational => {
             height={1300}
           />
         </div>
-        <MDBContainer className={'mt-5'}>
+        <div className='lg:mx-20 sm:mx-5 mt-5'> 
           <div className={'bk-med flex justify-content-center W-100 align-items-center flex-col'}>
             <MDBTypography className={'bk-md text-primary-teal font-weight-bold'} variant={'h3'}>
               فرصت های همکاری
@@ -94,7 +94,7 @@ const Recruitment = dataoccupational => {
               </ScaleFade>
             ))}
           </SimpleGrid>
-        </MDBContainer>
+        </div>
         <br />
         <br />
         <br />
diff --git a/pages/recruitment/item/[category_id].js b/pages/recruitment/item/[category_id].js
index bb5d870..e91c81a 100644
--- a/pages/recruitment/item/[category_id].js
+++ b/pages/recruitment/item/[category_id].js
@@ -58,8 +58,8 @@ const Recruitment = jobs => {
             height={1300}
           />
         </div>
-        <MDBContainer className={'mt-5'}>
-          <div className={'bk-med flex justify-content-center align-items-center flex-col'}>
+        <div className='lg:mx-20 sm:mx-5 mt-5'> 
+        <div className={'bk-med flex justify-content-center align-items-center flex-col'}>
             <MDBTypography className={'bk-md text-primary-teal font-weight-bold'} variant={'h3'}>
               {jobs.jobs.name.title}{' '}
             </MDBTypography>
@@ -102,7 +102,7 @@ const Recruitment = jobs => {
                 </Box>
               ))}
           </SimpleGrid>
-        </MDBContainer>
+        </div>
         <br />
         <br />
         <br />
diff --git a/pages/recruitment/item/request/[pos_id].js b/pages/recruitment/item/request/[pos_id].js
index 193ae21..5445beb 100644
--- a/pages/recruitment/item/request/[pos_id].js
+++ b/pages/recruitment/item/request/[pos_id].js
@@ -184,7 +184,7 @@ const requestForm = SelectedJob => {
             </div>
           </div>
         </div>
-        <MDBContainer className={'mt-5 mb-5'}>
+        <div className='lg:mx-20 sm:mx-5 mt-5 mb-5'> 
           <SimpleGrid className={'mb-4'} columns={[1, 1, 2]} spacing={3}>
             <Box>
               <MDBCard border='primary' className={'border-black'}>
@@ -543,7 +543,7 @@ const requestForm = SelectedJob => {
               )}
             </div>
           </div>
-        </MDBContainer>
+        </div>
       </AppContainer>
     </div>
   )
diff --git a/pages/smartadvice/index.js b/pages/smartadvice/index.js
index ccc0bb3..b389ec4 100644
--- a/pages/smartadvice/index.js
+++ b/pages/smartadvice/index.js
@@ -80,8 +80,8 @@ const SmartAdvice = () => {
                         }
                     })()}
                     <MDBCard style={{ borderTopLeftRadius: 25, borderTopRightRadius: 25, height: '75vh' }} className={'position-absolute shadow-5-soft top-60 w-100 h-90'}>
-                        <MDBContainer>
-                            <HandlePage.Provider value={value}>
+                    <div className='lg:mx-20 sm:mx-5'> 
+                    <HandlePage.Provider value={value}>
                                 {(() => {
                                     switch(page) {
                                         case 1:
@@ -116,7 +116,7 @@ const SmartAdvice = () => {
                                     ): ''}
                                 </div>
                             </div>
-                        </MDBContainer>
+                        </div>
                     </MDBCard>
                 </div>
                 <h1>شرکت مهر ایراناین پرند</h1>
diff --git a/pages/smartadvice/layout/StepFive.js b/pages/smartadvice/layout/StepFive.js
index 78a3329..b2b01ff 100644
--- a/pages/smartadvice/layout/StepFive.js
+++ b/pages/smartadvice/layout/StepFive.js
@@ -32,8 +32,8 @@ const StepFive = () => {
                             </strong>
                     </div>
                     <div className={'flex justify-content-center mt-2'}>
-                        <MDBContainer>
-                            <MDBInputGroup>
+                    <div className='lg:mx-20 sm:mx-5'> 
+                    <MDBInputGroup>
                                 <MDBInputGroupElement
                                     name="PhoneNumber"
                                     dir={'rtl'}
@@ -45,7 +45,7 @@ const StepFive = () => {
                                     <MDBIcon fas icon="phone" />
                                 </MDBInputGroupText>
                             </MDBInputGroup>
-                        </MDBContainer>
+                        </div>
                     </div>
                 </div>
 
diff --git a/pages/smartadvice/layout/StepThree.js b/pages/smartadvice/layout/StepThree.js
index e51212a..9ebab5c 100644
--- a/pages/smartadvice/layout/StepThree.js
+++ b/pages/smartadvice/layout/StepThree.js
@@ -56,8 +56,8 @@ const StepThree = () => {
                     </div>
                     <br />
                     <br />
-                  <MDBContainer>
-                      <MDBInputGroup>
+                    <div className='lg:mx-20 sm:mx-5'> 
+                    <MDBInputGroup>
                           <NumberFormat
                               onValueChange={(values) => {
                                   const { formattedValue, value } = values;
@@ -74,7 +74,7 @@ const StepThree = () => {
                               <MDBIcon fas icon="dollar-sign" />
                           </MDBInputGroupText>
                       </MDBInputGroup>
-                  </MDBContainer>
+                  </div>
                 </div>
             </div>
         </SlideFade>
diff --git a/pages/stock-unit/index.jsx b/pages/stock-unit/index.jsx
index f8cc8c5..f2c103d 100644
--- a/pages/stock-unit/index.jsx
+++ b/pages/stock-unit/index.jsx
@@ -2,7 +2,18 @@ import React from 'react'
 import AppContainer from '../appContainer'
 import Image from 'next/image'
 import { MDBContainer, MDBIcon, MDBCard } from 'mdb-react-ui-kit'
-import { SimpleGrid, MDBCardBody, Table, TableCaption, TableContainer, Tbody, Td, Th, Thead, Tr } from '@chakra-ui/react'
+import {
+  SimpleGrid,
+  MDBCardBody,
+  Table,
+  TableCaption,
+  TableContainer,
+  Tbody,
+  Td,
+  Th,
+  Thead,
+  Tr
+} from '@chakra-ui/react'
 import Link from 'next/link'
 
 const StockUnit = () => {
@@ -27,91 +38,79 @@ const StockUnit = () => {
           height={1300}
         />
       </div>
-      <MDBContainer className={'mb-5 mt-5'}>
+      <div className={'mb-5 mt-5 mx-5'}>
         <div className='my-4'>
-        <SimpleGrid spacing={15} columns={[1, 2, 4]}>
-        <Link href={'/stock-unit'}>
-            <MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200  cursor-pointer hover:shadow-2xl'}>
-              <div className='flex justify-center p-4'>
-                  درگاه سهامدارن 
-              </div>
-            </MDBCard>
-          </Link>
-          <Link href={'/stock-unit/stock-sales'}>
-            <MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200  cursor-pointer hover:shadow-2xl'}>
-              <div className='flex justify-center p-4'>
-                درخواست خرید سهام
-              </div>
-            </MDBCard>
-          </Link>
-          <Link href={'/stock-unit/stock-transfer'}>
-            <MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200  cursor-pointer hover:shadow-2xl'}>
-              <div className='flex justify-center p-4'>
-                درخواست انتقال سهام
-              </div>
-            </MDBCard>
-          </Link>
-    
-          <Link href={'/stock-unit/stock-sales'}>
-            <MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200  cursor-pointer hover:shadow-2xl'}>
-              <div className='flex justify-center p-4'>
-                  درخواست فروش سهام  
-              </div>
-            </MDBCard>
-          </Link>
+          <SimpleGrid spacing={15} columns={[1, 2, 3, 3]}>
+            
+          <Link href={'/stock-unit/stock-check'}>
+              <MDBCard className={'bg-neutral-100  w-full fst-box hover:bg-neutral-200  cursor-pointer hover:shadow-2xl'}>
+                <div className='flex justify-center p-4'>پیگیری درخواست   </div>
+              </MDBCard>
+              </Link>
+            <Link href={'/stock-unit/stock-transfer'}>
+            <MDBCard className={'bg-neutral-100  w-full fst-box hover:bg-neutral-200  cursor-pointer hover:shadow-2xl'}>
+            <div className='flex justify-center p-4 w-full'>  درخواست انتقال سهام   </div>
+              </MDBCard>
+            </Link>
+            <Link href={'/stock-unit/stock-sales'}>
+              <MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200  cursor-pointer hover:shadow-2xl'}>
+                <div className='flex justify-center p-4'>درخواست خرید سهام</div>
+              </MDBCard>
+              </Link>
+       
           </SimpleGrid>
         </div>
-  
-          <TableContainer alignContent='center' alignItems='center'>
-            <Table align='center' variant='striped'>
-              <TableCaption className='bk-med'>پاسخگویی و مشاوره خرید سهام </TableCaption>
-              <Thead alignContent='center'>
-                <Tr alignContent='center' alignItems='center' className='text-center bg-gray-200'>
-                  <Th className='text-center bk-med'>شماره تماس</Th>
-                  <Th className='text-center bk-med'>کارشناس فروش </Th>
-                </Tr>
-              </Thead>
-              <Tbody>
-                <Tr>
-                  <Td className='text-center'>
-                    <a className='text-black' href='tel:02153457000'>
-                      <MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
-                      021-53457000 - 1023
-                    </a>
-                  </Td>
-                  <Td className='text-center'> خانم باباگلی </Td>
-                </Tr>
-                <Tr>
-                  <Td className='text-center'>
-                    <a className='text-black' href='tel:02153457000'>
-                      <MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
-                      021-53457000 - 1024
-                    </a>
-                  </Td>
-                  <Td className='text-center'> خانم طالبی </Td>
-                </Tr>
-                <Tr>
-                  <Td className='text-center'>
-                    <a className='text-black' href='tel:02153457000'>
-                      <MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
-                      021-53457000 - 1018
-                    </a>
-                  </Td>
-                  <Td className='text-center'> خانم کهریزی </Td>
-                </Tr>
-                <Tr>
-                  <Td className='text-center'>
-                    <a className='text-black' href='tel:02153457000'>
-                      <MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
-                      021-53457000 - 1025
-                    </a>
-                  </Td>
-                  <Td className='text-center'> خانم کاظمیان </Td>
-                </Tr>
-              </Tbody>
-            </Table>
-          </TableContainer>
-      </MDBContainer>
+
+        <TableContainer alignContent='center' alignItems='center'>
+          <Table align='center' variant='striped'>
+            <TableCaption className='bk-med'>پاسخگویی و مشاوره خرید سهام </TableCaption>
+            <Thead alignContent='center'>
+              <Tr alignContent='center' alignItems='center' className='text-center bg-gray-200'>
+                <Th className='text-center bk-med'>شماره تماس</Th>
+                <Th className='text-center bk-med'>کارشناس فروش </Th>
+              </Tr>
+            </Thead>
+            <Tbody>
+              <Tr>
+                <Td className='text-center'>
+                  <a className='text-black' href='tel:02153457000'>
+                    <MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
+                    021-53457000 - 1023
+                  </a>
+                </Td>
+                <Td className='text-center'> خانم باباگلی </Td>
+              </Tr>
+              <Tr>
+                <Td className='text-center'>
+                  <a className='text-black' href='tel:02153457000'>
+                    <MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
+                    021-53457000 - 1024
+                  </a>
+                </Td>
+                <Td className='text-center'> خانم طالبی </Td>
+              </Tr>
+              <Tr>
+                <Td className='text-center'>
+                  <a className='text-black' href='tel:02153457000'>
+                    <MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
+                    021-53457000 - 1018
+                  </a>
+                </Td>
+                <Td className='text-center'> خانم کهریزی </Td>
+              </Tr>
+              <Tr>
+                <Td className='text-center'>
+                  <a className='text-black' href='tel:02153457000'>
+                    <MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
+                    021-53457000 - 1025
+                  </a>
+                </Td>
+                <Td className='text-center'> خانم کاظمیان </Td>
+              </Tr>
+            </Tbody>
+          </Table>
+        </TableContainer>
+      </div>
     </AppContainer>
   )
 }
diff --git a/pages/stock-unit/stock-check/index.jsx b/pages/stock-unit/stock-check/index.jsx
new file mode 100644
index 0000000..d877e9e
--- /dev/null
+++ b/pages/stock-unit/stock-check/index.jsx
@@ -0,0 +1,49 @@
+     
+
+import React, { useState } from 'react';
+import {
+  MDBCard,
+  MDBCardBody,
+  MDBCardTitle,
+  MDBCardText,
+  MDBBtn
+} from 'mdb-react-ui-kit';
+import AppContainer from '../../appContainer';
+
+ const StockCheckContainer = () => {
+    const [code, setCode] = useState('')
+  return (
+    <AppContainer title={'  پیگیری درخواست  '}>
+      <MDBCard className='shadow-xl container mt-20'>
+        <MDBCardBody>
+          <div className='container flex flex-col items-center justify-center gap-y-6'>
+          <MDBCardTitle>پیگیری درخواست </MDBCardTitle>
+                <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='username'>
+                    کد پیگیری
+                </label>
+                <div className='text-end'>
+                  <input
+                    onChange={e => setCode(e.target.value)}
+                    className='outline-0 bg-transparent w-11/12 text-end pt-3
+                   border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
+                    id='username'
+                    type='text'
+                    placeHolder=' کد پیگیری خود را وارد کنید      '
+                  />
+                </div>
+                <MDBBtn>استعلام درخواست</MDBBtn>
+
+              </div>
+        </MDBCardBody>
+      </MDBCard>
+      <br />
+
+    <br />
+      <br />
+      <br />
+      <br />
+    </AppContainer>
+  )
+}
+
+export default StockCheckContainer
diff --git a/pages/stock-unit/stock-sales/index.jsx b/pages/stock-unit/stock-sales/index.jsx
index a21fc87..959d336 100644
--- a/pages/stock-unit/stock-sales/index.jsx
+++ b/pages/stock-unit/stock-sales/index.jsx
@@ -11,24 +11,44 @@ import { useState } from 'react'
 import { MDBRadio } from 'mdb-react-ui-kit'
 import NumberFormat from 'react-number-format'
 import Link from 'next/link'
+import { Box, Button, Center, Flex, Heading, Input, Select, Textarea, Stack } from '@chakra-ui/react'
+import { useForm } from 'react-hook-form'
+import moment from 'moment-jalaali'
 
 const StockSalesContainer = () => {
-  const [name, setName] = useState()
-  const [mobileNumber, setMobileNumber] = useState('')
-  const [InvestmentPrice, setInvestmentPrice] = useState('0')
+  const [userName, setUserName] = useState()
+  const [codeMeli, setCodeMeli] = useState()
+  const [mobileNumber, setMobileNumber] = useState()
+  const [numberStock, setNumberStock] = useState('')
+  const [stockType, setStockType] = useState(null)
   const [InvestmentType, setInvestmentType] = useState('1')
+
+  const [InvestmentPrice, setInvestmentPrice] = useState('0')
+
   const [Loading, setLoading] = useState(false)
   const [showSuccessSubmitForm, setShowSuccessSubmitForm] = useState(false)
 
+  const {
+    register,
+    handleSubmit,
+    watch,
+    formState: { errors }
+  } = useForm()
+
   const SubmitForm = () => {
     setLoading(true)
     toast.loading('در حال ثبت درخواست شما')
     axios
       .post(`${AppProduction}public/website/request`, {
-        name: name,
-        mobile_number: mobileNumber,
+        userName: userName,
+        codeMeli: codeMeli,
+        numberStock: numberStock,
+        stockType: stockType,
         investment_price: InvestmentPrice,
         investment_type: InvestmentType
+
+        // name: name,
+        // mobile_number: mobileNumber,
       })
       .then(async res => {
         setLoading(false)
@@ -46,175 +66,242 @@ const StockSalesContainer = () => {
   }
 
   return (
-    <AppContainer title={'  درخواست فروش سهام'}>
-        {!showSuccessSubmitForm ? 
-        (
-            <div id='callstock' className=' text-center py-8 m	'>
-            <h1 className='text-[#3c3c3c] text-[28px] font-bold mt-5	 '> ثبت درخواست فروش سهام </h1>
-            <span className='text-[#656565]  font-light'>
-                 قیمت آخرین سهام معامله شده :‌250,000,000
-                 تومان
+    <AppContainer title={'  درخواست خرید سهام'}>
+      {!showSuccessSubmitForm ? (
+        <div id='callstock' className=' text-center py-8 m	'>
+          <h1 className='text-[#3c3c3c] text-[28px] font-bold mt-5	 '>  درخواست خرید سهام </h1>
+        <div className="flex justify-center">
+        <div
+            className='mt-6 flex lg:w-6/12 md:w-full sm:w-full sm:mx-1 flex-col justify-center items-center gap-y-4 bg-teal-400 p-2 py-4 rounded-lg'
+          >
+            <span className='text-white drop-shadow-md text-right lg:text-2xl sm:text-sm  font-bold'>
+              قیمت آخرین سهام معامله شده :‌250,000,000 تومان
             </span>
-            <Toaster />
-            <div className='bg-white shadow-lg w-10/12 mx-auto rounded-[20px] grid lg:grid-cols-9 mt-8 SALES'>
-              <div className='about lg:col-span-4 '>
-                <div className='bg-[#014258]  overflow-hidden rounded-[20px] h-full lg:h-[650px] m-[0.8rem] text-end'>
-                  <div className='addressAbout pr-8 pl-8 pt-[1.8rem]'>
-                    <h4 className='text-white font-bold md:text-xl	'>ارتباط با واحد سهام</h4>
-                    <p className='text-white font-light md:text-lg pt-[0.5rem]'>
-                      بعد از ارسال درخواست کارشناسان طی 24 ساعت با شما تماس خواهند گرفت
-                    </p>
-    
-                    <div className='address'>
-                      <div className=''>
-                        <span className='md:text-base font-normal text-white pr-[0.5rem]'>021-53457000</span>
-                        <BsFillTelephoneFill className='text-[#57C5C6]  text-[0.9rem] md:text-[1.3rem]' />
-                      </div>
-    
-                      <div className='flex justify-end xl:justify-start mt-4'>
-                        <span className='md:text-base font-normal text-white pr-[0.5rem]'>
-                          تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم
-                        </span>
-                        <FaMapMarkerAlt className='text-[#57C5C6]   text-[2rem] md:text-[1.3rem] ' />
-                      </div>
+            <br />
+            <br />
+            تاریخ آخرین قیمت معامله شده : {moment().format('jYYYY/jM/jD')}
+          </div>
+        </div>
+          <Toaster />
+          <div className='bg-white shadow-lg w-10/12 mx-auto rounded-[20px] grid lg:grid-cols-9 mt-8 SALES'>
+            <div className='about lg:col-span-4 '>
+              <div className='bg-[#014258]  overflow-hidden rounded-[20px] h-full lg:h-[650px] m-[0.8rem] text-end'>
+                <div className='addressAbout pr-8 pl-8 pt-[1.8rem]'>
+                  <h4 className='text-white font-bold md:text-xl	'>ارتباط با واحد سهام</h4>
+                  <p className='text-white font-light md:text-lg pt-[0.5rem]'>
+                    بعد از ارسال درخواست کارشناسان طی 24 ساعت با شما تماس خواهند گرفت
+                  </p>
+
+                  <div className='address'>
+                    <div className=''>
+                      <span className='md:text-base font-normal text-white pr-[0.5rem]'>021-53457000</span>
+                      <BsFillTelephoneFill className='text-[#57C5C6]  text-[0.9rem] md:text-[1.3rem]' />
+                    </div>
+
+                    <div className='flex justify-end xl:justify-start mt-4'>
+                      <span className='md:text-base font-normal text-white pr-[0.5rem]'>
+                        تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم
+                      </span>
+                      <FaMapMarkerAlt className='text-[#57C5C6]   text-[2rem] md:text-[1.3rem] ' />
                     </div>
                   </div>
-    
-                  <div className='contentFooter  grid lg:grid-cols-5 xl:grid-cols-2'>
-                    <div className='Socail lg:col-span-2 xl:col-span-1 justify-center lg:justify-start text-center lg:h-[400px] items-center flex m-4'>
-                      <div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
-                        <BsWhatsapp className='socail' />
-                      </div>
-    
-                      <div className='socailS text-white mx-[0.5rem]  text-[1.2rem]  hover:bg-[#57C5C6]'>
-                        <BsTwitter className='socail' />
-                      </div>
-    
-                      <div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
-                        <AiOutlineInstagram className='socail' />
-                      </div>
+                </div>
+
+                <div className='contentFooter  grid lg:grid-cols-5 xl:grid-cols-2'>
+                  <div className='Socail lg:col-span-2 xl:col-span-1 justify-center lg:justify-start text-center lg:h-[400px] items-center flex m-4'>
+                    <div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
+                      <BsWhatsapp className='socail' />
                     </div>
-    
-                    <div className='circle1 lg:col-span-3 xl:col-span-1'>
-                      <div className='circle2'></div>
+
+                    <div className='socailS text-white mx-[0.5rem]  text-[1.2rem]  hover:bg-[#57C5C6]'>
+                      <BsTwitter className='socail' />
                     </div>
+
+                    <div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
+                      <AiOutlineInstagram className='socail' />
+                    </div>
+                  </div>
+
+                  <div className='circle1 lg:col-span-3 xl:col-span-1'>
+                    <div className='circle2'></div>
                   </div>
                 </div>
               </div>
-              <div className='rightForm lg:col-span-5 p-8  '>
-                <div className=''>
-                  <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='username'>
-                    کد ملی
-                  </label>
-                  <div className='text-end'>
-                    <input
-                      onChange={e => setName(e.target.value)}
-                      className='outline-0 bg-transparent w-11/12 text-end pt-3
+            </div>
+            <div className='rightForm lg:col-span-5 p-8  '>
+              <div className=''>
+                <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='userName'>
+                  نام و نام خانوادگی
+                </label>
+                <div className='text-end'>
+                  <input
+                    onChange={e => setUserName(e.target.value)}
+                    className='outline-0 bg-transparent w-11/12 text-end pt-3
+                   border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
+                    id='username'
+                    type='text'
+                    placeHolder=' نام و نام خانوادگی راوارد کنید'
+                  />
+                </div>
+              </div>
+
+              <div className='mt-9'>
+                <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='codeMeli'>
+                  کد ملی
+                </label>
+                <div className='text-end'>
+                  <input
+                    onChange={e => setCodeMeli(e.target.value)}
+                    className='outline-0 bg-transparent w-11/12 text-end pt-3
                         border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
-                      id='username'
-                      type='text'
-                      placeHolder=' کد  ملی را وارد کنید'
-                    />
-                  </div>
+                    id='name'
+                    type='text'
+                    placeHolder=' کد  ملی را وارد کنید'
+                  />
                 </div>
-    
-                <div className='mt-9'>
-                  <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='phone'>
-                    تعداد سهام قابل فروش 
-                  </label>
-                  <div className='text-end'>
-                    <input
-                      onChange={e => setMobileNumber(e.target.value)}
-                      className='outline-0 bg-transparent w-11/12 text-end pt-3
+              </div>
+              <div className='mt-9'>
+                <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='codeMeli'>
+                  شماره موبایل
+                </label>
+                <div className='text-end'>
+                  <input
+                    onChange={e => setMobileNumber(e.target.value)}
+                    className='outline-0 bg-transparent w-11/12 text-end pt-3
+                        border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
+                    id='name'
+                    type='text'
+                    placeHolder=' شماره موبایل وارد کنید'
+                  />
+                </div>
+              </div>
+              <div className='mt-9'>
+                <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='stockType'>
+                  نوع سهام :
+                </label>
+                <Select dir={'rtl'} onChange={e => setStockType(e.target.value)}>
+                  <option value=''>انتخاب کنید</option>
+                  <option value='1'> عادی </option>
+                  <option value='2'> تخصصی </option>
+                </Select>
+              </div>
+
+              <div className='mt-9'>
+                <label
+                  className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	'
+                  for='numberStock'
+                >
+                  تعداد سهام
+                </label>
+                <div className='text-end'>
+                  <input
+                    onChange={e => setNumberStock(e.target.value)}
+                    className='outline-0 bg-transparent w-11/12 text-end pt-3
                       border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] pt-2 '
-                      id='phone'
-                      type='text'
-                      placeHolder='تعداد سهامی که قصد فروش آن را دارید'
+                    id='phone'
+                    type='text'
+                    placeHolder='تعداد سهامی که قصد خرید آن را دارید'
+                  />
+                </div>
+              </div>
+
+              <div className='mt-9'>
+                <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='buyStock'>
+                  شرایط پرداخت
+                </label>
+                <div className='text-end flex sm:flex-col  lg:flex-row  sm:items-end sm:gap-y-4  justify-end items-center mt-3'>
+                  <div style={{ marginLeft: 20 }} className="ml-5'">
+                    <MDBRadio
+                      onClick={() => setInvestmentType(4)}
+                      name='flexRadioDefault'
+                      id='flexRadioDefault4'
+                      label=' تهاتر'
+                      defaultChecked
+                    />
+                  </div>
+
+                  <div style={{ marginLeft: 20 }} className="ml-5'">
+                    <MDBRadio
+                      onClick={() => setInvestmentType(3)}
+                      name='flexRadioDefault'
+                      id='flexRadioDefault3'
+                      label='نقد و اقساط'
+                      defaultChecked
+                    />
+                  </div>
+
+                  <div style={{ marginLeft: 20 }} className="ml-5'">
+                    <MDBRadio
+                      onClick={() => setInvestmentType(2)}
+                      name='flexRadioDefault'
+                      id='flexRadioDefault2'
+                      label=' اقساط'
+                      defaultChecked
+                    />
+                  </div>
+
+                  <div className="ml-5'" style={{ marginLeft: 20 }}>
+                    <MDBRadio
+                      onClick={() => setInvestmentType(1)}
+                      name='flexRadioDefault'
+                      id='flexRadioDefault1'
+                      label='نقد  '
+                      defaultChecked
                     />
                   </div>
                 </div>
-                <div className='mt-9'>
-                  <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='buyStock'>
-                    نوع فروش
-                  </label>
-                  <div className='text-end flex sm:flex-col  lg:flex-row  sm:items-end sm:gap-y-4  justify-end items-center mt-3'>
-                    <div className="ml-5'">
-                      <MDBRadio
-                        onClick={() => setInvestmentType(3)}
-                        name='flexRadioDefault'
-                        id='flexRadioDefault1'
-                        label='تهاتری  '
-                      />
-                    </div>
-                    <div style={{ marginLeft: 20 }} className="ml-5'">
-                      <MDBRadio
-                        onClick={() => setInvestmentType(3)}
-                        name='flexRadioDefault'
-                        id='flexRadioDefault2'
-                        label='بالاترین قیمت'
-                        defaultChecked
-                      />
-                    </div>
-                    <div style={{ marginLeft: 20 }} className="ml-5'">
-                      <MDBRadio
-                        onClick={() => setInvestmentType(1)}
-                        name='flexRadioDefault'
-                        id='flexRadioDefault2'
-                        label='فوری'
-                        defaultChecked
-                      />
-                    </div>
-                  </div>
-                </div>
-    
-                <div className='mt-9 '>
-                  <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='money'>
-                    مبلغ پیشنهای شما برای فروش سهام
-                  </label>
-                  <div className='text-end'>
-                    <NumberFormat
-                      onValueChange={values => {
-                        const { formattedValue, value } = values
-                        setInvestmentPrice(value)
-                      }}
-                      className='outline-0 bg-transparent w-11/12 text-end pt-3
+              </div>
+
+              <div className='mt-2'>
+                {InvestmentType === 4 && (
+                  <Textarea style={{ textAlign: 'right' }} placeholder='....شرح مال مورد معوض' size='sm' />
+                )}
+              </div>
+
+              {/* <div className='mt-9 '>
+                <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='money'>
+                  مبلغ پیشنهای شما برای فروش سهام
+                </label>
+                <div className='text-end'>
+                  <NumberFormat
+                    onValueChange={values => {
+                      const { formattedValue, value } = values
+                      setInvestmentPrice(value)
+                    }}
+                    className='outline-0 bg-transparent w-11/12 text-end pt-3
                          border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
-                      type={'text'}
-                      prefix={'تومان'}
-                      thousandSeparator={true}
-                      dir={'ltr'}
-                      placeHolder=' مبلغ مورد نظر خود برای فروش سهام وارد نمایید'
-                    />
-                  </div>
-                </div>
-    
-                <div className='mt-[6rem] mb-2'>
-                  <button
-                    onClick={SubmitForm}
-                    className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold	'
-                  >
-                    {!Loading ? 'ثبت درخواست' : 'در حال ثبت  درخواست'}
-                  </button>
+                    type={'text'}
+                    prefix={'تومان'}
+                    thousandSeparator={true}
+                    dir={'ltr'}
+                    placeHolder=' مبلغ مورد نظر خود برای فروش سهام وارد نمایید'
+                  />
                 </div>
+              </div> */}
+
+              <div className='mt-[6rem] mb-2'>
+                <button
+                  onClick={SubmitForm}
+                  className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold	'
+                >
+                  {!Loading ? 'ثبت درخواست' : 'در حال ثبت  درخواست'}
+                </button>
               </div>
             </div>
           </div>
-        ): (
-            <div className='my-44 flex justify-center flex-col items-center'>
-                <h3 className='text-green-600'>درخواست شما ثبت شد به زودی کار شناسان  ما به شما تماس می گیرند</h3>
-                <div className='mt-[6rem] mb-2'>
-                <Link href={'/stock-unit'}>
-                <button
-                    className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold	'
-                  >
-                    بازگشت به امور سهام
-                  </button>
-                </Link>
-        
-                </div>
-                
-            </div>
-        )}
+        </div>
+      ) : (
+        <div className='my-44 flex justify-center flex-col items-center'>
+          <h3 className='text-green-600'>درخواست شما ثبت شد به زودی کار شناسان ما به شما تماس می گیرند</h3>
+          <div className='mt-[6rem] mb-2'>
+            <Link href={'/stock-unit'}>
+              <button className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold	'>
+                بازگشت به امور سهام
+              </button>
+            </Link>
+          </div>
+        </div>
+      )}
     </AppContainer>
   )
 }
diff --git a/pages/stock-unit/stock-transfer/index.jsx b/pages/stock-unit/stock-transfer/index.jsx
index 23eedd9..8ededc6 100644
--- a/pages/stock-unit/stock-transfer/index.jsx
+++ b/pages/stock-unit/stock-transfer/index.jsx
@@ -31,7 +31,7 @@ const StockTransferContainer = () => {
       })
       .then(async res => {
         setLoading(false)
-        setShowSuccessSubmitForm(true)
+        // setShowSuccessSubmitForm(true)
         toast.remove()
         toast.success('درخواست شما ثبت شد به زودی کار شناسان  ما به شما تماس می گیرند')
         await console.log('res', res)
@@ -46,173 +46,169 @@ const StockTransferContainer = () => {
 
   return (
     <AppContainer title={'  درخواست خرید سهام'}>
-        {!showSuccessSubmitForm ? 
-        (
-            <div id='callstock' className=' text-center py-8 m	'>
-            <h1 className='text-[#3c3c3c] text-[28px] font-bold mt-5	 '> ثبت درخواست خرید سهام </h1>
-            <span className='text-[#656565] text-base p-2 md:text-[22px] md:p-0 font-light'>
-              {/* برای ارتباط با ما فرم زیر را تکمیل کنید */}
-            </span>
-            <Toaster />
-            <div className='bg-white shadow-lg w-10/12 mx-auto rounded-[20px] grid lg:grid-cols-9 mt-8 SALES'>
-              <div className='about lg:col-span-4 '>
-                <div className='bg-[#014258]  overflow-hidden rounded-[20px] h-full lg:h-[650px] m-[0.8rem] text-end'>
-                  <div className='addressAbout pr-8 pl-8 pt-[1.8rem]'>
-                    <h4 className='text-white font-bold md:text-xl	'>ارتباط با واحد سهام</h4>
-                    <p className='text-white font-light md:text-lg pt-[0.5rem]'>
-                      بعد از ارسال درخواست کارشناسان طی 24 ساعت با شما تماس خواهند گرفت
-                    </p>
-    
-                    <div className='address'>
-                      <div className=''>
-                        <span className='md:text-base font-normal text-white pr-[0.5rem]'>021-53457000</span>
-                        <BsFillTelephoneFill className='text-[#57C5C6]  text-[0.9rem] md:text-[1.3rem]' />
-                      </div>
-    
-                      <div className='flex justify-end xl:justify-start mt-4'>
-                        <span className='md:text-base font-normal text-white pr-[0.5rem]'>
-                          تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم
-                        </span>
-                        <FaMapMarkerAlt className='text-[#57C5C6]   text-[2rem] md:text-[1.3rem] ' />
-                      </div>
+      {!showSuccessSubmitForm ? (
+        <div id='callstock' className=' text-center py-8 m	'>
+          <h1 className='text-[#3c3c3c] text-[28px] font-bold mt-5	 '>  درخواست انتقال سهام </h1>
+          <span className='text-[#656565] text-base p-2 md:text-[22px] md:p-0 font-light'>
+            {/* برای ارتباط با ما فرم زیر را تکمیل کنید */}
+          </span>
+          <Toaster />
+          <div className='bg-white shadow-lg w-10/12 mx-auto rounded-[20px] grid lg:grid-cols-9 mt-8 SALES'>
+            <div className='about lg:col-span-4 '>
+              <div className='bg-[#014258]  overflow-hidden rounded-[20px] h-full lg:h-[650px] m-[0.8rem] text-end'>
+                <div className='addressAbout pr-8 pl-8 pt-[1.8rem]'>
+                  <h4 className='text-white font-bold md:text-xl	'>ارتباط با واحد سهام</h4>
+                  <p className='text-white font-light md:text-lg pt-[0.5rem]'>
+                    بعد از ارسال درخواست کارشناسان طی 24 ساعت با شما تماس خواهند گرفت
+                  </p>
+
+                  <div className='address'>
+                    <div className=''>
+                      <span className='md:text-base font-normal text-white pr-[0.5rem]'>021-53457000</span>
+                      <BsFillTelephoneFill className='text-[#57C5C6]  text-[0.9rem] md:text-[1.3rem]' />
+                    </div>
+
+                    <div className='flex justify-end xl:justify-start mt-4'>
+                      <span className='md:text-base font-normal text-white pr-[0.5rem]'>
+                        تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم
+                      </span>
+                      <FaMapMarkerAlt className='text-[#57C5C6]   text-[2rem] md:text-[1.3rem] ' />
                     </div>
                   </div>
-    
-                  <div className='contentFooter  grid lg:grid-cols-5 xl:grid-cols-2'>
-                    <div className='Socail lg:col-span-2 xl:col-span-1 justify-center lg:justify-start text-center lg:h-[400px] items-center flex m-4'>
-                      <div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
-                        <BsWhatsapp className='socail' />
-                      </div>
-    
-                      <div className='socailS text-white mx-[0.5rem]  text-[1.2rem]  hover:bg-[#57C5C6]'>
-                        <BsTwitter className='socail' />
-                      </div>
-    
-                      <div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
-                        <AiOutlineInstagram className='socail' />
-                      </div>
+                </div>
+
+                <div className='contentFooter  grid lg:grid-cols-5 xl:grid-cols-2'>
+                  <div className='Socail lg:col-span-2 xl:col-span-1 justify-center lg:justify-start text-center lg:h-[400px] items-center flex m-4'>
+                    <div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
+                      <BsWhatsapp className='socail' />
                     </div>
-    
-                    <div className='circle1 lg:col-span-3 xl:col-span-1'>
-                      <div className='circle2'></div>
+
+                    <div className='socailS text-white mx-[0.5rem]  text-[1.2rem]  hover:bg-[#57C5C6]'>
+                      <BsTwitter className='socail' />
                     </div>
+
+                    <div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
+                      <AiOutlineInstagram className='socail' />
+                    </div>
+                  </div>
+
+                  <div className='circle1 lg:col-span-3 xl:col-span-1'>
+                    <div className='circle2'></div>
                   </div>
                 </div>
               </div>
-              <div className='rightForm lg:col-span-5 p-8  '>
-                <div className=''>
-                  <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='username'>
-                    نام و نام خانوادگی
-                  </label>
-                  <div className='text-end'>
-                    <input
-                      onChange={e => setName(e.target.value)}
-                      className='outline-0 bg-transparent w-11/12 text-end pt-3
+            </div>
+
+            <div className='rightForm lg:col-span-5 p-8  '>
+              <div className=''>
+                <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='username'>
+                  نام و نام خانوادگی
+                </label>
+                <div className='text-end'>
+                  <input
+                    onChange={e => setName(e.target.value)}
+                    className='outline-0 bg-transparent w-11/12 text-end pt-3
                    border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
-                      id='username'
-                      type='text'
-                      placeHolder=' نام و نام خانوادگی راوارد کنید'
-                    />
-                  </div>
+                    id='username'
+                    type='text'
+                    placeHolder=' نام و نام خانوادگی راوارد کنید'
+                  />
                 </div>
-    
-                <div className='mt-9'>
-                  <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='phone'>
-                    شماره تماس
-                  </label>
-                  <div className='text-end'>
-                    <input
-                      onChange={e => setMobileNumber(e.target.value)}
-                      className='outline-0 bg-transparent w-11/12 text-end pt-3
+              </div>
+
+              <div className='mt-9'>
+                <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='phone'>
+                  شماره تماس
+                </label>
+                <div className='text-end'>
+                  <input
+                    onChange={e => setMobileNumber(e.target.value)}
+                    className='outline-0 bg-transparent w-11/12 text-end pt-3
                       border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] pt-2 '
-                      id='phone'
-                      type='text'
-                      placeHolder='+98 912 525 4477'
+                    id='phone'
+                    type='text'
+                    placeHolder='099123456789 '
+                  />
+                </div>
+              </div>
+              <div className='mt-9'>
+                <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='buyStock'>
+                  به چه صورت تمایل به انتقال سهام دارید؟
+                </label>
+                <div className='text-end flex sm:flex-col  lg:flex-row  sm:items-end sm:gap-y-4  justify-end items-center mt-3'>
+                  <div className="ml-5'">
+                    <MDBRadio
+                      onClick={() => setInvestmentType(3)}
+                      name='flexRadioDefault'
+                      id='flexRadioDefault1'
+                      label='اقساطی  '
+                    />
+                  </div>
+                  <div style={{ marginLeft: 20 }} className="ml-5'">
+                    <MDBRadio
+                      onClick={() => setInvestmentType(3)}
+                      name='flexRadioDefault'
+                      id='flexRadioDefault2'
+                      label='تهاتر'
+                      defaultChecked
+                    />
+                  </div>
+                  <div style={{ marginLeft: 20 }} className="ml-5'">
+                    <MDBRadio
+                      onClick={() => setInvestmentType(1)}
+                      name='flexRadioDefault'
+                      id='flexRadioDefault2'
+                      label='نقدی'
+                      defaultChecked
                     />
                   </div>
                 </div>
-                <div className='mt-9'>
-                  <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='buyStock'>
-                    به چه صورت تمایل به خرید سهام دارید؟
-                  </label>
-                  <div className='text-end flex sm:flex-col  lg:flex-row  sm:items-end sm:gap-y-4  justify-end items-center mt-3'>
-                    <div className="ml-5'">
-                      <MDBRadio
-                        onClick={() => setInvestmentType(3)}
-                        name='flexRadioDefault'
-                        id='flexRadioDefault1'
-                        label='اقساطی  '
-                      />
-                    </div>
-                    <div style={{ marginLeft: 20 }} className="ml-5'">
-                      <MDBRadio
-                        onClick={() => setInvestmentType(3)}
-                        name='flexRadioDefault'
-                        id='flexRadioDefault2'
-                        label='تهاتر'
-                        defaultChecked
-                      />
-                    </div>
-                    <div style={{ marginLeft: 20 }} className="ml-5'">
-                      <MDBRadio
-                        onClick={() => setInvestmentType(1)}
-                        name='flexRadioDefault'
-                        id='flexRadioDefault2'
-                        label='نقدی'
-                        defaultChecked
-                      />
-                    </div>
-                  </div>
-                </div>
-    
-                <div className='mt-9 '>
-                  <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='money'>
-                    مبلغ سرمایه گذاری شما
-                  </label>
-                  <div className='text-end'>
-                    <NumberFormat
-                      onValueChange={values => {
-                        const { formattedValue, value } = values
-                        setInvestmentPrice(value)
-                      }}
-                      className='outline-0 bg-transparent w-11/12 text-end pt-3
+              </div>
+
+              <div className='mt-9 '>
+                <label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6]	' for='money'>
+                  مبلغ سرمایه گذاری شما
+                </label>
+                <div className='text-end'>
+                  <NumberFormat
+                    onValueChange={values => {
+                      const { formattedValue, value } = values
+                      setInvestmentPrice(value)
+                    }}
+                    className='outline-0 bg-transparent w-11/12 text-end pt-3
                          border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
-                      type={'text'}
-                      prefix={'تومان'}
-                      thousandSeparator={true}
-                      dir={'ltr'}
-                      placeHolder=' مبلغ مد نظر خود برای شروع سرمایه گذاری وارد نمایید'
-                    />
-                  </div>
-                </div>
-    
-                <div className='mt-[6rem] mb-2'>
-                  <button
-                    onClick={SubmitForm}
-                    className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold	'
-                  >
-                    {!Loading ? 'ثبت درخواست' : 'در حال ثبت  درخواست'}
-                  </button>
+                    type={'text'}
+                    prefix={'تومان'}
+                    thousandSeparator={true}
+                    dir={'ltr'}
+                    placeHolder=' مبلغ مد نظر خود برای شروع سرمایه گذاری وارد نمایید'
+                  />
                 </div>
               </div>
+
+              <div className='mt-[6rem] mb-2'>
+                <button
+                  onClick={SubmitForm}
+                  className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold	'
+                >
+                  {!Loading ? 'ثبت درخواست' : 'در حال ثبت  درخواست'}
+                </button>
+              </div>
             </div>
           </div>
-        ): (
-            <div className='my-44 flex justify-center flex-col items-center'>
-                <h3 className='text-green-600'>درخواست شما ثبت شد به زودی کار شناسان  ما به شما تماس می گیرند</h3>
-                <div className='mt-[6rem] mb-2'>
-                <Link href={'/stock-unit'}>
-                <button
-                    className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold	'
-                  >
-                    بازگشت به امور سهام
-                  </button>
-                </Link>
-        
-                </div>
-                
-            </div>
-        )}
+        </div>
+      ) : (
+        <div className='my-44 flex justify-center flex-col items-center'>
+          <h3 className='text-green-600'>درخواست شما ثبت شد به زودی کار شناسان ما به شما تماس می گیرند</h3>
+          <div className='mt-[6rem] mb-2'>
+            <Link href={'/stock-unit'}>
+              <button className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold	'>
+                بازگشت به امور سهام
+              </button>
+            </Link>
+          </div>
+        </div>
+      )}
     </AppContainer>
   )
 }