mip-website/pages/stock-unit/index.js

import React from 'react';
import AppContainer from "../appContainer";
import Image from "next/image";
import {MDBContainer, MDBIcon} from "mdb-react-ui-kit";
import {Table, TableCaption, TableContainer, Tbody, Td, Th, Thead, Tr} from "@chakra-ui/react";

const StockUnit = () => {
    const Parallax = ({quality}) => {
        return `../resource/images/call-center.jpg`
    }
    return (<AppContainer title={' واحد فروش سهام'}>
            <div className='parallax-container'>
                <div style={{ fontSize: 30}} className={'center-align text-white header_back service-text dana font-weight-bold'}> واحد فروش
                    سهام </div>
                <Image
                    loader={Parallax}
                    src='Parallax.png'
                    className={'responsive-img shadow-5'}
                    alt='واحد فروش سهام بیمارستان مهر ایرانیان'
                    width={3000}
                    height={1300}
                />
            </div>
            <MDBContainer className={'mb-5 mt-5'}>
                <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:09100700881">
                                        <MDBIcon className="mr-3" fas style={{ fontSize: '10px' }}  icon="phone-alt"/>
                                        09100700881
                                    </a>
                                    <br/>
                                    <br/>
                                    <a className="text-black" href="tel:021-48810804">
                                        <MDBIcon className="mr-3" fas style={{ fontSize: '10px' }}  icon="phone-alt"/>
                                        021-48810804
                                    </a>
                                </Td>
                                <Td className="text-center">خانم رجبی</Td>
                            </Tr>
                            <Tr>
                                <Td className="text-center text-black">
                                    <a className="text-black" href="tel:09126647207">
                                        <MDBIcon className="mr-3" fas style={{ fontSize: '10px' }}  icon="phone-alt"/>
                                        09126647207
                                    </a>
                                </Td>
                                <Td className="text-center">خانم راد</Td>
                            </Tr>
                            <Tr>
                                <Td className="text-center text-black">
                                    <a className="text-black" href="tel:021-48810736">
                                        <MDBIcon className="mr-3" fas style={{ fontSize: '10px' }}  icon="phone-alt"/>
                                        021-48810736
                                    </a>
                                    <br/>
                                    <br/>
                                    <a className="text-black" href="tel:09384085068">
                                        <MDBIcon className="mr-3" fas style={{ fontSize: '10px' }}  icon="phone-alt"/>
                                        09384085068
                                    </a>
                                </Td>
                                <Td className="text-center"> آقای سهرابی</Td>
                            </Tr>
                            <Tr>
                                <Td className="text-center">
                                    <a className="text-black" href="tel:09199797823">
                                        <MDBIcon className="mr-3" fas style={{ fontSize: '10px' }} icon="phone-alt"/>
                                        09199797823
                                    </a>
                                </Td>
                                <Td className="text-center"> آقای فتحی</Td>
                            </Tr>
                            <Tr>
                                <Td className="text-center">
                                    <a className="text-black" href="tel:021-488108805">
                                        <MDBIcon className="mr-3" fas style={{ fontSize: '10px' }}  icon="phone-alt"/>
                                        021-488108805
                                    </a>
                                </Td>
                                <Td className="text-center"> آقای شمشیری </Td>
                            </Tr>
                            <Tr>
                                <Td className="text-center">
                                    <a className="text-black" href="tel:021-48810737">
                                        <MDBIcon className="mr-3" fas style={{ fontSize: '10px' }}  icon="phone-alt"/>
                                        021-48810737
                                    </a>
                                </Td>
                                <Td className="text-center"> آقای سرابی </Td>
                            </Tr>
                            <Tr>
                                <Td className="text-center">
                                    <a className="text-black" href="tel:021-48810890">
                                        <MDBIcon className="mr-3" fas style={{ fontSize: '10px' }}  icon="phone-alt"/>
                                        021-48810890
                                    </a>
                                </Td>
                                <Td className="text-center"> خانم قاسمی </Td>
                            </Tr>
                            <Tr>
                                <Td className="text-center">
                                    <a className="text-black" href="tel:021-48810801">
                                        <MDBIcon className="mr-3" fas style={{ fontSize: '10px' }}  icon="phone-alt"/>
                                        021-48810801
                                    </a>
                                </Td>
                                <Td className="text-center"> خانم کلهر </Td>
                            </Tr>
                            <Tr>
                                <Td className="text-center">
                                    <a className="text-black" href="tel:021-48810802">
                                        <MDBIcon className="mr-3" fas style={{ fontSize: '10px' }}  icon="phone-alt"/>
                                        021-48810802
                                    </a>
                                </Td>
                                <Td className="text-center"> خانم اکبری </Td>
                            </Tr>
                            <Tr>
                                <Td className="text-center">
                                    <a className="text-black" href="tel:021-48810803">
                                        <MDBIcon className="mr-3" fas style={{ fontSize: '10px' }} icon="phone-alt"/>
                                        021-48810803
                                    </a>
                                </Td>
                                <Td className="text-center"> خانم شیخی </Td>
                            </Tr>
                        </Tbody>

                    </Table>
                </TableContainer>
            </MDBContainer>
        </AppContainer>);
};

export default StockUnit;