fix: shet bugs

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>
   );
 }
 

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>

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>

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>
   );
 };
 

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>
 
 
 

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>

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>
       )}