import React from 'react'
import { MDBFooter, MDBContainer, MDBRow, MDBCol, MDBIcon } from 'mdb-react-ui-kit'
import Link from 'next/link'

const Footer = () => {
  return (
    <>
      <MDBFooter className='text-center text-lg-left hover_color'>
        <MDBContainer className='p-4'>
          <MDBRow>
            <MDBCol lg='6' md='12' className='mb-4 mb-md-0'>
              <h5 className='text-uppercase text-white'>
                شرکت پزشکی مهر ایرانیان پرند
                <hr />
              </h5>

              <p style={{ direction: 'rtl' }} className={'bk yekan-bakh-req text-white center-align'}>
                بیمارستان تخصصی مهرایرانیان واقع در بر اتوبان چهاربانده اصلی داخلی شهر پرند در بهترین موقعیت مکانی و در
                دل مسکن مهر، با هدف تبدیل شدن به یکی از قطب های درمانی منطقه در حال احداث می باشد. این بیمارستان که تنها
                بیمارستان تخصصی در کنار بزرگترین فرودگاه کشور است
              </p>
            </MDBCol>

            <MDBCol lg='3' md='6' className='mb-4 mb-md-0'>
              <h5 className='text-uppercase text-white'>
                لینک های مفید
                <hr />
              </h5>

              <ul style={{ lineHeight: 2 }} className='list-unstyled mb-0 bk '>
                <li>
                  <Link href={{ pathname: '/News', query: { list: 'list' } }}>
                    <a href='#!' className='text-white'>
                      اطلاعیه ها
                    </a>
                  </Link>
                </li>
                <li>
                  <Link href='/page/about' className='text-white'>
                    <a style={{ color: 'white' }}> درباره </a>
                  </Link>
                </li>

                <li>
                  <Link href='/page/contact-us' className='text-white'>
                    <a style={{ color: 'white' }}> تماس با ما</a>
                  </Link>
                </li>
              </ul>
            </MDBCol>

            <MDBCol lg='3' md='6' className='mb-4 mb-md-0'>
              <h5 className='text-uppercase mb-0  text-white'>
                تماس با ما
                <hr />
              </h5>

              <ul style={{ listStyle: 'none', lineHeight: 2 }} className='bk right center-align'>
                {/*<li>*/}
                {/*    <a className='text-white dana' href="tel:02153457000">021 5345 7000  </a>*/}
                {/*</li>*/}
                <li>
                  <a href='tel:02153457000' className='text-white dana'>
                    021-53457000
                  </a>
                </li>
                <li>
                  <a href='#!' className='text-white'>
                    contact-us@miphospital.ir
                  </a>
                </li>
                <li className={'d-flex'} alignment='end'>
                  <a href='#!' className='text-white center-align right'>
                    تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم (ع)
                  </a>
                  <MDBIcon className={'right right-align p-2 text-white'} fas icon='map-marker-alt' />
                </li>
              </ul>
            </MDBCol>
          </MDBRow>
        </MDBContainer>

        <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>
        </div>
      </MDBFooter>
    </>
  )
}

export default Footer