2023-07-12 15:37:34 +03:30
|
|
|
import React,{useState} from 'react';
|
|
|
|
|
import {
|
|
|
|
|
MDBBtn,
|
|
|
|
|
MDBIcon,
|
|
|
|
|
MDBModal,
|
|
|
|
|
MDBModalBody, MDBModalContent,
|
|
|
|
|
MDBModalDialog,
|
|
|
|
|
MDBModalFooter,
|
|
|
|
|
MDBModalHeader, MDBModalTitle
|
|
|
|
|
} from "mdb-react-ui-kit";
|
|
|
|
|
|
|
|
|
|
const Paralax = () => {
|
|
|
|
|
const [basicModal, setBasicModal] = useState(false);
|
|
|
|
|
if (basicModal){
|
|
|
|
|
setTimeout(()=> {
|
|
|
|
|
setBasicModal(false)
|
|
|
|
|
},2000)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div className='bg-image mt-5 d-flex flex-md-column flex-sm-column ' style={{ maxWidth: '1080rem' }}>
|
2026-04-11 13:04:36 +03:30
|
|
|
<img style={{ width: '100%' }} src={''} alt="Picture of the author" />
|
2023-07-12 15:37:34 +03:30
|
|
|
<div className='mask' style={{ backgroundColor: 'rgba(0, 0, 0, 0.6)' }}>
|
|
|
|
|
<div className='d-flex flex-md-column flex-sm-column justify-content-center align-items-center h-100 dana'>
|
|
|
|
|
<h2 className='text-white p-5 mb-0'>
|
|
|
|
|
<MDBBtn onClick={() => setBasicModal(true)} size='lg' color='success'>
|
|
|
|
|
دریافت نوبت آنلاین
|
|
|
|
|
<MDBIcon style={{ paddingLeft: "15px",paddingTop: "5px",maxWidth: "100px",maxHeight: '50px' }} className='me-2 ' icon='clock' />
|
|
|
|
|
</MDBBtn>
|
|
|
|
|
</h2>
|
|
|
|
|
{/*<h3 style={{marginRight: "5%"}} className='text-white mb-0'> 021 - 2842 6945 تماس تلفنی </h3>*/}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
{process.browser &&
|
|
|
|
|
<MDBModal show={basicModal} tabIndex='-1'>
|
|
|
|
|
<MDBModalDialog>
|
|
|
|
|
<MDBModalContent>
|
|
|
|
|
<MDBModalHeader>
|
|
|
|
|
<MDBModalTitle className={'d-flex justify-content-start'} >این بخش در حال حاضر دسترس نیست </MDBModalTitle>
|
|
|
|
|
<MDBBtn className='btn-close left left-align d-flex justify-content-end' color='none' onClick={() => setBasicModal(false)}></MDBBtn>
|
|
|
|
|
</MDBModalHeader>
|
|
|
|
|
<MDBModalBody className={'d-flex justify-content-around'}>
|
|
|
|
|
<MDBIcon className='ms-1 text-danger' icon='exclamation' size='7x' />
|
|
|
|
|
</MDBModalBody>
|
|
|
|
|
|
|
|
|
|
<MDBModalFooter className={'d-flex justify-content-around'}>
|
|
|
|
|
<MDBBtn color='secondary' onClick={() => setBasicModal(false)}>
|
|
|
|
|
بستن
|
|
|
|
|
</MDBBtn>
|
|
|
|
|
</MDBModalFooter>
|
|
|
|
|
</MDBModalContent>
|
|
|
|
|
</MDBModalDialog>
|
|
|
|
|
</MDBModal>
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
2023-01-04 08:47:19 +03:30
|
|
|
export default Paralax;
|
