add call icon

This commit is contained in:
reza karimi
2023-02-27 20:20:28 +03:30
parent e2c1fcde39
commit e431d58306
+91 -30
View File
@@ -1,17 +1,17 @@
import React from 'react'; import React from 'react';
import AppContainer from "../appContainer"; import AppContainer from "../appContainer";
import Image from "next/image"; import Image from "next/image";
import {MDBContainer} from "mdb-react-ui-kit"; import {MDBContainer, MDBIcon} from "mdb-react-ui-kit";
import {Table, TableCaption, TableContainer, Tbody, Td, Tfoot, Th, Thead, Tr} from "@chakra-ui/react"; import {Table, TableCaption, TableContainer, Tbody, Td, Th, Thead, Tr} from "@chakra-ui/react";
const StockUnit = () => { const StockUnit = () => {
const Parallax = ({ quality }) => { const Parallax = ({quality}) => {
return `../resource/images/call-center.jpg` return `../resource/images/call-center.jpg`
} }
return ( return (<AppContainer title={' واحد فروش سهام'}>
<AppContainer title={' واحد فروش سهام'}>
<div className='parallax-container'> <div className='parallax-container'>
<h1 className={'center-align text-white header_back service-text dana font-weight-bold'}> واحد فروش سهام </h1> <div style={{ fontSize: 30}} className={'center-align text-white header_back service-text dana font-weight-bold'}> واحد فروش
سهام </div>
<Image <Image
loader={Parallax} loader={Parallax}
src='Parallax.png' src='Parallax.png'
@@ -22,63 +22,124 @@ const StockUnit = () => {
/> />
</div> </div>
<MDBContainer className={'mb-5 mt-5'}> <MDBContainer className={'mb-5 mt-5'}>
<TableContainer alignContent="center" alignItems="center"> <TableContainer alignContent="center" alignItems="center">
<Table align="center" variant='striped'> <Table align="center" variant='striped'>
<TableCaption className="bk-med">پاسخگویی و مشاوره خرید سهام </TableCaption> <TableCaption className="bk-med">پاسخگویی و مشاوره خرید سهام </TableCaption>
<Thead alignContent="center"> <Thead alignContent="center">
<Tr alignContent="center" alignItems="center" className="text-center bg-gray-200"> <Tr alignContent="center" alignItems="center" className="text-center bg-gray-200">
<Th className="text-center">شماره تماس</Th> <Th className="text-center bk-med">شماره تماس</Th>
<Th className="text-center">کارشناس فروش </Th> <Th className="text-center bk-med">کارشناس فروش </Th>
</Tr> </Tr>
</Thead> </Thead>
<Tbody> <Tbody>
<Tr> <Tr>
<Td className="text-center">09100700881 <br /> 021-48810804</Td> <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> <Td className="text-center">خانم رجبی</Td>
</Tr> </Tr>
<Tr > <Tr>
<Td className="text-center">09126647207</Td> <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> <Td className="text-center">خانم راد</Td>
</Tr> </Tr>
<Tr> <Tr>
<Td className="text-center">09384085068 <br /> 021-48810736</Td> <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> <Td className="text-center"> آقای سهرابی</Td>
</Tr> </Tr>
<Tr> <Tr>
<Td className="text-center">09199797823</Td> <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> <Td className="text-center"> آقای فتحی</Td>
</Tr> </Tr>
<Tr> <Tr>
<Td className="text-center">021-488108805</Td> <Td className="text-center">
<Td className="text-center"> آقای شمشیری </Td> <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>
<Tr> <Tr>
<Td className="text-center">021-48810737</Td> <Td className="text-center">
<Td className="text-center"> آقای سرابی </Td> <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>
<Tr> <Tr>
<Td className="text-center">021-48810890</Td> <Td className="text-center">
<Td className="text-center"> خانم قاسمی </Td> <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>
<Tr> <Tr>
<Td className="text-center">021-48810801</Td> <Td className="text-center">
<Td className="text-center"> خانم کلهر </Td> <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>
<Tr> <Tr>
<Td className="text-center">021-48810802</Td> <Td className="text-center">
<Td className="text-center"> خانم اکبری </Td> <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>
<Tr> <Tr>
<Td className="text-center">021-48810803</Td> <Td className="text-center">
<Td className="text-center"> خانم شیخی </Td> <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> </Tr>
</Tbody> </Tbody>
</Table> </Table>
</TableContainer> </TableContainer>
</MDBContainer> </MDBContainer>
</AppContainer> </AppContainer>);
);
}; };
export default StockUnit; export default StockUnit;