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

import React from 'react';
import AppContainer from "../appContainer";
import Image from "next/image";
import {MDBContainer} from "mdb-react-ui-kit";
import {Table, TableCaption, TableContainer, Tbody, Td, Tfoot, 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'>
                <h1 className={'center-align text-white header_back service-text dana font-weight-bold'}> واحد فروش سهام  </h1>
                <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">شماره تماس</Th>
                                <Th className="text-center">کارشناس فروش  </Th>
                            </Tr>
                        </Thead>
                        <Tbody>
                            <Tr>
                                <Td className="text-center">09100700881 <br /> 021-48810804</Td>
                                <Td className="text-center">خانم رجبی</Td>
                            </Tr>
                            <Tr >
                                <Td className="text-center">09126647207</Td>
                                <Td className="text-center">خانم راد</Td>
                            </Tr>
                            <Tr>
                                <Td className="text-center">09384085068 <br /> 021-48810736</Td>
                                <Td className="text-center"> آقای سهرابی</Td>
                            </Tr>
                            <Tr>
                                <Td className="text-center">09199797823</Td>
                                <Td className="text-center"> آقای فتحی</Td>
                            </Tr>
                            <Tr>
                                <Td className="text-center">021-488108805</Td>
                                <Td className="text-center"> آقای شمشیری  </Td>
                            </Tr>
                            <Tr>
                                <Td className="text-center">021-48810737</Td>
                                <Td className="text-center"> آقای سرابی  </Td>
                            </Tr>
                            <Tr>
                                <Td className="text-center">021-48810890</Td>
                                <Td className="text-center"> خانم قاسمی   </Td>
                            </Tr>
                            <Tr>
                                <Td className="text-center">021-48810801</Td>
                                <Td className="text-center"> خانم کلهر   </Td>
                            </Tr>
                            <Tr>
                                <Td className="text-center">021-48810802</Td>
                                <Td className="text-center"> خانم اکبری   </Td>
                            </Tr>
                            <Tr>
                                <Td className="text-center">021-48810803</Td>
                                <Td className="text-center"> خانم شیخی   </Td>
                            </Tr>
                        </Tbody>

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

export default StockUnit;