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

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

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>
      <div className={'mb-5 mt-5 mx-5'}>
        <h1 className='text-center'>واحد امور سهام بیمارستان مهر پرند</h1>
        <div className='my-4'>
          <SimpleGrid spacing={15} columns={[1, 2]}>
            <Link href={'/stock-unit/stock-check'}>
              <MDBCard
                className={'bg-neutral-100  w-full fst-box hover:bg-neutral-200  cursor-pointer hover:shadow-2xl'}
              >
                <div className='flex justify-center p-4'>پیگیری درخواست </div>
              </MDBCard>
            </Link>
            <MDBCard className={'bg-neutral-100  w-full fst-box hover:bg-neutral-200  cursor-pointer hover:shadow-2xl'}>
              <a href='https://club.mehriranianco.ir/' target='_blank' className='flex justify-center text-black p-4'>
                {' '}
                باشگاه سهامداران
              </a>
            </MDBCard>
            {/* <Link href={'/stock-unit/stock-transfer'}>
            <MDBCard className={'bg-neutral-100  w-full fst-box hover:bg-neutral-200  cursor-pointer hover:shadow-2xl'}>
            <div className='flex justify-center p-4 w-full'>  درخواست انتقال سهام   </div>
              </MDBCard>
            </Link> */}
            {/* <Link href={'/stock-unit/stock-sales'}>
              <MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200  cursor-pointer hover:shadow-2xl'}>
                <div className='flex justify-center p-4'>درخواست خرید سهام</div>
              </MDBCard>
            </Link> */}
          </SimpleGrid>
        </div>
        <div className='text-center w-full'>
          <a className='' href='tel:02153457999'>
            امور سهامداران: 53457999 - 021
          </a>
        </div>
      </div>
    </AppContainer>
  )
}

export default StockUnit