mip-website/pages/medical-equipment/index.js

import React from 'react'
import AppContainer from '../appContainer'
import MedicalStock from '../../public/resource/medical/medical.webp'
import Image from 'next/image'
import { MDBContainer, MDBTypography, MDBRow } from 'mdb-react-ui-kit'
const MedicalEquipment = () => {
  return (
    <AppContainer title={'واحد تجهیزات پزشکی'}>
      <div className='parallax-container'>
        <h2 className={'center-align text-white drop-shadow service-text dana font-weight-bold'}>واحد تجهیزات پزشکی</h2>
        <Image
          src={MedicalStock}
          className={'responsive-img shadow-5'}
          alt='Picture of the author'
          width={4090}
          height={2000}
        />
      </div>
      <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' }}
              note
              noteColor='dark'
              className='mb-0'
            >
              <MDBRow>
                <MDBTypography className={'dana right-align'}>
                  اگر به دنبال همکاری با بخش تجهیزات بیمارستان هستید، لطفا با یکی از شماره‌های زیر تماس حاصل نمایید تا
                  اطلاعات بیشتری در این خصوص از ما دریافت کنید
                </MDBTypography>
              </MDBRow>
            </MDBTypography>
          </div>
          <div className='flex lg:flex-row md:flex-col justify-center items-center sm:flex-col gap-x-5 mt-4'>
            <a className='dana' href='tel:021-53457999'>021-53457999</a>
            <br />
            <a className='dana' href='tel:09194199420'>09194199420</a>
            <br />
              <a>خانم زارعی</a>
          </div>
        </div>
      </div>
    </AppContainer>
  )
}

export default MedicalEquipment