mip-website/pages/components/Layout/footer.js

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:+989367529435' className='text-white dana'>
                                        0912 967 6106
                                    </a>
                                </li>
                                <li>
                                    <a href='tel:+989367529435' className='text-white dana'>
                                        0936 752 9435
                                    </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;