add call icon

This commit is contained in:
reza karimi
2023-02-27 20:20:28 +03:30
parent e2c1fcde39
commit e431d58306
+82 -21
View File
@@ -1,17 +1,17 @@
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";
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 }) => {
const Parallax = ({quality}) => {
return `../resource/images/call-center.jpg`
}
return (
<AppContainer title={' واحد فروش سهام'}>
return (<AppContainer title={' واحد فروش سهام'}>
<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
loader={Parallax}
src='Parallax.png'
@@ -27,49 +27,111 @@ const StockUnit = () => {
<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>
<Th className="text-center bk-med">شماره تماس</Th>
<Th className="text-center bk-med">کارشناس فروش </Th>
</Tr>
</Thead>
<Tbody>
<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>
</Tr>
<Tr >
<Td className="text-center">09126647207</Td>
<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">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>
</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>
</Tr>
<Tr>
<Td className="text-center">021-488108805</Td>
<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">021-48810737</Td>
<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">021-48810890</Td>
<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">021-48810801</Td>
<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">021-48810802</Td>
<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">021-48810803</Td>
<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>
@@ -77,8 +139,7 @@ const StockUnit = () => {
</Table>
</TableContainer>
</MDBContainer>
</AppContainer>
);
</AppContainer>);
};
export default StockUnit;