price update
This commit is contained in:
rezakarimi
@@ -0,0 +1,226 @@
|
||||
import React, {useState} from 'react';
|
||||
import { useForm } from "react-hook-form";
|
||||
import {useDispatch, useSelector} from "react-redux";
|
||||
import {ADDFRAMEWORK, FORM_CAST} from "../src/redux/actions";
|
||||
import AppContainer from "./appContainer";
|
||||
import Image from "next/image";
|
||||
import { Step, Steps, useSteps } from 'chakra-ui-steps';
|
||||
import {MDBContainer, MDBInput, MDBTypography} from "mdb-react-ui-kit";
|
||||
import {Box, Button, Center, Flex, Heading, Input, Select, SimpleGrid, Stack} from "@chakra-ui/react";
|
||||
import { withKeepAlive } from 'react-next-keep-alive';
|
||||
|
||||
|
||||
const CooperationRequest = () => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/parallax/about.jpg`;
|
||||
}
|
||||
const userData = useSelector((state => state.Global))
|
||||
const formReq = useSelector((state => state.FormRequest))
|
||||
const dispatch = useDispatch()
|
||||
console.log('formReq',formReq)
|
||||
const [Access, SetAccess] =useState(true)
|
||||
|
||||
const PersonalForm= () => {
|
||||
const [Sex, SetSex] = useState(0)
|
||||
const {register, handleSubmit, watch, formState: { errors }} = useForm()
|
||||
let hasErr = Object.keys(errors).length
|
||||
const onSubmit = async (data) => {
|
||||
console.log('dadadada', data)
|
||||
if (hasErr === 0) {
|
||||
dispatch(FORM_CAST(data))
|
||||
nextStep()
|
||||
}
|
||||
else {
|
||||
alert('مقادیر وارد شده معبتر نمی باشد')
|
||||
}
|
||||
};
|
||||
return (
|
||||
<Flex className={'flex lg:p-2 sm:p-1 m-2'}>
|
||||
<form onSubmit={handleSubmit(onSubmit)}>
|
||||
<SimpleGrid dir={'rtl'} columns={[1, 2, 5]} spacing={5}>
|
||||
<Box>
|
||||
<Input dir={'rtl'} {...register('name', {required: true, maxLength: 100})} borderColor={'teal'} variant='outline' placeholder='نام و نام خانوادگی ' />
|
||||
<p className={'position-absolute text-sm text-danger'}>
|
||||
{errors?.name?.type === "required" && <p> وارد کردن نام اجباری است</p>}
|
||||
{errors?.name?.type === "maxLength" && <p>نام وارد شده معبتر نمی باشد</p>}
|
||||
</p>
|
||||
</Box>
|
||||
<Box>
|
||||
<Input value={12345678912} dir={'rtl'} {...register('national_code', {required: true, maxLength: 11})} borderColor={'teal'} variant='outline' type={'number'} placeholder='کد ملی' />
|
||||
<p className={'position-absolute text-sm text-danger'}>
|
||||
{errors?.national_code?.type === "required" && <p> وارد کردن کد ملی اجباری است</p>}
|
||||
{errors?.national_code?.type === "maxLength" && <p>کد ملی وارد شده معبتر نمی باشد</p>}
|
||||
</p>
|
||||
</Box>
|
||||
<Box>
|
||||
<Input dir={'rtl'} {...register('birth_location', {required: true})} borderColor={'teal'} variant='outline' placeholder='محل تولد ' />
|
||||
<p className={'position-absolute text-sm text-danger'}>
|
||||
{errors?.birth_location?.type === "required" && <p> وارد کردن محل تولد اجباری است</p>}
|
||||
</p>
|
||||
</Box>
|
||||
<Box>
|
||||
<Input dir={'rtl'} {...register('birthdate', {required: true})} borderColor={'teal'} variant='outline' placeholder='تاریخ تولد ' />
|
||||
<p className={'position-absolute text-sm text-danger'}>
|
||||
{errors?.birthdate?.type === "required" && <p> وارد کردن تاریخ تولد اجباری است</p>}
|
||||
</p>
|
||||
</Box>
|
||||
<Box>
|
||||
<Select {...register('gender', {required: true})} onChange={(e) => SetSex(e.target.value)} borderColor={'teal'} dir={'ltr'} placeholder='جنسیت '>
|
||||
<option dir={'rtl'} value='1'> مرد</option>
|
||||
<option dir={'rtl'} value='0'> رن</option>
|
||||
</Select>
|
||||
<p className={'position-absolute text-sm text-danger'}>
|
||||
{errors?.gender?.type === "required" && <p>مشخص کردن جنسیت اجباری است</p>}
|
||||
</p>
|
||||
</Box>
|
||||
<Box>
|
||||
<Select {...register('marital', {required: true})} borderColor={'teal'} dir={'ltr'} placeholder='وضعیت تاهل '>
|
||||
<option dir={'rtl'} value='married'> متاهل</option>
|
||||
<option dir={'rtl'} value='single'> مجرد</option>
|
||||
</Select>
|
||||
<p className={'position-absolute text-sm text-danger'}>
|
||||
{errors?.marital?.type === "required" && <p>مشخص کردن جنسیت اجباری است</p>}
|
||||
</p>
|
||||
</Box>
|
||||
<Box>
|
||||
{Sex === '1' ? (
|
||||
<Select {...register('military')} borderColor={'teal'} dir={'ltr'} placeholder='وضعیت مظام وظیفه '>
|
||||
<option dir={'rtl'} value='Done'> انجام شده </option>
|
||||
<option dir={'rtl'} value='not'> انجام نشده</option>
|
||||
<option dir={'rtl'} value='bug'> خرید خدمت </option>
|
||||
<option dir={'rtl'} value='specific'> معافیت خاص </option>
|
||||
</Select>
|
||||
): ''}
|
||||
</Box>
|
||||
</SimpleGrid>
|
||||
<Flex width="100%" flexDir={'row'} mt={150} justify="space-between">
|
||||
<Button
|
||||
mr={4}
|
||||
size="sm"
|
||||
colorScheme='teal'
|
||||
variant="ghost"
|
||||
onClick={prevStep}
|
||||
isDisabled={activeStep === 0}
|
||||
>
|
||||
مرحله قبل
|
||||
</Button>
|
||||
<Button type={'submit'} colorScheme={'teal'} size="sm" >
|
||||
{activeStep === steps.length - 1 ? "ثبت اطلاعات" : "مرحله بعد"}
|
||||
</Button>
|
||||
</Flex>
|
||||
</form>
|
||||
</Flex>
|
||||
)
|
||||
};
|
||||
const WorkHistoryForm= () => (
|
||||
<Flex className={'flex p-2 m-2 justify-content-center'}>
|
||||
<form>
|
||||
<SimpleGrid dir={'rtl'} columns={[1, 2, 4]} spacing={5}>
|
||||
<Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='نام و نام خانوادگی ' />
|
||||
<Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='Basic usage' />
|
||||
<Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='Basic usage' />
|
||||
<Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='Basic usage' />
|
||||
</SimpleGrid>
|
||||
<Flex width="100%" flexDir={'row'} mt={150} justify="space-between">
|
||||
<Button
|
||||
mr={4}
|
||||
size="sm"
|
||||
colorScheme='teal'
|
||||
variant="ghost"
|
||||
onClick={prevStep}
|
||||
isDisabled={activeStep === 0}
|
||||
>
|
||||
مرحله قبل
|
||||
</Button>
|
||||
<Button colorScheme={'teal'} size="sm" onClick={CanAccess}>
|
||||
{activeStep === steps.length - 1 ? "ثبت اطلاعات" : "مرحله بعد"}
|
||||
</Button>
|
||||
</Flex>
|
||||
</form>
|
||||
</Flex>
|
||||
);
|
||||
function HandleShowForm (index) {
|
||||
switch (index) {
|
||||
case 0:
|
||||
return <PersonalForm />
|
||||
case 1:
|
||||
return <WorkHistoryForm />
|
||||
default:
|
||||
return index
|
||||
}
|
||||
}
|
||||
const Content = ({index}) => {return (<div>{HandleShowForm(index)}</div>)}
|
||||
|
||||
const steps = [
|
||||
{ label: 'اطلاعات شخص', Content },
|
||||
{ label: ' مشخصات تماس', Content },
|
||||
{ label: ' اطلاعات تحصیلی', Content },
|
||||
{ label: 'سوابق کاری ', Content },
|
||||
{ label: ' مدارک و مستندات ', Content },
|
||||
];
|
||||
const { nextStep, prevStep, setStep, reset, activeStep } = useSteps({
|
||||
initialStep: 0,
|
||||
});
|
||||
const CanAccess = () => {
|
||||
if (Access) {
|
||||
nextStep()
|
||||
}else {
|
||||
alert('اطلاعات را بررسی کنید')
|
||||
}
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
|
||||
<AppContainer title={'درخواست همکاری'}>
|
||||
<div className="parallax-container">
|
||||
<h1 className={'center-align text-white 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={'mt-5 mb-5'}>
|
||||
<Steps className={'fix-res-steps'} dir={'rtl'} activeStep={activeStep}>
|
||||
{steps.map(({ label, content }, index) => (
|
||||
<Step className={'dana fix-res-step'} label={label} key={label}>
|
||||
<div dir={'rtl'} className={'bg-gray-100 m-4 p-2 rounded-md'}>
|
||||
<Content index={index} />
|
||||
</div>
|
||||
</Step>
|
||||
))}
|
||||
</Steps>
|
||||
{activeStep === 5 ? (
|
||||
<Center p={4} flexDir="column">
|
||||
<Heading fontSize="xl"> درخواست شما با موفقیت ثبت شد پس از بررسی کارشناسان ما با شما تماس خواهند گرفت</Heading>
|
||||
<Button color={'green'} mt={6} size="sm" onClick={reset}>
|
||||
Reset
|
||||
</Button>
|
||||
</Center>
|
||||
) : (
|
||||
<Flex width="100%" flexDir={'row-reverse'} justify="space-between">
|
||||
<Button
|
||||
mr={4}
|
||||
size="sm"
|
||||
colorScheme='teal'
|
||||
variant="ghost"
|
||||
onClick={prevStep}
|
||||
isDisabled={activeStep === 0}
|
||||
>
|
||||
مرحله قبل
|
||||
</Button>
|
||||
<Button colorScheme={'teal'} size="sm" onClick={CanAccess}>
|
||||
{activeStep === steps.length - 1 ? "ثبت اطلاعات" : "مرحله بعد"}
|
||||
</Button>
|
||||
</Flex>
|
||||
)}
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default CooperationRequest;
|
||||
@@ -0,0 +1,176 @@
|
||||
import React, { useEffect, useState} from 'react';
|
||||
import axios from "axios";
|
||||
import AppContainer from "./appContainer";
|
||||
import {AppFile, AppUrl} from "../lib/api";
|
||||
import Image from "next/image";
|
||||
import dynamic from "next/dynamic";
|
||||
import { Suspense } from 'react'
|
||||
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCol,
|
||||
MDBContainer,
|
||||
MDBRow,
|
||||
} from "mdb-react-ui-kit";
|
||||
import {LightBox} from "react-lightbox-pack";
|
||||
import {Button, Divider, Tab, TabList, TabPanel, TabPanels, Tabs} from "@chakra-ui/react";
|
||||
|
||||
const APV = dynamic(() => import('./components/Videos'), {
|
||||
ssr: false,
|
||||
})
|
||||
const shimmer = (w, h) => `
|
||||
<svg width="${w}" height="${h}" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient id="g">
|
||||
<stop stop-color="#333" offset="20%" />
|
||||
<stop stop-color="#222" offset="50%" />
|
||||
<stop stop-color="#333" offset="70%" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="${w}" height="${h}" fill="#333" />
|
||||
<rect id="r" width="${w}" height="${h}" fill="url(#g)" />
|
||||
<animate xlink:href="#r" attributeName="x" from="-${w}" to="${w}" dur="1s" repeatCount="indefinite" />
|
||||
</svg>`
|
||||
|
||||
const toBase64 = (str) =>
|
||||
typeof window === 'undefined'
|
||||
? Buffer.from(str).toString('base64')
|
||||
: window.btoa(str)
|
||||
|
||||
const Gallery = (dataImage) => {
|
||||
const [Images, SetImages] = useState(dataImage)
|
||||
const [justifyActive, setJustifyActive] = React.useState('tab1');
|
||||
const [toggle, setToggle] = React.useState(false);
|
||||
const [sIndex, setSIndex] = React.useState(0);
|
||||
const [filterId, setFilterId] = React.useState(1);
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/parallax/Gallery.jpg`;
|
||||
}
|
||||
const Filter = async (filter) => {
|
||||
const res = await axios.get(AppUrl(`FilterGalleyImages/${filter}`));
|
||||
SetImages({dataImage : res.data})
|
||||
setFilterId(filter)
|
||||
}
|
||||
|
||||
const AllImage = async () => {
|
||||
const res = await axios.get(AppUrl(`GetGalleyImages`));
|
||||
SetImages({dataImage: res.data})
|
||||
}
|
||||
|
||||
// Handler
|
||||
const lightBoxHandler = (state, sIndex) => {
|
||||
setToggle(state);
|
||||
setSIndex(sIndex);
|
||||
};
|
||||
|
||||
const handleJustifyClick = (value) => {
|
||||
if (value === justifyActive) {
|
||||
return;
|
||||
}
|
||||
|
||||
setJustifyActive(value);
|
||||
};
|
||||
return (
|
||||
<div>
|
||||
<style jsx>
|
||||
{`
|
||||
.cardImage {
|
||||
background-color: #F3F4F6;
|
||||
padding: 5px;
|
||||
border-radius: 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 2px;
|
||||
}
|
||||
`}
|
||||
</style>
|
||||
<AppContainer>
|
||||
<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'}
|
||||
placeholder="blur"
|
||||
blurDataURL={`data:image/svg+xml;base64,${toBase64(shimmer(3000, 1300))}`}
|
||||
alt="درباره بیارستان مهر ایرانیان پرند "
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer>
|
||||
<Tabs defaultIndex={1} className={'mt-5'} isFitted variant='enclosed'>
|
||||
<TabList mb='1em'>
|
||||
<Tab on className={'bk font-weight-bold'} _selected={{ color: 'white', bg: 'teal.500' }}>ویدئو ها</Tab>
|
||||
<Tab className={'bk font-weight-bold'} _selected={{ color: 'white', bg: 'teal.500' }}>تصاویر</Tab>
|
||||
</TabList>
|
||||
<TabPanels>
|
||||
<TabPanel>
|
||||
<APV />
|
||||
</TabPanel>
|
||||
<TabPanel>
|
||||
<div style={{ flexDirection: 'column' }} className={'flex justify-content-end flex-xl-row flex-lg-row flex-md-column flex-sm-column'}>
|
||||
<MDBBtn onClick={() => Filter(2)} color={filterId === 2 ? 'light' : 'light'} className={filterId === 2 ? 'm-2' : 'm-2 text-dark'}>تصاویر در حال ساخت</MDBBtn>
|
||||
<MDBBtn onClick={() => Filter(1)} color={filterId === 1 ? 'light' : 'light'} className={'m-2'}>تصاویر معماری</MDBBtn>
|
||||
<MDBBtn onClick={() => AllImage()} color={filterId !== 1 && 2 ? 'light' : 'light'} className={'m-2'}>همه تصاویر </MDBBtn>
|
||||
</div>
|
||||
<Divider colorScheme={'gray'} />
|
||||
<MDBRow style={{ marginTop: 10 }}>
|
||||
{Images && Images.dataImage.map((image ,index)=> {
|
||||
return (
|
||||
<MDBCol xs={12} sm={12} md={6} lg={3}>
|
||||
<div className={'cardImage'} key={image.id}>
|
||||
<img
|
||||
key={image.id}
|
||||
alt={image.title}
|
||||
width={350}
|
||||
style={{ cursor: 'zoom-in' }}
|
||||
className={'responsive-img'}
|
||||
src={AppFile(`panel-public/uploads/HospitalGallery/${image.imageAddr}`)}
|
||||
onClick={() => {
|
||||
lightBoxHandler(true, index);
|
||||
}}
|
||||
/>
|
||||
<br />
|
||||
<span>{ image.title }</span>
|
||||
</div>
|
||||
</MDBCol>
|
||||
)
|
||||
})}
|
||||
</MDBRow>
|
||||
</TabPanel>
|
||||
</TabPanels>
|
||||
</Tabs>
|
||||
|
||||
<LightBox
|
||||
state={toggle}
|
||||
event={lightBoxHandler}
|
||||
data={Images.dataImage}
|
||||
imageWidth="60vw"
|
||||
imageHeight="70vh"
|
||||
thumbnailHeight={50}
|
||||
thumbnailWidth={50}
|
||||
setImageIndex={setSIndex}
|
||||
imageIndex={sIndex}
|
||||
/>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
export async function getServerSideProps(context) {
|
||||
const res = await axios.get(AppUrl('GetGalleyImages'));
|
||||
return {
|
||||
props: {
|
||||
dataImage : res.data
|
||||
}, // will be passed to the page component as props
|
||||
}
|
||||
}
|
||||
export default Gallery;
|
||||
@@ -0,0 +1,81 @@
|
||||
import React from 'react';
|
||||
import {
|
||||
MDBCard,
|
||||
MDBCardImage,
|
||||
MDBCardBody,
|
||||
MDBCardTitle,
|
||||
MDBCardText,
|
||||
MDBRow,
|
||||
MDBCol,
|
||||
MDBContainer, MDBCardHeader, MDBBtn, MDBIcon, MDBInputGroupText, MDBTypography
|
||||
} from 'mdb-react-ui-kit';
|
||||
import axios from "axios";
|
||||
import Link from "next/link";
|
||||
import AppContainer from "./appContainer";
|
||||
import { useRouter } from 'next/router'
|
||||
import {AppUrl} from "../lib/api";
|
||||
import {DownloadIcon} from "@chakra-ui/icons";
|
||||
|
||||
const News = ({data, children}) => {
|
||||
const router = useRouter();
|
||||
const query = router.query.list;
|
||||
|
||||
const dataPage = (
|
||||
<MDBContainer>
|
||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>اطلاعیه ها </h5>
|
||||
<hr />
|
||||
<div>
|
||||
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #1266f1',borderLeft: 'none'}} note noteColor='primary'>
|
||||
<DownloadIcon className={'ml-2'} />
|
||||
<a title={'دانلود دفترچه معرفی و فروش سهام عمومی بیمارستان تخصصی مهر ایرانیان پرند'} download href={'./take-stock.pdf'}> دانلود دفترچه معرفی و فروش سهام عمومی بیمارستان تخصصی مهر پرند</a>
|
||||
</MDBTypography>
|
||||
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #1266f1',borderLeft: 'none'}} note noteColor='primary'>
|
||||
<DownloadIcon className={'ml-2'} />
|
||||
<a title={'دانلود طرح توجیهی بیمارستان تخصصی مهر ایرانیان پرند'} download href={'./Explanatory_plan_of_Mehr_ranian_Parand_Hospital.pdf'}> دانلود طرح توجیهی بیمارستان تخصصی مهر ایرانیان پرند</a>
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<br />
|
||||
<MDBRow dir={'rtl'} className='row-cols-1 row-cols-md-3 g-4'>
|
||||
{data && data.map(({ id, slug, title }) => (
|
||||
<MDBCol key={id}>
|
||||
<Link href={`page/news/${id}`} >
|
||||
<MDBCard className='mb-3 h-3/12 new-card'>
|
||||
<MDBCardHeader title={title} className={'right-align bk-med RTL font-weight-bold border-bottom-1 border-white '}>{title} </MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardText className={'right-align RTL text-summery'}>
|
||||
{slug}
|
||||
</MDBCardText>
|
||||
<div className={'flex justify-content-end'}>
|
||||
<MDBBtn rounded className=' RTL text-primary-teal bg-white'>
|
||||
مشاهده ...
|
||||
</MDBBtn>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
</MDBCol>
|
||||
))}
|
||||
</MDBRow>
|
||||
{children}
|
||||
</MDBContainer>
|
||||
)
|
||||
return (
|
||||
<div>
|
||||
{query ? <AppContainer children={dataPage} title={'اطلاعیه ها '} /> : dataPage}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default News;
|
||||
|
||||
|
||||
export const getServerSideProps = async (context) => {
|
||||
const allPostsData = await axios.get(AppUrl('news'));
|
||||
const data = await allPostsData.data;
|
||||
return {
|
||||
props: {
|
||||
data,
|
||||
fallback:false
|
||||
}, // will be passed to the page component as props
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,45 @@
|
||||
import 'mdb-react-ui-kit/dist/css/mdb.min.css'
|
||||
import '../styles/global.css'
|
||||
import '../public/style/font/font.css'
|
||||
import '../styles/normalize.css'
|
||||
import 'swiper/swiper-bundle.css'
|
||||
import "../styles/simple-grid.css"
|
||||
import 'nprogress/nprogress.css';
|
||||
import "react-lightbox-pack/dist/index.css";
|
||||
import Router from "next/router";
|
||||
import React, {useState} from "react";
|
||||
import Loader from "./components/Loader";
|
||||
import NProgress from 'nprogress';
|
||||
import {ChakraProvider} from "@chakra-ui/react";
|
||||
import { extendTheme } from '@chakra-ui/react'
|
||||
import { StepsStyleConfig as Steps } from 'chakra-ui-steps';
|
||||
import {Provider} from "react-redux";
|
||||
import {CoreStore} from "../src/redux/store/store";
|
||||
|
||||
const theme = extendTheme({
|
||||
components: {
|
||||
Steps,
|
||||
},
|
||||
});
|
||||
|
||||
export default function App({ Component, pageProps }) {
|
||||
|
||||
const [Loading,setLoading] = useState(false);
|
||||
Router.events.on('routeChangeStart',(url) => {
|
||||
NProgress.start()
|
||||
setLoading(true)
|
||||
})
|
||||
Router.events.on('routeChangeComplete',(url) => {
|
||||
NProgress.done()
|
||||
setLoading(false)
|
||||
})
|
||||
return (
|
||||
<Provider store={CoreStore}>
|
||||
{Loading && <Loader />}
|
||||
<ChakraProvider resetCSS={false} theme={theme}>
|
||||
<link href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" rel="stylesheet" />
|
||||
<Component {...pageProps } />
|
||||
</ChakraProvider>
|
||||
</Provider>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,25 @@
|
||||
const { SitemapStream, streamToPromise } = require("sitemap");
|
||||
const { Readable } = require("stream");
|
||||
|
||||
export default async (req, res) => {
|
||||
// An array with your links
|
||||
const links = [
|
||||
{ url: "/page/news/36/", priority: 0.3 },
|
||||
{ url: "/page/about", priority: 0.3 },
|
||||
{ url: "/recruitment", priority: 0.3 },
|
||||
{ url: "/contact-us", priority: 0.3 }
|
||||
];
|
||||
|
||||
// Create a stream to write to
|
||||
const stream = new SitemapStream({ hostname: `https://${req.headers.host}` });
|
||||
|
||||
res.writeHead(200, {
|
||||
"Content-Type": "application/xml",
|
||||
});
|
||||
|
||||
const xmlString = await streamToPromise(
|
||||
Readable.from(links).pipe(stream)
|
||||
).then((data) => data.toString());
|
||||
|
||||
res.end(xmlString);
|
||||
};
|
||||
@@ -0,0 +1,28 @@
|
||||
import React from 'react';
|
||||
import Header from './components/Layout/header'
|
||||
import Footer from './components/Layout/footer'
|
||||
import Head from "next/head";
|
||||
import dynamic from "next/dynamic";
|
||||
import {Router} from "next/router";
|
||||
|
||||
|
||||
const Chat = dynamic(() => import('./pack'), {ssr: false})
|
||||
const AppContainer = ({children,title} ) => {
|
||||
return (
|
||||
<div>
|
||||
<Head>
|
||||
<title>{title ? title : 'بیمارستان مهر ایرانیان پرند '}</title>
|
||||
<meta name="description" content="بیمارستان 96 تخت خوابی مهر ایرانیان پرند واقع در شهر پرند " />
|
||||
<meta name="keywords" content=" درمانگاه مهرپرند,بیمارستان مهرایرانیان پرند ,بیمارستان, بیمارستان مهر, سهام,پرند" />
|
||||
<meta name="google-site-verification" content="1mcxI6a_QSwpZ-0W65WqgKOzenynNF4PXE8IBq1vEmc" />
|
||||
<link rel="icon" href="/resource/logo/favlogo.png" />
|
||||
</Head>
|
||||
<Chat />
|
||||
<Header />
|
||||
{children }
|
||||
<Footer />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default AppContainer;
|
||||
@@ -0,0 +1,144 @@
|
||||
import React from "react";
|
||||
import { Swiper, SwiperSlide } from "swiper/react";
|
||||
import "swiper/swiper-bundle.min.css";
|
||||
import "swiper/swiper.min.css";
|
||||
|
||||
import Link from "next/link";
|
||||
import { MDBContainer } from "mdb-react-ui-kit";
|
||||
import { imgslides } from "../../src/redux/static";
|
||||
|
||||
|
||||
|
||||
const slides= [
|
||||
{
|
||||
id: 1,
|
||||
title: " شرکت گازهای طبی ره پویان توسعه تهران",
|
||||
img: imgslides.a,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: " شرکت پیاوار",
|
||||
img: imgslides.b,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "شرکت کارپذیر",
|
||||
img: imgslides.c,
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: " شرکت فنی مهندسی کهربا تراشه",
|
||||
img: imgslides.d,
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: " شرکت پویندگان راه سعادت",
|
||||
img: imgslides.e,
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
title: " صنایع چوبی دکو مهر",
|
||||
img: imgslides.f,
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
title: "شرکت لوازم اداری سهند",
|
||||
img: imgslides.g,
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
title: " شرکت طب و صنعت یاسین",
|
||||
img: imgslides.h
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
title: " شرکت مون گارشو",
|
||||
img: imgslides.i,
|
||||
},
|
||||
{
|
||||
id: 10,
|
||||
title: " شرکت پویان تهویه",
|
||||
img: imgslides.j,
|
||||
},
|
||||
{
|
||||
id: 11,
|
||||
title: " کاربین برج",
|
||||
img: imgslides.k,
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
const brands = () => {
|
||||
return (
|
||||
<MDBContainer className={"mt-5"}>
|
||||
<div className="flex justify-center">
|
||||
<h3 className="bk-med font-bold">سهامداران پروژه</h3>
|
||||
</div>
|
||||
<div className="">
|
||||
<Swiper
|
||||
// slidesPerGroup={3}
|
||||
// loopFillGroupWithBlank={true}
|
||||
slidesPerView={"auto"}
|
||||
// spaceBetween={50}
|
||||
className="mySwiper"
|
||||
onSwiper={(swiper) => console.log(swiper)}
|
||||
onSlideChange={() => console.log("slide change")}
|
||||
loop={true}
|
||||
autoplay={{
|
||||
delay: 2000,
|
||||
autoplayDisableOnInteraction: false,
|
||||
}}
|
||||
breakpoints={{
|
||||
1200: {
|
||||
slidesPerView: 4,
|
||||
spaceBetween: 50,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
320: {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
}}
|
||||
>
|
||||
{slides.map((slide) => {
|
||||
return (
|
||||
<SwiperSlide className="slidesBrands" key={slide.id}>
|
||||
<Link href="#">
|
||||
<div className="card-content">
|
||||
<div className="image w-full">
|
||||
<img
|
||||
src={slide.img}
|
||||
className="lg:w-[70%] md:w-[65%] m-auto slidimg "
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div className="detail flex text-center mt-[1.5rem] ">
|
||||
<p className="compony font-bold text-[0.8rem] text-[#1e1e2d] ">
|
||||
{slide.title}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
</SwiperSlide>
|
||||
);
|
||||
})}
|
||||
|
||||
|
||||
</Swiper>
|
||||
</div>
|
||||
</MDBContainer>
|
||||
);
|
||||
};
|
||||
|
||||
export default brands;
|
||||
@@ -0,0 +1,104 @@
|
||||
import React from 'react';
|
||||
import { MDBFooter, MDBContainer, MDBRow, MDBCol, MDBIcon } from 'mdb-react-ui-kit';
|
||||
import Link from "next/link";
|
||||
|
||||
|
||||
const Footer = () => {
|
||||
return (
|
||||
<>
|
||||
<MDBFooter className='text-center text-lg-left hover_color'>
|
||||
<MDBContainer className='p-4'>
|
||||
<MDBRow>
|
||||
<MDBCol lg='6' md='12' className='mb-4 mb-md-0'>
|
||||
<h5 className='text-uppercase text-white'>
|
||||
شرکت پزشکی مهر ایرانیان پرند
|
||||
|
||||
<hr />
|
||||
|
||||
</h5>
|
||||
|
||||
<p style={{ direction: 'rtl' }} className={'bk yekan-bakh-req text-white center-align'}>
|
||||
بیمارستان تخصصی مهرایرانیان واقع در بر اتوبان چهاربانده اصلی داخلی شهر پرند در بهترین موقعیت مکانی و در دل مسکن مهر، با هدف تبدیل شدن به یکی از قطب های درمانی منطقه در حال احداث می باشد. این بیمارستان که تنها بیمارستان تخصصی در کنار بزرگترین فرودگاه کشور است
|
||||
</p>
|
||||
</MDBCol>
|
||||
|
||||
<MDBCol lg='3' md='6' className='mb-4 mb-md-0'>
|
||||
<h5 className='text-uppercase text-white'>
|
||||
لینک های مفید
|
||||
<hr />
|
||||
</h5>
|
||||
|
||||
<ul style={{ lineHeight: 2 }} className='list-unstyled mb-0 bk '>
|
||||
<li>
|
||||
<Link href={{ pathname: '/News', query: { list: 'list' } }}>
|
||||
<a href='#!' className='text-white'>
|
||||
اطلاعیه ها
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href='/page/about' className='text-white'>
|
||||
<a style={{ color: 'white' }}> درباره </a>
|
||||
</Link>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<Link href='/page/contact-us' className='text-white'>
|
||||
<a style={{ color: 'white' }}> تماس با ما</a>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</MDBCol>
|
||||
|
||||
<MDBCol lg='3' md='6' className='mb-4 mb-md-0'>
|
||||
<h5 className='text-uppercase mb-0 text-white'>
|
||||
تماس با ما
|
||||
<hr />
|
||||
</h5>
|
||||
|
||||
<ul style={{ listStyle: 'none', lineHeight: 2 }} className='bk right center-align'>
|
||||
<li>
|
||||
<a className='text-white dana' href="tel:02153457000">021 5345 7000 </a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='tel:+989367529435' className='text-white dana'>
|
||||
0912 967 6106
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='tel:+989367529435' className='text-white dana'>
|
||||
0936 752 9435
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='#!' className='text-white'>
|
||||
contact-us@miphospital.ir
|
||||
</a>
|
||||
</li>
|
||||
<li className={'d-flex'} alignment='end'>
|
||||
<a href='#!' className='text-white center-align right'>
|
||||
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم (ع)
|
||||
</a>
|
||||
<MDBIcon className={'right right-align p-2 text-white'} fas icon="map-marker-alt" />
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</MDBCol>
|
||||
</MDBRow>
|
||||
</MDBContainer>
|
||||
|
||||
<div className='text-center p-3' style={{ backgroundColor: 'rgba(0, 0, 0, 0.2)' }}>
|
||||
© {new Date().getFullYear()}{' '}
|
||||
<a className='text-dark' >
|
||||
contact-us@miphospital.ir
|
||||
</a>
|
||||
</div>
|
||||
</MDBFooter>
|
||||
</>
|
||||
|
||||
);
|
||||
};
|
||||
|
||||
export default Footer;
|
||||
@@ -0,0 +1,256 @@
|
||||
import React, { useState } from 'react'
|
||||
import Link from 'next/link'
|
||||
import Image from 'next/image'
|
||||
import {
|
||||
MDBContainer,
|
||||
MDBNavbar,
|
||||
MDBNavbarBrand,
|
||||
MDBNavbarToggler,
|
||||
MDBNavbarNav,
|
||||
MDBNavbarLink,
|
||||
MDBIcon,
|
||||
MDBCollapse,
|
||||
MDBDropdownToggle,
|
||||
MDBDropdownMenu,
|
||||
MDBDropdownItem,
|
||||
MDBDropdownLink,
|
||||
MDBDropdown,
|
||||
MDBCardImage,
|
||||
MDBDropdownDivider
|
||||
} from 'mdb-react-ui-kit'
|
||||
import { HamburgerIcon } from '@chakra-ui/icons'
|
||||
import PhoneCall from '../../../public/resource/icons/phone_calling (1).webp'
|
||||
import { useRouter } from 'next/router'
|
||||
import { Divider } from '@chakra-ui/react'
|
||||
|
||||
import { FaWhatsapp } from 'react-icons/fa'
|
||||
import { FaInstagram } from 'react-icons/fa'
|
||||
import { SiAparat } from 'react-icons/si'
|
||||
|
||||
export default function App() {
|
||||
const [showNavSecond, setShowNavSecond] = useState(false)
|
||||
|
||||
let router = useRouter()
|
||||
|
||||
return (
|
||||
<>
|
||||
{/*<div style={{ backgroundColor: '#69c6c8' }}>*/}
|
||||
{/* <div className={'flex h-5/12 justify-content-between'}>*/}
|
||||
{/* <div className={'flex justify-content-center align-items-center'}>*/}
|
||||
{/* <div className={'flex w-30 justify-content-center align-items-center'}>*/}
|
||||
{/* <img style={{position: 'absolute'}} width={90} src={PhoneCall} />*/}
|
||||
{/* <Divider style={{transform: 'rotate(90deg)', marginLeft: 55}} width={10} />*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className={'flex mt-3 flex-column'}>*/}
|
||||
{/* <div style={{fontSize: 15}} className={'text-white'}>*/}
|
||||
{/* خرید سهام*/}
|
||||
{/* </div>*/}
|
||||
{/* <div style={{fontSize: 15}} className={'flex align-items-center text-white'}>*/}
|
||||
{/* <p style={{fontSize: 10}}>021 -</p>*/}
|
||||
{/* <p>28426945</p>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className={''}>*/}
|
||||
{/* جای خالی*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
|
||||
{/*</div>*/}
|
||||
{/* topheader */}
|
||||
<div className='bg-[#57C5C6] headerTop'>
|
||||
<div className='flex sm:flex-col md:flex-row lg:flex-row justify-content-between items-center h-14 container-fluid m-auto '>
|
||||
<div className='flex '>
|
||||
<div className='w-10 h-10 md:w-12 md:h-12 flex items-center justify-center'>
|
||||
<a
|
||||
target={'_blank'}
|
||||
href={'https://web.whatsapp.com/send?phone=98919419-+9420'}
|
||||
className='inline-flex rounded-full p-[0.4rem] text-[#57C5C6] bg-[#fff] hover:bg-[#014258] hover:text-[#fff] '
|
||||
>
|
||||
<FaWhatsapp />
|
||||
</a>
|
||||
</div>
|
||||
<div className=' w-10 h-10 md:w-12 md:h-12 flex items-center justify-center'>
|
||||
<a
|
||||
href={'https://www.instagram.com/miphospital/'}
|
||||
target={'_blank'}
|
||||
className='mx-5 inline-flex rounded-full p-[0.4rem] text-[#57C5C6] bg-[#fff] hover:bg-[#014258] hover:text-[#fff] '
|
||||
>
|
||||
<FaInstagram />
|
||||
</a>
|
||||
</div>
|
||||
<div className=' w-10 h-10 md:w-12 md:h-12 flex items-center justify-center'>
|
||||
<a
|
||||
href={'https://www.aparat.com/miphospital'}
|
||||
target={'_blank'}
|
||||
className='mx-5 inline-flex rounded-full p-[0.4rem] text-[#57C5C6] bg-[#fff] hover:bg-[#014258] hover:text-[#fff] '
|
||||
>
|
||||
<SiAparat />
|
||||
</a>
|
||||
</div>
|
||||
<div className='flex items-center justify-center'>
|
||||
<a
|
||||
href={'tel:02153457000'}
|
||||
className='rounded-full flex items-center p-[0.4rem] bg-[#39a2a5] text-[#fff] hover:bg-[#57c5c6] hover:text-[#fff] '
|
||||
>
|
||||
<span className={'text-sm'}> 021-53457000</span>
|
||||
<span className={'text-sm ml-2'}>:خرید سهام</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='show-addr col-span-2 flex items-center flex-row-reverse mr-4 meheAddress'>
|
||||
<img src='/resource/headerTop/map.svg' className='tex-white w-[2rem] map' alt='address' />
|
||||
<span className=' text-[0.6rem] text-right md:text-xs xl:text-sm md:leading-5 font-medium text-white addresstopHeader'>
|
||||
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* end topheader */}
|
||||
|
||||
{/* navbar */}
|
||||
<MDBNavbar style={{ backgroundColor: '#39a2a5' }} expand='lg' light ba>
|
||||
<style jsx>
|
||||
{`
|
||||
.responsive-menu-mobile {
|
||||
outline: none;
|
||||
background-color: red !important;
|
||||
}
|
||||
`}
|
||||
</style>
|
||||
|
||||
<MDBContainer className={'dana'} fluid>
|
||||
<MDBNavbarToggler
|
||||
aria-expanded='false'
|
||||
aria-label='Toggle navigation'
|
||||
onClick={() => setShowNavSecond(!showNavSecond)}
|
||||
>
|
||||
<HamburgerIcon />
|
||||
</MDBNavbarToggler>
|
||||
<MDBCollapse navbar show={showNavSecond}>
|
||||
<MDBNavbar>
|
||||
<MDBDropdown group className=''>
|
||||
<MDBDropdownToggle
|
||||
className={'font-weight-bold '}
|
||||
style={{ fontsize: '35px !important' }}
|
||||
color='light'
|
||||
>
|
||||
بیشتر
|
||||
</MDBDropdownToggle>
|
||||
<MDBDropdownMenu>
|
||||
<MDBDropdownItem>
|
||||
<Link href={'/page/Directors'}>
|
||||
<MDBDropdownLink style={{ cursor: 'pointer' }} className={'d-flex justify-content-end'}>
|
||||
تیم پروژه{' '}
|
||||
</MDBDropdownLink>
|
||||
</Link>
|
||||
</MDBDropdownItem>
|
||||
<MDBDropdownItem>
|
||||
<Link href={'/page/docs'}>
|
||||
<MDBDropdownLink style={{ cursor: 'pointer' }} className={'d-flex justify-content-end'}>
|
||||
اسناد رسمی شرکت{' '}
|
||||
</MDBDropdownLink>
|
||||
</Link>
|
||||
</MDBDropdownItem>
|
||||
<MDBDropdownItem>
|
||||
<MDBDropdownLink
|
||||
target={'__blanck'}
|
||||
href={'https://www.instagram.com/miphospital'}
|
||||
className={'d-flex justify-content-end'}
|
||||
>
|
||||
اینستاگرام{' '}
|
||||
</MDBDropdownLink>
|
||||
</MDBDropdownItem>
|
||||
</MDBDropdownMenu>
|
||||
</MDBDropdown>
|
||||
</MDBNavbar>
|
||||
<MDBNavbarNav className={'responsive-menu-mobile'}>
|
||||
<MDBNavbarLink
|
||||
style={{ paddingLeft: 10 }}
|
||||
className={router.pathname === '/page/about' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||
>
|
||||
<Link className={'text-white nav_item d-flex '} href='/page/about'>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}> درباره ما</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
|
||||
<MDBNavbarLink
|
||||
className={
|
||||
router.pathname === '/page/contact-us' ? 'active-item text-white' : '' + 'text-white nav_item '
|
||||
}
|
||||
>
|
||||
<Link
|
||||
prefetch={false}
|
||||
className={'text-white nav_item d-flex flex-row-reverse '}
|
||||
href='/page/contact-us'
|
||||
as={'contact-us'}
|
||||
>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}> تماس با ما</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
|
||||
<MDBNavbarLink
|
||||
className={router.pathname === '/Gallery' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||
>
|
||||
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/Gallery'>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>گالری</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
<MDBNavbarLink
|
||||
className={
|
||||
router.pathname === '/components/service' ? 'active-item text-white' : '' + 'text-white nav_item '
|
||||
}
|
||||
>
|
||||
<Link
|
||||
prefetch={false}
|
||||
className={'text-white nav_item d-flex flex-row-reverse '}
|
||||
href='/components/service'
|
||||
as={'Service'}
|
||||
>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>بخش های درمانی</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
<MDBNavbarLink
|
||||
className={router.pathname === '/page/news/52' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||
>
|
||||
<Link prefetch={false} className={'text-white nav_item d-flex flex-row-reverse '} href='/stock-price'>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>قیمت سهام</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
<MDBNavbarLink
|
||||
className={router.pathname === '/' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||
>
|
||||
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/'>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>صفحه اصلی</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
</MDBNavbarNav>
|
||||
</MDBCollapse>
|
||||
<MDBNavbarBrand className={'text-white font-weight-bold'}>
|
||||
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/'>
|
||||
<div className={'pointer'}>
|
||||
<span className={'dana'} style={{ cursor: 'pointer' }}>
|
||||
بیمارستان مهر ایرانیان
|
||||
</span>
|
||||
</div>
|
||||
</Link>
|
||||
<MDBCardImage className={'responsive-img resLogo'} width={'50'} src={'/resource/logo/logo.png'} />
|
||||
</MDBNavbarBrand>
|
||||
</MDBContainer>
|
||||
</MDBNavbar>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,62 @@
|
||||
import React from 'react';
|
||||
import {MDBCardImage, MDBCol, MDBRow, MDBSpinner} from "mdb-react-ui-kit";
|
||||
import Image from "next/image";
|
||||
const Loader = () => {
|
||||
|
||||
return (
|
||||
<div style={{ position: 'static '}}>
|
||||
<style jsx>
|
||||
{
|
||||
`
|
||||
.label-container{
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
height: 120%;
|
||||
opacity: 100;
|
||||
overflow: hidden;
|
||||
z-index: 15;
|
||||
transition: 2s;
|
||||
}
|
||||
|
||||
.loaderArea {
|
||||
background-color: white;
|
||||
padding: 10px;
|
||||
width: 250%;
|
||||
opacity: 100;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 150%;
|
||||
z-index: 16;
|
||||
border-radius: 15px;
|
||||
}
|
||||
`
|
||||
}
|
||||
</style>
|
||||
<div style={{ transition: '0.5s',backgroundColor: 'gray', width: '100%',height: '140%',position: 'absolute',zIndex:100,opacity: 0.8,overflow: 'hidden'}}>
|
||||
<div className={'label-container'} >
|
||||
<div className={'loaderArea'}>
|
||||
<img src="/resource/logo/logo-green.png" width={150} alt=""/>
|
||||
<div style={{ margin: 5 }}>
|
||||
<MDBSpinner grow style={{ width: '1rem', height: '1rem',margin: 5 }}>
|
||||
<span className='visually-hidden'>Loading...</span>
|
||||
</MDBSpinner>
|
||||
<MDBSpinner grow style={{ width: '1rem', height: '1rem',margin: 5 }}>
|
||||
<span className='visually-hidden'>Loading...</span>
|
||||
</MDBSpinner>
|
||||
<MDBSpinner grow style={{ width: '1rem', height: '1rem',margin: 5 }}>
|
||||
<span className='visually-hidden'>Loading...</span>
|
||||
</MDBSpinner>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Loader;
|
||||
@@ -0,0 +1,86 @@
|
||||
/** @format */
|
||||
|
||||
import React from 'react'
|
||||
import OnlineSvg from '../../public/resource/images/OnlineSales.svg'
|
||||
import { FiArrowLeft } from 'react-icons/fi'
|
||||
import { MDBBtn, MDBCard, MDBCardBody, MDBCardText, MDBCardTitle, MDBContainer } from 'mdb-react-ui-kit'
|
||||
import Investment from '../../public/resource/images/paper.png'
|
||||
const OnlineSales = () => {
|
||||
return (
|
||||
<>
|
||||
<div className='w-full bg-online-box rounded-lg '>
|
||||
<style jsx>
|
||||
{`
|
||||
.bg-online-box {
|
||||
background: radial-gradient(
|
||||
50% 50% at 50% 50%,
|
||||
rgba(87, 197, 198, 0.09) 0%,
|
||||
rgba(87, 197, 198, 0.2) 100%
|
||||
);
|
||||
}
|
||||
`}
|
||||
</style>
|
||||
<div className='p-4 flex lg:flex-row md:flex-col sm:flex-col items-center justify-between'>
|
||||
<div className={'sm:justify-center md:justify-center'}>
|
||||
<div>
|
||||
<iframe
|
||||
className={'rounded-4 lg:w-96 sm:w-full h-52'}
|
||||
src='https://www.aparat.com/video/video/embed/videohash/7riQv/vt/frame'
|
||||
allowFullScreen='true'
|
||||
webkitallowfullscreen='true'
|
||||
mozallowfullscreen='true'
|
||||
></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div dir='rtl' className='flex flex-col'>
|
||||
<div className={'text-center flex justify-content-center'}>
|
||||
<img width={250} src={OnlineSvg} />
|
||||
</div>
|
||||
<div className={'sm:mt-5'}>
|
||||
<h2 className='bk-heavy'>خرید سهام بیمارستان مهر ایرانیان</h2>
|
||||
</div>
|
||||
<div className='text-gray-500 mt-3'>
|
||||
<h5 className='yekan-bakh-req leading-9 font-bold'>
|
||||
بهترین فرصت سرمایه گذاری در بخش درمان تصمیم بگیرید
|
||||
<br />و سرمایه گذار این بخش باشید.
|
||||
</h5>
|
||||
</div>
|
||||
<div className='mt-4 flex lg:justify-start sm:justify-center md:justify-center'>
|
||||
<a className={'text-[#39a2a5]'} target={'_blank'} href='https://landing.miphospital.ir/'>
|
||||
<MDBBtn outline className={'border-[#39a2a5] ml-3'} rounded>
|
||||
اطلاعات بیشتر
|
||||
</MDBBtn>
|
||||
</a>
|
||||
<a className={'text-white'} target={'_blank'} href='https://panel.mehriranianco.ir/welcome'>
|
||||
<MDBBtn className={'bg-primary-teal'} rounded>
|
||||
خرید سهام
|
||||
<FiArrowLeft className={'mr-2'} />
|
||||
</MDBBtn>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*<div>*/}
|
||||
{/* <MDBCardBody className={'card-inner'}>*/}
|
||||
{/* <div className={'flex justify-content-space'}>*/}
|
||||
{/* <div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>*/}
|
||||
{/* <img width={60} src={Investment} />*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className={'mr-5'}>*/}
|
||||
{/* <MDBCardTitle className={'bk-med'}>خرید سهام </MDBCardTitle>*/}
|
||||
{/* <MDBCardText className={'bk-light'}>*/}
|
||||
{/* خرید سهام بیمارستان مهر ایرانیان پرند*/}
|
||||
{/* </MDBCardText>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className={'flex justify-content-end'}>*/}
|
||||
{/* <MDBBtn href={'#contactUsform'} rounded className={'bk-med bg-primary-teal'}>خرید سهام </MDBBtn>*/}
|
||||
{/* </div>*/}
|
||||
{/* </MDBCardBody>*/}
|
||||
{/*</div>*/}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default OnlineSales
|
||||
@@ -0,0 +1,61 @@
|
||||
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' }}>
|
||||
<img style={{ width: '100%' }} src={'https://mehrara-api.iran.liara.run/panel-public/uploads/1653317481HLqP4.jpg'} alt="Picture of the author" />
|
||||
<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>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
export default Paralax;
|
||||
@@ -0,0 +1,159 @@
|
||||
import React from 'react';
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardText,
|
||||
MDBCardTitle, MDBCol,
|
||||
MDBContainer,
|
||||
MDBRow,
|
||||
MDBTypography
|
||||
} from "mdb-react-ui-kit";
|
||||
import { Swiper, SwiperSlide } from 'swiper/react';
|
||||
import SwiperCore, { Autoplay } from 'swiper';
|
||||
import * as PropTypes from "prop-types";
|
||||
import Adib_user from '../../public/resource/avatar/sales/Adib_user.jpg'
|
||||
import Babagoli from '../../public/resource/avatar/sales/Babagoli.png'
|
||||
import Talebi from '../../public/resource/avatar/sales/Talebi.png'
|
||||
import Namaki from '../../public/resource/avatar/sales/namaki.png'
|
||||
import { Badge, Box, Image, Img } from "@chakra-ui/react";
|
||||
import { MdPhone } from "react-icons/md";
|
||||
import Link from "next/link";
|
||||
import Req from "../../public/resource/parallax/Asset 1.svg";
|
||||
|
||||
|
||||
|
||||
SwiperCore.use([Autoplay]);
|
||||
|
||||
function MDBCardImage(props) {
|
||||
return null;
|
||||
}
|
||||
|
||||
MDBCardImage.propTypes = {
|
||||
src: PropTypes.string,
|
||||
alt: PropTypes.string,
|
||||
position: PropTypes.string
|
||||
};
|
||||
const SalesTeam = () => {
|
||||
const users = [
|
||||
{ id: 1, name: 'سیمین ادیب', call: '09933924405', img: Adib_user, job: 'کارشناس فروش' },
|
||||
{ id: 2, name: ' فاطمه باباگلی', call: '09195013991', img: Babagoli, job: 'کارشناس فروش' },
|
||||
{ id: 3, name: ' مریم طالبی ', call: '09184894952', img: Talebi, job: 'کارشناس فروش' },
|
||||
// {id:4, name: ' دکتر اسماعیلی ', call: '09204943950', img: Namaki, job: 'مدیر فروش سهام'},
|
||||
]
|
||||
return (
|
||||
<MDBContainer className={''}>
|
||||
|
||||
<div className={'mb-5'}>
|
||||
<Link href={'/recruitment'}>
|
||||
<div className={'cursor-pointer hover-shadow'}>
|
||||
<Img className={'rounded'} loading={'lazy'} src={Req} />
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
<div className={'flex flex-col align-items-center justify-content-center'}>
|
||||
<h4 className={'bk-med'}> کارشناسان فروش سهام</h4>
|
||||
<p className={'bk-light text-gray'}>خرید و فروش سهام ، پاسخ به سوالات ، مشاوره خرید</p>
|
||||
</div>
|
||||
<Swiper
|
||||
spaceBetween={20}
|
||||
slidesPerView={3}
|
||||
className={'text-center'}
|
||||
// onSlideChange={() => console.log('slide change')}
|
||||
// onSwiper={(swiper) => console.log(swiper)}
|
||||
autoplay={{
|
||||
"delay": 2500,
|
||||
"disableOnInteraction": false
|
||||
}}
|
||||
breakpoints={{
|
||||
"640": {
|
||||
"slidesPerView": 1,
|
||||
"spaceBetween": 0
|
||||
},
|
||||
"360": {
|
||||
"slidesPerView": 1,
|
||||
"spaceBetween": 0
|
||||
},
|
||||
"320": {
|
||||
"slidesPerView": 1,
|
||||
"spaceBetween": 0
|
||||
},
|
||||
"596": {
|
||||
width: 1080,
|
||||
"slidesPerView": 2,
|
||||
"spaceBetween": 20
|
||||
},
|
||||
"526": {
|
||||
"slidesPerView": 2,
|
||||
"spaceBetween": 20
|
||||
},
|
||||
|
||||
"996": {
|
||||
"slidesPerView": 2,
|
||||
"spaceBetween": 20
|
||||
},
|
||||
"860": {
|
||||
"slidesPerView": 2,
|
||||
"spaceBetween": 20
|
||||
},
|
||||
"768": {
|
||||
"slidesPerView": 2,
|
||||
"spaceBetween": 20
|
||||
},
|
||||
"972": {
|
||||
"slidesPerView": 3,
|
||||
"spaceBetween": 20
|
||||
},
|
||||
"1024": {
|
||||
"slidesPerView": 3,
|
||||
"spaceBetween": 20
|
||||
}
|
||||
}}
|
||||
>
|
||||
{users.map((item) => (
|
||||
<SwiperSlide className={'flex justify-content-center'}>
|
||||
<Box width={250} className={'shadow-2-strong hover-shadow m-2'} maxW='sm' borderWidth='1px' borderRadius='lg' overflow='hidden'>
|
||||
<Image src={item.img} alt={'بیمارستان مهر ایرانیان'} />
|
||||
<Box p='6'>
|
||||
<Box
|
||||
textAlign={'center'}
|
||||
mt='1'
|
||||
fontWeight='semibold'
|
||||
as='h4'
|
||||
className={'bk'}
|
||||
lineHeight='tight'
|
||||
isTruncated
|
||||
>
|
||||
{item.name}
|
||||
</Box>
|
||||
<p style={{ fontSize: 12 }} className={'text-gray'}>{item.job}</p>
|
||||
<Box textAlign={'center'}>
|
||||
<Box as='span' color='gray.600' fontSize='sm'>
|
||||
<div className={'bg-dark-teal py-2 text-white p-1 rounded-pill '}>
|
||||
<a className={'text-white'} href={'tel:' + item.call}>
|
||||
<MdPhone className={'bg-white p-1 mr-2 text-lg rounded-circle text-black'} />
|
||||
{item.call}
|
||||
</a>
|
||||
</div>
|
||||
</Box>
|
||||
</Box>
|
||||
</Box>
|
||||
</Box>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
<MDBContainer className={'mt-5'}>
|
||||
<div className={'p-2 rounded-5 lg:flex-row-reverse md:flex md:flex-col md:justify-center text-center dana'} style={{ backgroundColor: '#A7F3D0', borderLeft: '4px solid #34D399', borderRight: '4px solid #34D399' }}>
|
||||
<div>
|
||||
<MDBTypography className={'ml-2 RTL text-base md:text-[1.25rem]'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>مشاوره تلفنی خرید سهام </MDBTypography>
|
||||
</div>
|
||||
<div>
|
||||
<MDBTypography className={'mr-2 text-base md:text-[1.25rem]'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>021 - 53457000 </MDBTypography>
|
||||
</div>
|
||||
</div>
|
||||
</MDBContainer>
|
||||
</MDBContainer>
|
||||
);
|
||||
};
|
||||
|
||||
export default SalesTeam;
|
||||
@@ -0,0 +1,108 @@
|
||||
import React from 'react';
|
||||
import {Divider, SimpleGrid} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBCard, MDBCardBody, MDBCardText, MDBCardTitle} from "mdb-react-ui-kit";
|
||||
import Investment from '../../public/resource/images/paper.png'
|
||||
import Idea from '../../public/resource/images/idea.png'
|
||||
import recruitment from '../../public/resource/images/recruitment.png'
|
||||
import clinic from '../../public/resource/images/clinics.png'
|
||||
import Link from "next/link";
|
||||
|
||||
|
||||
const StockSales = () => {
|
||||
return (
|
||||
<div>
|
||||
<SimpleGrid dir={'rtl'} columns={[1, 1, 2]} spacing='40px'>
|
||||
<Link href={'#callstock'}>
|
||||
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
||||
<MDBCardBody className={'card-inner'}>
|
||||
<div className={'flex justify-content-space'}>
|
||||
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
||||
<img width={60} src={Investment} />
|
||||
</div>
|
||||
<div className={'mr-5'}>
|
||||
<MDBCardTitle className={'bk-med'}>مشاوره خرید سهام </MDBCardTitle>
|
||||
<MDBCardText className={'bk-light'}>
|
||||
خرید سهام بیمارستان مهر ایرانیان پرند
|
||||
</MDBCardText>
|
||||
</div>
|
||||
</div>
|
||||
<div className={'flex justify-content-end'}>
|
||||
<MDBBtn href={'#callstock'} rounded className={'bk-med bg-primary-teal'}>خرید سهام </MDBBtn>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
<Link href={'/smartadvice'}>
|
||||
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
||||
<MDBCardBody className={'card-inner'}>
|
||||
<div className={'flex justify-content-space'}>
|
||||
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
||||
<img width={60} src={Idea} />
|
||||
</div>
|
||||
<div className={'mr-5'}>
|
||||
<MDBCardTitle className={'bk-med'}>مشاوره هوشمند سرمایه گذاری </MDBCardTitle>
|
||||
<MDBCardText className={'bk-light text-sm'}>
|
||||
ارائه
|
||||
بهترین گزینه‌های سرمایه‌گذاری به شما
|
||||
</MDBCardText>
|
||||
</div>
|
||||
</div>
|
||||
<div className={'flex justify-content-end mt-2'}>
|
||||
<Link href={'/smartadvice'}>
|
||||
<MDBBtn rounded className={'bk-med bg-primary-teal'}>شروع کنید </MDBBtn>
|
||||
</Link>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
<Link href={'/recruitment'}>
|
||||
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
||||
<MDBCardBody className={'card-inner'}>
|
||||
<div className={'flex justify-content-space'}>
|
||||
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
||||
<img width={60} src={recruitment} />
|
||||
</div>
|
||||
<div className={'mr-5'}>
|
||||
<MDBCardTitle className={'bk-med'}>استخدام </MDBCardTitle>
|
||||
<MDBCardText className={'bk-light text-sm'}>
|
||||
در بخش های درمان، اداری ، خدمات
|
||||
</MDBCardText>
|
||||
</div>
|
||||
</div>
|
||||
<div className={'flex justify-content-end mt-2'}>
|
||||
<Link href={'/recruitment'}>
|
||||
<MDBBtn rounded className={'bk-med bg-primary-teal'}>درخواست استخدام </MDBBtn>
|
||||
</Link>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
<Link href={'/components/service'}>
|
||||
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
||||
<MDBCardBody className={'card-inner'}>
|
||||
<div className={'flex justify-content-space'}>
|
||||
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
||||
<img width={60} src={clinic} />
|
||||
</div>
|
||||
<div className={'mr-5'}>
|
||||
<MDBCardTitle className={'bk-med'}>بخش های درمانی </MDBCardTitle>
|
||||
<MDBCardText className={'bk-light text-sm'}>
|
||||
بخش های درمانی بیمارستان مهر ایرانیان پرند
|
||||
</MDBCardText>
|
||||
</div>
|
||||
</div>
|
||||
<div className={'flex justify-content-end mt-2'}>
|
||||
<Link href={'/components/service'}>
|
||||
<MDBBtn rounded className={'bk-med bg-primary-teal'}>مشاهده </MDBBtn>
|
||||
</Link>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
</SimpleGrid>
|
||||
<Divider />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default StockSales;
|
||||
@@ -0,0 +1,31 @@
|
||||
import React from 'react';
|
||||
import {MDBCol, MDBRow} from "mdb-react-ui-kit";
|
||||
import {TabPanel} from "@chakra-ui/react";
|
||||
|
||||
const Videos = () => {
|
||||
return (
|
||||
<div>
|
||||
<MDBRow dir={'rtl'} style={{ marginTop: 10 }}>
|
||||
<MDBCol md={12} sm={12} lg={4}>
|
||||
<iframe width={380} height={250} src="https://www.aparat.com/video/video/embed/videohash/7riQv/vt/frame" allowFullScreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
|
||||
</MDBCol>
|
||||
<MDBCol md={12} sm={12} lg={4}>
|
||||
<iframe width={380} height={250} src="https://www.aparat.com/video/video/embed/videohash/OeWKI/vt/frame" allowFullScreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
|
||||
</MDBCol>
|
||||
|
||||
<MDBCol md={12} sm={12} lg={4}>
|
||||
<iframe
|
||||
width={380} height={250}
|
||||
src="https://www.aparat.com/video/video/embed/videohash/6EVc0/vt/frame?recom=none"
|
||||
allowFullScreen="true" webkitallowfullscreen="true"
|
||||
mozallowfullscreen="true">
|
||||
</iframe>
|
||||
</MDBCol>
|
||||
|
||||
</MDBRow>
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Videos;
|
||||
@@ -0,0 +1,248 @@
|
||||
import React from 'react';
|
||||
import {
|
||||
MDBContainer,
|
||||
} from 'mdb-react-ui-kit';
|
||||
|
||||
import SwiperCore, { Autoplay } from 'swiper';
|
||||
import StockSales from "./StockSales";
|
||||
|
||||
SwiperCore.use([Autoplay]);
|
||||
|
||||
|
||||
|
||||
const Accessgrid = () => {
|
||||
return (
|
||||
<MDBContainer>
|
||||
<style jsx>
|
||||
{
|
||||
`
|
||||
.videoArea {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
}
|
||||
.videSize{
|
||||
width: 65%;
|
||||
height: auto;
|
||||
border-radius: 10px;
|
||||
border: none;
|
||||
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
|
||||
}
|
||||
.textArea {
|
||||
width: 50%;
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
@media screen and (max-width: 991px){
|
||||
.videoArea{
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
|
||||
|
||||
}
|
||||
.textArea {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
.fix-col {
|
||||
flex-direction: row;
|
||||
}
|
||||
@media screen and (max-width: 639px){
|
||||
.fix-col{
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
`
|
||||
}
|
||||
</style>
|
||||
<div>
|
||||
{/*<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>*/}
|
||||
{/* <MDBCol >*/}
|
||||
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
||||
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
||||
|
||||
{/* خدمات آنلاین بیماران*/}
|
||||
{/* <MDBIcon className='ms-1' icon='globe' size='sm' />*/}
|
||||
|
||||
{/* </MDBCardHeader>*/}
|
||||
{/* <MDBCardBody >*/}
|
||||
{/* <MDBCardText style={{fontSize: 13,lineHeight:2,height: 128}} className={'right-align RTL'}>*/}
|
||||
{/* <li><a href="">رزرو وقت </a></li>*/}
|
||||
{/* <li><a href=""> جواب دهی آزمایشگاه و پاتولوژی </a></li>*/}
|
||||
{/* <li><a href=""> جواب دهی تصویربردای </a></li>*/}
|
||||
{/* <li><a href=""> ارسال مدارک پزشکی </a></li>*/}
|
||||
{/* <li><a href=""> پیشنهادات و انتقادات </a></li>*/}
|
||||
{/* </MDBCardText>*/}
|
||||
{/* </MDBCardBody>*/}
|
||||
{/* </MDBCard>*/}
|
||||
{/* </MDBCol>*/}
|
||||
{/* <MDBCol>*/}
|
||||
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
||||
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
||||
{/* سامانه کارکنان*/}
|
||||
{/* <MDBIcon className='ms-1' icon='users' size='sm' />*/}
|
||||
|
||||
{/* </MDBCardHeader>*/}
|
||||
{/* <MDBCardBody className='text-dark'>*/}
|
||||
{/* <MDBCardText style={{fontSize: 13,lineHeight:2,height: 128}} className={'right-align RTL'}>*/}
|
||||
{/* <li><a href="">اتوماسیون اداری پزشکان </a></li>*/}
|
||||
{/* <li><a href="">اتوماسیون اداری پرسنل </a></li>*/}
|
||||
{/* <li><a href="">درخواست همکاری </a></li>*/}
|
||||
{/* <li><a href="">استخدام </a></li>*/}
|
||||
{/* </MDBCardText>*/}
|
||||
{/* </MDBCardBody>*/}
|
||||
{/* </MDBCard>*/}
|
||||
{/* </MDBCol>*/}
|
||||
{/* <MDBCol>*/}
|
||||
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
||||
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
||||
{/* راهنمای مراجعین*/}
|
||||
{/* <MDBIcon className='ms-1' icon='phone' size='sm' />*/}
|
||||
|
||||
{/* </MDBCardHeader>*/}
|
||||
{/* <MDBCardBody className='text-dark'>*/}
|
||||
{/* <MDBCardText style={{fontSize: 13,lineHeight:2,height: 128}} className={'right-align RTL'}>*/}
|
||||
{/* <li><a href="">پذیرش </a></li>*/}
|
||||
{/* <li><a href="">ترخیص </a></li>*/}
|
||||
{/* <li><a href="">بیمه های طرف قرارداد </a></li>*/}
|
||||
{/* <li><a href="">رزرو وقت </a></li>*/}
|
||||
{/* </MDBCardText>*/}
|
||||
{/* </MDBCardBody>*/}
|
||||
{/* </MDBCard>*/}
|
||||
{/* </MDBCol>*/}
|
||||
{/* <MDBCol>*/}
|
||||
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
||||
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
||||
{/* بخش های درمانی*/}
|
||||
{/* <MDBIcon className='ms-1' icon='hospital-alt' size='sm' />*/}
|
||||
{/* </MDBCardHeader>*/}
|
||||
{/* <MDBCardBody className='text-dark'>*/}
|
||||
{/* <MDBCardText style={{fontSize: 13,lineHeight:2,height: 128}} className={'right-align RTL'}>*/}
|
||||
{/* <li><a href="">کلینیک و بخش ها </a></li>*/}
|
||||
{/* <li><a href="">پاراکلینیک</a></li>*/}
|
||||
{/* <li><a href="">مرکز جراحی </a></li>*/}
|
||||
{/* <li><a href=""> پزشکان بیمارستان</a></li>*/}
|
||||
{/* </MDBCardText>*/}
|
||||
{/* </MDBCardBody>*/}
|
||||
{/* </MDBCard>*/}
|
||||
{/* </MDBCol>*/}
|
||||
{/*</MDBRow>*/}
|
||||
|
||||
</div>
|
||||
|
||||
<br />
|
||||
<StockSales />
|
||||
<br />
|
||||
{/*<Swiper*/}
|
||||
{/* spaceBetween={20}*/}
|
||||
{/* navigation={true}*/}
|
||||
{/* slidesPerView={4}*/}
|
||||
{/* watchSlidesProgress*/}
|
||||
{/* // onSlideChange={() => console.log('slide change')}*/}
|
||||
{/* // onSwiper={(swiper) => console.log(swiper)}*/}
|
||||
{/* autoplay={{*/}
|
||||
{/* "delay": 2500,*/}
|
||||
{/* "disableOnInteraction": false*/}
|
||||
{/* }}*/}
|
||||
{/* breakpoints={{*/}
|
||||
{/* "640": {*/}
|
||||
{/* "slidesPerView": 2,*/}
|
||||
{/* "spaceBetween": 20*/}
|
||||
{/* },*/}
|
||||
{/* "360": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 20*/}
|
||||
{/* },*/}
|
||||
{/* "320": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 20*/}
|
||||
{/* },*/}
|
||||
{/* "596": {*/}
|
||||
{/* width: 1080,*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 20*/}
|
||||
{/* },*/}
|
||||
{/* "526": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 2*/}
|
||||
{/* },*/}
|
||||
|
||||
{/* "996": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 40*/}
|
||||
{/* },*/}
|
||||
{/* "860": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 40*/}
|
||||
{/* },*/}
|
||||
{/* "768":{*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 40*/}
|
||||
{/* },*/}
|
||||
{/* "972": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 40*/}
|
||||
{/* },*/}
|
||||
{/* "1024": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 50*/}
|
||||
{/* }*/}
|
||||
{/* }}*/}
|
||||
{/*>*/}
|
||||
{/* <SwiperSlide>*/}
|
||||
{/* <div className={'videoArea'}>*/}
|
||||
{/* <dvi>*/}
|
||||
{/* <video className={'videSize'} controls>*/}
|
||||
{/* <source src="https://aspb31.cdn.asset.aparat.com/aparat-video/6e3b0e419f951acdadaa1156fba3f68c40504352-480p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6ImYxOWQwODJjZGExMDczNzc4OTVhZjIyN2RmMGQxYzA3IiwiZXhwIjoxNjQzMTM3NjgxLCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.SuQ7NiruYW8h17Z7_xXY3SXGnmWKpzS1isEK0439vR0"></source>*/}
|
||||
{/* </video>*/}
|
||||
{/* </dvi>*/}
|
||||
{/* <div className={'textArea'}>*/}
|
||||
{/* <h3 className={'dana font-weight-bold'}> پیشرفت ساخت پروژه </h3>*/}
|
||||
{/* <p style={{ lineHeight: 2.5 }}>*/}
|
||||
{/* پیشرفت 85 درصدی طبقه همکف بیمارستان مهر ایرانیان*/}
|
||||
{/* <br />*/}
|
||||
{/* طبقه همکف تا پایان دی ماه سال 1400 با تلاش شبانه روزی مهندسین مجرب و کارگران سخت کوش*/}
|
||||
|
||||
{/* آماده بهره برداری و خدمت رسانی به عموم مردم است*/}
|
||||
{/* </p>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/* </SwiperSlide>*/}
|
||||
{/* <SwiperSlide>*/}
|
||||
{/* <div className={'videoArea'}>*/}
|
||||
{/* <dvi>*/}
|
||||
{/* <video className={'videSize'} controls>*/}
|
||||
{/* <source src="https://aspb34.cdn.asset.aparat.com/aparat-video/a81f1bdc132fa527cb86a0d63a1535cc40504208-480p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6IjEwYWU1YWI5MzJkZTc5YzYxZGFkMThmNGEzNjcxNzI4IiwiZXhwIjoxNjQzMTM3NzU3LCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.UnGNKbRAe5WXtMZxW4a3aAS1y609J1W8JvUqXB2ZWds"></source>*/}
|
||||
{/* </video>*/}
|
||||
{/* </dvi>*/}
|
||||
{/* <div className={'textArea'}>*/}
|
||||
{/* <h3 className={'dana font-weight-bold'}> خرید سهام </h3>*/}
|
||||
{/* <p style={{ lineHeight: 2.5 }}>*/}
|
||||
{/* توضیحات دکتر نمکی مدیر عامل بیمارستان مهر ایرانیان پرند در رابطه خرید سهام بیمارستان*/}
|
||||
{/* در این ویدئو با مزایای خرید سهام و مراحل پیشرفت پروژه آشنا می شوید*/}
|
||||
{/* </p>*/}
|
||||
{/* <MDBBtn style={{ backgroundColor: '#EF4444', fontWeight: 'bold' }} className={'d-flex mb-5 justify-content-center dana '}>مشاوره خرید سهام </MDBBtn>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/* </SwiperSlide>*/}
|
||||
{/*</Swiper>*/}
|
||||
{/*<MDBContainer className={'mt-5'}>*/}
|
||||
{/* <div className={'p-2 rounded-5 flex lg:flex-row-reverse fix-col md:flex-col sm:flex-col text-center justify-center dana'} style={{ backgroundColor: '#A7F3D0', borderLeft: '4px solid #34D399', borderRight: '4px solid #34D399' }}>*/}
|
||||
{/* <div>*/}
|
||||
{/* <MDBTypography className={'ml-2 RTL'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>مشاوره تلفنی خرید سهام </MDBTypography>*/}
|
||||
{/* </div>*/}
|
||||
{/* <div>*/}
|
||||
{/* <MDBTypography className={'mr-2'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>021 - 28426945 </MDBTypography>*/}
|
||||
{/* </div>*/}``
|
||||
{/* </div>*/}
|
||||
{/*</MDBContainer>*/}
|
||||
</MDBContainer>
|
||||
);
|
||||
};
|
||||
|
||||
export default Accessgrid;
|
||||
@@ -0,0 +1,153 @@
|
||||
import React from 'react';
|
||||
import {useState} from "react";
|
||||
import {useFormik ,Form} from "formik";
|
||||
import { Formik } from "formik";
|
||||
|
||||
import * as Yup from 'yup'
|
||||
import {
|
||||
MDBInputGroup,
|
||||
MDBInputGroupText,
|
||||
MDBInputGroupElement, MDBContainer, MDBRow, MDBIcon, MDBInput, MDBBtn, MDBSpinner, MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
import axios from "axios";
|
||||
import {AppUrl} from "../../lib/api";
|
||||
import {AiOutlinePhone, AiOutlineUser} from "react-icons/ai";
|
||||
|
||||
const Connect = () => {
|
||||
const [Loading,setLoading] = useState(false);
|
||||
const [Success,setSuccess] = useState(false);
|
||||
|
||||
return (
|
||||
<>
|
||||
<Formik
|
||||
initialValues={{ name: "" ,PhoneNumber: "",text: ""}}
|
||||
onSubmit={async (values,{resetForm}) => {
|
||||
setLoading(true);
|
||||
const dataForm = values;
|
||||
const SubmitForm = axios.post(AppUrl('contact-us'),dataForm).then((res) => {
|
||||
if (res.status === 200) {
|
||||
setLoading(false);
|
||||
setSuccess(true);
|
||||
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
resetForm({})
|
||||
}}
|
||||
validateOnChange={false}
|
||||
validateOnBlur={false}
|
||||
validationSchema={Yup.object().shape({
|
||||
name: Yup.string().required("وارد کردن نام الزامی است."),
|
||||
PhoneNumber : Yup.string().required('شماره تلفن الزامی است .'),
|
||||
text : Yup.string().required('متن پیام وارد نشده است. '),
|
||||
})}
|
||||
>
|
||||
{props => {
|
||||
props.submitCount > 0 && (props.validateOnChange = true);
|
||||
const {
|
||||
values,
|
||||
touched,
|
||||
errors,
|
||||
handleChange,
|
||||
handleBlur,
|
||||
handleSubmit,
|
||||
handleReset
|
||||
} = props;
|
||||
return (
|
||||
<form id={'contactUsform'} style={{marginTop: '25px'}} onSubmit={handleSubmit}>
|
||||
<MDBContainer>
|
||||
<h5 className={'right-align font-weight-bold'}> تماس با ما و مشاوره خرید سهام </h5>
|
||||
<br />
|
||||
<MDBRow>
|
||||
<MDBInputGroup className='mb-3' style={{width: '50%'}}>
|
||||
<MDBInputGroupElement
|
||||
onChange={handleChange}
|
||||
onBlur={handleBlur}
|
||||
value={values.PhoneNumber}
|
||||
name="PhoneNumber"
|
||||
dir={'rtl'}
|
||||
id="PhoneNumber"
|
||||
placeholder='شماره تماس '
|
||||
type='text' />
|
||||
|
||||
<MDBInputGroupText>
|
||||
<AiOutlinePhone />
|
||||
</MDBInputGroupText>
|
||||
|
||||
</MDBInputGroup>
|
||||
|
||||
<MDBInputGroup className='mb-3' style={{width: '50%'}}>
|
||||
<MDBInputGroupElement
|
||||
value={values.name}
|
||||
onChange={handleChange}
|
||||
name="name"
|
||||
dir={'rtl'}
|
||||
id="name"
|
||||
placeholder=' نام خود را وارد کنید '
|
||||
type='text' />
|
||||
<MDBInputGroupText>
|
||||
<AiOutlineUser />
|
||||
</MDBInputGroupText>
|
||||
</MDBInputGroup>
|
||||
<MDBInputGroup className='mb-3' style={{width: '100%'}}>
|
||||
<MDBInputGroupElement
|
||||
name={'text'}
|
||||
id={'text'}
|
||||
value={values.text}
|
||||
onChange={handleChange}
|
||||
dir={'rtl'}
|
||||
className={'right-align RTL'}
|
||||
style={{height: '100%'}}
|
||||
placeholder='متن پیام خود را وارد کنید'
|
||||
textarea
|
||||
type='text' />
|
||||
</MDBInputGroup>
|
||||
</MDBRow>
|
||||
<MDBBtn type={'submit'}>
|
||||
{Loading ? (
|
||||
<>
|
||||
<MDBSpinner grow size='sm' role='status' tag='span' />
|
||||
<span className='visually-hidden'>Loading...</span>
|
||||
</>
|
||||
):
|
||||
<>
|
||||
ارسال
|
||||
</>
|
||||
}
|
||||
</MDBBtn>
|
||||
{touched.PhoneNumber && errors.PhoneNumber ? (
|
||||
<div className={'d-flex justify-content-end text-danger '}>
|
||||
{errors.PhoneNumber}
|
||||
</div>
|
||||
): null}
|
||||
{touched.name && errors.name ? (
|
||||
<div className={'d-flex justify-content-end text-danger '}>
|
||||
{errors.name}
|
||||
</div>
|
||||
): null}
|
||||
{touched.text && errors.text ? (
|
||||
<div className={'d-flex justify-content-end text-danger '}>
|
||||
{errors.text}
|
||||
</div>
|
||||
): null}
|
||||
<br/>
|
||||
{Success ? (
|
||||
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #00B74A',borderLeft: 'none'}} note noteColor='success'>
|
||||
اطلاعات شما ارسال شد ، بعد از بررسی با شما تماس گرفته می شود .
|
||||
</MDBTypography>
|
||||
): null}
|
||||
</MDBContainer>
|
||||
|
||||
|
||||
|
||||
|
||||
</form>
|
||||
);
|
||||
}}
|
||||
</Formik>
|
||||
</>
|
||||
)
|
||||
};
|
||||
|
||||
export default Connect;
|
||||
@@ -0,0 +1,97 @@
|
||||
import React from 'react';
|
||||
import {
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardTitle,
|
||||
MDBCardText,
|
||||
MDBCardImage,
|
||||
MDBBtn,
|
||||
MDBContainer,
|
||||
MDBRow, MDBCol
|
||||
} from 'mdb-react-ui-kit';
|
||||
import {useRouter} from "next/router";
|
||||
import AppContainer from "../appContainer";
|
||||
|
||||
const Doctors = ({children}) => {
|
||||
const router = useRouter();
|
||||
|
||||
const dataPageDoctors = (
|
||||
<MDBContainer>
|
||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
|
||||
کادر درمان بیمارستان مهر ایرانیان
|
||||
<hr />
|
||||
</h5>
|
||||
<br/>
|
||||
<MDBRow className='row-cols-1 row-cols-md-4 g-6'>
|
||||
<MDBCol>
|
||||
<MDBCard className='h-80'>
|
||||
<MDBCardImage
|
||||
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
||||
alt='...'
|
||||
position='top'
|
||||
/>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
||||
<MDBCardText className={'text-center mt-3'}>
|
||||
متخصص قلب و عروق
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard className='h-80'>
|
||||
<MDBCardImage
|
||||
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
||||
alt='...'
|
||||
position='top'
|
||||
/>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
||||
<MDBCardText className={'text-center mt-3'}>
|
||||
متخصص قلب و عروق
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard className='h-80'>
|
||||
<MDBCardImage
|
||||
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
||||
alt='...'
|
||||
position='top'
|
||||
/>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
||||
<MDBCardText className={'text-center mt-3'}>
|
||||
متخصص قلب و عروق
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard className='h-80'>
|
||||
<MDBCardImage
|
||||
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
||||
alt='...'
|
||||
position='top'
|
||||
/>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
||||
<MDBCardText className={'text-center mt-3'}>
|
||||
متخصص قلب و عروق
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
</MDBRow>
|
||||
{children}
|
||||
</MDBContainer>
|
||||
)
|
||||
return (
|
||||
<div>
|
||||
{router.pathname === '/' ? dataPageDoctors : <AppContainer children={dataPageDoctors} />}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Doctors;
|
||||
@@ -0,0 +1,294 @@
|
||||
import React from 'react';
|
||||
import { Swiper, SwiperSlide } from 'swiper/react';
|
||||
import SwiperCore, { Autoplay } from 'swiper';
|
||||
|
||||
import Link from "next/link";
|
||||
import {
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardTitle,
|
||||
MDBCardText,
|
||||
MDBCardHeader,
|
||||
MDBCardFooter,
|
||||
MDBBtn,
|
||||
MDBTypography,
|
||||
MDBContainer, MDBRow, MDBCol
|
||||
} from 'mdb-react-ui-kit';
|
||||
import {useRouter} from "next/router";
|
||||
import AppContainer from "../appContainer";
|
||||
import Image from "next/image";
|
||||
import {Button, Center, Flex, Heading, Input, InputGroup, InputLeftAddon, InputRightAddon} from "@chakra-ui/react";
|
||||
import { Step, Steps, useSteps } from "chakra-ui-steps"
|
||||
|
||||
SwiperCore.use([Autoplay]);
|
||||
|
||||
|
||||
|
||||
|
||||
// Import Swiper styles
|
||||
|
||||
const Parallax = ({ quality }) => {
|
||||
return `https://image.freepik.com/free-photo/blur-hospital_1203-7957.jpg`
|
||||
}
|
||||
|
||||
|
||||
|
||||
const dataServiceList = (
|
||||
<>
|
||||
<div className="parallax-container">
|
||||
<h2 className={'center-align text-dark service-text dana font-weight-bold'}> کلینیک ها و بخش ها </h2>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src="Parallax.png"
|
||||
className={'responsive-img shadow-5'}
|
||||
alt="Picture of the author"
|
||||
width={3000}
|
||||
height={1500}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer style={{marginTop:10}}>
|
||||
<div>
|
||||
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #1266f1',borderLeft: 'none'}} note noteColor='primary'>
|
||||
برای رزرو وقت روی هر کلینیک کلیک کنید
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
||||
<MDBCol>
|
||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem',height: '250px' }}>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src="https://image.flaticon.com/icons/png/512/2044/2044708.png" alt=""/>
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'dana'}> بخش گوارش </MDBCardTitle>
|
||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
|
||||
<MDBCol>
|
||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem',height: '250px' }}>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src="https://image.flaticon.com/icons/png/512/1839/1839377.png" alt=""/>
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'dana'}> بخش قلب و عروق </MDBCardTitle>
|
||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem',height: '250px' }}>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src="https://image.flaticon.com/icons/png/512/2847/2847982.png" alt=""/>
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'dana'}> بخش مغز و اعصاب </MDBCardTitle>
|
||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem',height: '250px' }}>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src="https://image.flaticon.com/icons/png/512/1610/1610185.png" alt=""/>
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'dana'}> بخش دندان پزشکی </MDBCardTitle>
|
||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard className={'color-top-card'} alignment='center' style={{ cursor: 'pointer',maxWidth: '32rem',height: '250px' }}>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src="https://image.flaticon.com/icons/png/512/2660/2660065.png" alt=""/>
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'dana'}> بخش کلیه و مجاری ادارای </MDBCardTitle>
|
||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
</MDBRow>
|
||||
|
||||
</MDBContainer>
|
||||
<br/>
|
||||
|
||||
</>
|
||||
|
||||
)
|
||||
const steps = [
|
||||
{ label: "Step 1", description: "Step 1 description" },
|
||||
{ label: "Step 2", description: "Step 2 description" },
|
||||
{ label: "Step 3", description: "Step 3 description" },
|
||||
{ label: "Step 3", description: "Step 3 description" },
|
||||
{ label: "Step 3", description: "Step 3 description" },
|
||||
{ label: "Step 3", description: "Step 3 description" },
|
||||
{ label: "Step 3", description: "Step 3 description" },
|
||||
{ label: "Step 3", description: "Step 3 description" },
|
||||
]
|
||||
const Service = () => {
|
||||
const router = useRouter();
|
||||
const dataMipService = [
|
||||
{id: 1, title: 'بخش اورژانس', icon: './resource/icons/hospital-c.png', description: 'اورژانس'},
|
||||
{id: 2, title: 'درمانگاه', icon: './resource/icons/hospital.png', description: 'درمانگاه تخصصی'},
|
||||
{id: 3, title: 'بخش بستری داخلی', icon: './resource/icons/hospital-bed.png', description: 'بستری داخلی'},
|
||||
{id: 4, title: 'بخش اسکوپی', icon: './resource/icons/scope.png', description: 'اسکوپی'},
|
||||
{id: 5, title: 'بخش پوست', icon: './resource/icons/dermis.png', description: 'زیبایی و لیزر'},
|
||||
{id: 6, title: 'بخش جراحی', icon: './resource/icons/surgery.png', description: 'تخصصی و زیبایی'},
|
||||
{id: 7, title: 'بخش اتاق عمل', icon: './resource/icons/operating-room.png', description: 'اتاق عمل'},
|
||||
{id: 8, title: 'بخش مراقبت های ویژه ICU', icon: './resource/icons/ICU.png', description: 'ICU'},
|
||||
{id: 9, title: 'بخش مراقبت های ویژه قلب CCU', icon: './resource/icons/CCU.png', description: 'CCU'},
|
||||
{id: 10, title: 'بخش مراقبت های ویژه نوزدان NICU', icon: './resource/icons/NICU.png', description: 'NICU'},
|
||||
{id: 11, title: 'بخش زایمان LDR', icon: './resource/icons/baby.png', description: 'LDR'},
|
||||
{id: 12, title: 'بخش تصویر برداری', icon: './resource/icons/x-rays.png', description: 'سونوگرافی و ...'},
|
||||
{id: 13, title: 'بخش آزمایشگاه', icon: './resource/icons/test-tubes.png', description: 'تخصصی ، سلامت سنجی'},
|
||||
{id: 14, title: 'بخش فیزیوتراپی', icon: './resource/icons/spinal-cord.png', description: 'تست قلب و ...'},
|
||||
]
|
||||
const { nextStep, prevStep, reset, activeStep } = useSteps({
|
||||
initialStep: 0,
|
||||
})
|
||||
return (
|
||||
<>
|
||||
{router.pathname === '/' ? (
|
||||
<div className={'mt-5'}>
|
||||
<MDBContainer>
|
||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>کلینیک و بخش ها </h5>
|
||||
<hr />
|
||||
<br />
|
||||
<Swiper
|
||||
spaceBetween={20}
|
||||
navigation={true}
|
||||
slidesPerView={4}
|
||||
watchSlidesProgress
|
||||
// onSlideChange={() => console.log('slide change')}
|
||||
// onSwiper={(swiper) => console.log(swiper)}
|
||||
autoplay={{
|
||||
"delay": 2500,
|
||||
"disableOnInteraction": false
|
||||
}}
|
||||
breakpoints={{
|
||||
"640": {
|
||||
"slidesPerView": 2,
|
||||
"spaceBetween": 20
|
||||
},
|
||||
"360": {
|
||||
"slidesPerView": 1,
|
||||
"spaceBetween": 20
|
||||
},
|
||||
"320": {
|
||||
"slidesPerView": 1,
|
||||
"spaceBetween": 20
|
||||
},
|
||||
"596": {
|
||||
width: 1080,
|
||||
"slidesPerView": 2,
|
||||
"spaceBetween": 20
|
||||
},
|
||||
"526": {
|
||||
"slidesPerView": 1,
|
||||
"spaceBetween": 2
|
||||
},
|
||||
|
||||
"996": {
|
||||
"slidesPerView": 2,
|
||||
"spaceBetween": 40
|
||||
},
|
||||
"860": {
|
||||
"slidesPerView": 2,
|
||||
"spaceBetween": 40
|
||||
},
|
||||
"768":{
|
||||
"slidesPerView": 3,
|
||||
"spaceBetween": 40
|
||||
},
|
||||
"972": {
|
||||
"slidesPerView": 3,
|
||||
"spaceBetween": 40
|
||||
},
|
||||
"1024": {
|
||||
"slidesPerView": 5,
|
||||
"spaceBetween": 50
|
||||
}
|
||||
}}
|
||||
>
|
||||
{dataMipService.map((item, index) => {
|
||||
return (
|
||||
<SwiperSlide key={index}>
|
||||
<Link href={'components/service'} as={'/Service'}>
|
||||
<MDBCard className={'color-top-card '} alignment='center' style={{ maxWidth: '22rem',height: '250px' }}>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src={item.icon} alt=""/>
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody className={'d-flex flex-column justify-content-between'}>
|
||||
<MDBCardTitle className={'dana'}> {item.title} </MDBCardTitle>
|
||||
<MDBCardText className={'bk RTL'}>{item.description}</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
<br />
|
||||
<br />
|
||||
</SwiperSlide>
|
||||
)
|
||||
})}
|
||||
<SwiperSlide>
|
||||
<MDBCard className={'color-top-card'} alignment='center' style={{ cursor: 'pointer', maxWidth: '22rem',height: '250px' }}>
|
||||
<MDBCardBody style={{display: 'flex',alignItems:'center',justifyContent: 'center'}}>
|
||||
<Link href={'components/service'} as={'/Service'}>
|
||||
<MDBCardText className={'bk'}><h1 className={'RTL dana'}>بیشتر ...</h1> </MDBCardText>
|
||||
</Link>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
<br />
|
||||
<br />
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
</MDBContainer>
|
||||
</div>
|
||||
): (
|
||||
<AppContainer title={'کلینیک ها و بخش ها '}>
|
||||
<div className="parallax-container">
|
||||
<h2 className={'center-align text-dark service-text dana font-weight-bold'}> کلینیک ها و بخش ها </h2>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src="Parallax.png"
|
||||
className={'responsive-img shadow-5'}
|
||||
alt="Picture of the author"
|
||||
width={3000}
|
||||
height={1500}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer style={{marginTop:10}}>
|
||||
<div>
|
||||
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #1266f1',borderLeft: 'none'}} note noteColor='primary'>
|
||||
برای رزرو وقت روی هر کلینیک کلیک کنید
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
||||
{dataMipService.map((item, index) => {
|
||||
return (
|
||||
<MDBCol>
|
||||
<MDBCard key={index} className={'color-top-card '} alignment='center' style={{ maxWidth: '22rem',height: '250px' }}>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src={item.icon} alt=""/>
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody className={'d-flex flex-column justify-content-between'}>
|
||||
<MDBCardTitle className={'dana'}> {item.title} </MDBCardTitle>
|
||||
<MDBCardText className={'bk RTL'}>{item.description}</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
)
|
||||
})}
|
||||
</MDBRow>
|
||||
|
||||
</MDBContainer>
|
||||
<br/>
|
||||
</AppContainer>
|
||||
|
||||
)}
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default Service;
|
||||
@@ -0,0 +1,32 @@
|
||||
import React from 'react'
|
||||
import SliderOne from '../../public/resource/slider/slier-1(1).webp'
|
||||
import sliderJob from '../../public/resource/slider/slider-2(1).webp'
|
||||
import sliderBook from '../../public/resource/slider/slider_3.webp'
|
||||
|
||||
import Image from 'next/image'
|
||||
import { Swiper, SwiperSlide } from 'swiper/react'
|
||||
import { Pagination } from 'swiper'
|
||||
import Link from 'next/link'
|
||||
const Slider = () => {
|
||||
return (
|
||||
<div>
|
||||
<Swiper pagination={true} autoplay={true} loop={true} modules={[Pagination]} className='mySwiper'>
|
||||
<SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
||||
<Link href='/stock-price'>
|
||||
<img src={SliderOne} />
|
||||
</Link>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
||||
<Link href='/recruitment'>
|
||||
<img src={sliderJob} />
|
||||
</Link>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
||||
<img src={sliderBook} />
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Slider
|
||||
@@ -0,0 +1,16 @@
|
||||
import React from 'react';
|
||||
import { MDBCard, MDBCardBody, MDBCardTitle, MDBCardText, MDBBtn } from 'mdb-react-ui-kit';
|
||||
|
||||
export default function Some() {
|
||||
return (
|
||||
<MDBCard style={{ maxWidth: '22rem' }}>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle>Card title</MDBCardTitle>
|
||||
<MDBCardText>
|
||||
Some quick example text to build on the card title and make up the bulk of the card's content.
|
||||
</MDBCardText>
|
||||
<MDBBtn>Button</MDBBtn>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
import dynamic from 'next/dynamic'
|
||||
|
||||
const DynamicComponentWithNoSSR = dynamic(() => import('./Paralax'), {
|
||||
ssr: false
|
||||
})
|
||||
|
||||
export default () => <DynamicComponentWithNoSSR />
|
||||
+134
@@ -0,0 +1,134 @@
|
||||
import Head from 'next/head'
|
||||
import AppContainer from './appContainer'
|
||||
import Slider from './components/slider'
|
||||
import Connect from './components/connect'
|
||||
import News from './News'
|
||||
import axios from 'axios'
|
||||
import Req from '../public/resource/parallax/Asset 1.svg'
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardImage,
|
||||
MDBCardText,
|
||||
MDBCardTitle,
|
||||
MDBContainer,
|
||||
MDBIcon, MDBListGroupItem,
|
||||
MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
import Link from 'next/link'
|
||||
import Doctors from './components/doctors'
|
||||
import Paralax from './components/Paralax'
|
||||
import Service from './components/service'
|
||||
import { AppUrl } from '../lib/api'
|
||||
import Accessgrid from './components/accessgrid'
|
||||
import React from 'react'
|
||||
import { Img, SimpleGrid } from '@chakra-ui/react'
|
||||
import SalesTeam from './components/SalesTeam'
|
||||
import FadeIn from 'react-fade-in'
|
||||
import Brands from './components/Brands'
|
||||
import OnlineSales from './components/OnlineSales'
|
||||
import Sales from './page/sales'
|
||||
|
||||
export default function Home({ data_NEWS }) {
|
||||
return (
|
||||
<div>
|
||||
<style jsx>
|
||||
{`
|
||||
.fix-col {
|
||||
flex-direction: row;
|
||||
}
|
||||
@media screen and (max-width: 639px) {
|
||||
.fix-col {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
`}
|
||||
</style>
|
||||
<AppContainer>
|
||||
<Slider />
|
||||
<br />
|
||||
<MDBContainer>
|
||||
<SimpleGrid spacing={15} columns={[1, 2, 4]}>
|
||||
<FadeIn>
|
||||
<Link href={'/page/contact-us'}>
|
||||
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
||||
<MDBCardBody className={'flex justify-content-center'}>ارتباط با ما</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
</FadeIn>
|
||||
<Link href={'/page/sales'}>
|
||||
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
||||
<MDBCardBody className={'flex justify-content-center'}> مشاوره سرمایه گذاری </MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
<Link href={'/questions'}>
|
||||
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
||||
<MDBCardBody className={'flex justify-content-center'}>سوالات متداول</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
<Link href={'/stock-price'}>
|
||||
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
||||
<MDBCardBody className={'flex justify-content-center'}>قیمت سهام</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
</SimpleGrid>
|
||||
<div className={'mt-5'}>
|
||||
<OnlineSales />
|
||||
</div>
|
||||
</MDBContainer>
|
||||
|
||||
<Accessgrid />
|
||||
|
||||
<SalesTeam />
|
||||
<News data={data_NEWS}>
|
||||
<div style={{ cursor: 'pointer' }} className=' mt-3 d-flex align-items-center justify-content-center'>
|
||||
<Link
|
||||
style={{ cursor: 'pointer' }}
|
||||
className={'text-white'}
|
||||
href={{ pathname: '/News', query: { list: 'list' } }}
|
||||
>
|
||||
<MDBBtn style={{ cursor: 'pointer' }} className='mx-2 RTL bg-dark shadow-1-strong' color=''>
|
||||
<MDBIcon className='ms-1 ' icon='plus' size='sm' />
|
||||
<span style={{ cursor: 'pointer !important' }} className={'text-white '}>
|
||||
{' '}
|
||||
بیشتر ..
|
||||
</span>
|
||||
</MDBBtn>
|
||||
</Link>
|
||||
</div>
|
||||
</News>
|
||||
|
||||
<Service />
|
||||
{/*<Doctors>*/}
|
||||
{/* <div style={{cursor: 'pointer'}} className=" mt-3 d-flex align-items-center justify-content-center">*/}
|
||||
{/* <Link style={{cursor: 'pointer'}} className={'text-white'} href={{ pathname: '/News', query: { list: 'list' } }}>*/}
|
||||
{/* <MDBBtn style={{cursor: 'pointer'}} className='mx-2 RTL bg-dark shadow-1-strong' color=''>*/}
|
||||
{/* <MDBIcon className='ms-1 ' icon='plus' size='sm' />*/}
|
||||
{/* <span style={{cursor: 'pointer !important'}} className={'text-white '}> بیشتر ..</span>*/}
|
||||
{/* </MDBBtn>*/}
|
||||
|
||||
{/* </Link>*/}
|
||||
{/* </div>*/}
|
||||
{/*</Doctors>*/}
|
||||
<Paralax />
|
||||
<Brands />
|
||||
{/* <Connect /> */}
|
||||
<Sales />
|
||||
{/*phoneCall item */}
|
||||
|
||||
{/*end phoneCall item */}
|
||||
<br />
|
||||
</AppContainer>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export const getServerSideProps = async context => {
|
||||
const allPostsData = await axios.get(AppUrl('news'))
|
||||
const data_NEWS = await allPostsData.data.slice(0, 6)
|
||||
|
||||
return {
|
||||
props: { data_NEWS, fallback: false } // will be passed to the page component as props
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,10 @@
|
||||
import React, {useEffect} from 'react';
|
||||
|
||||
const Pack = () => {
|
||||
useEffect(() => {
|
||||
!function(){var i="tsit7I",a=window,d=document;function g(){var g=d.createElement("script"),s="https://www.goftino.com/widget/"+i,l=localStorage.getItem("goftino_"+i);g.async=!0,g.src=l?s+"?o="+l:s;d.getElementsByTagName("head")[0].appendChild(g);}"complete"===d.readyState?g():a.attachEvent?a.attachEvent("onload",g):a.addEventListener("load",g,!1);}();
|
||||
})
|
||||
return <></>
|
||||
};
|
||||
|
||||
export default Pack;
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 92 KiB |
@@ -0,0 +1,116 @@
|
||||
import React from 'react'
|
||||
import AppContainer from '../appContainer'
|
||||
import Image from 'next/image'
|
||||
import {
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardHeader,
|
||||
MDBCardImage,
|
||||
MDBCardText,
|
||||
MDBCol,
|
||||
MDBContainer,
|
||||
MDBIcon,
|
||||
MDBRow,
|
||||
MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
|
||||
const Directors = () => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/parallax/Directors.jpg`
|
||||
}
|
||||
const DataUsers = [
|
||||
{
|
||||
id: 1,
|
||||
name: ' دکتر محمد جواد نمکی ',
|
||||
position: 'مدیر عامل و موسس',
|
||||
more: 'متخصص بیهوشی',
|
||||
img: '/resource/avatar/user-2.jpg'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: 'پوریا نمکی',
|
||||
position: 'مدیر مالی و اداری',
|
||||
more: ' ',
|
||||
img: '/resource/avatar/user-1.jpg'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: ' مهندس احمدی ',
|
||||
position: ' مهندس عمران',
|
||||
more: ' مدیر ساخت',
|
||||
img: '/resource/avatar/user-4.png'
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
name: ' مهندس هاشمی ',
|
||||
position: 'مهندس ایمنی ',
|
||||
more: ' ',
|
||||
img: '/resource/avatar/user-6.png'
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
name: 'دکتر علی اسماعیلی ',
|
||||
position: ' متخصص اطفال ',
|
||||
more: ' ',
|
||||
img: '/resource/avatar/user-9.png'
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
name: ' مهندس رضاپناه ',
|
||||
position: 'مهندس برق ',
|
||||
more: ' ',
|
||||
img: '/resource/avatar/user-7.png'
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
name: 'دکتر سجاد نمکی ',
|
||||
position: ' عضو هیئت مدیره ',
|
||||
more: 'متخصص پوست و زیبابی ',
|
||||
img: '/resource/avatar/user-3.jpg'
|
||||
}
|
||||
]
|
||||
return (
|
||||
<AppContainer title={' تیم پروژه بیمارستان مهر ایرانیان پرند'}>
|
||||
<div className='parallax-container'>
|
||||
<h2 className={'center-align text-white header_back service-text dana font-weight-bold'}>
|
||||
{' '}
|
||||
تیم پروژه بیمارستان{' '}
|
||||
</h2>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt='درباره بیارستان مهر ایرانیان پرند '
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<MDBContainer>
|
||||
<MDBRow className='row-cols-1 mt-5 mb-5 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
||||
{DataUsers.map(item => (
|
||||
<MDBCol key={item.id}>
|
||||
<div class='card-team'>
|
||||
<div class='slide slide1'>
|
||||
<div class='content'>
|
||||
<MDBCardImage src={item.img} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class='slide slide2'>
|
||||
<div class='content mt-3 flex flex-col gap-1'>
|
||||
<h3 className='mt-3'>{item.name}</h3>
|
||||
<p>{item.position}</p>
|
||||
<p>{item.more}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</MDBCol>
|
||||
))}
|
||||
</MDBRow>
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
)
|
||||
}
|
||||
|
||||
export default Directors
|
||||
@@ -0,0 +1,55 @@
|
||||
import React from 'react';
|
||||
import AppContainer from "../appContainer";
|
||||
import {MDBContainer, MDBProgress, MDBProgressBar} from "mdb-react-ui-kit";
|
||||
import Image from "next/image";
|
||||
|
||||
|
||||
const About = (props) => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/parallax/about.jpg`;
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<AppContainer title={'درباره بیمارستان '}>
|
||||
<div className="parallax-container">
|
||||
<h1 className={'center-align text-white 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>
|
||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
|
||||
آشنایی اجمالی با بیمارستان مهرایرانیان
|
||||
<hr />
|
||||
|
||||
</h5>
|
||||
<p className={'right-align RTL'}>
|
||||
بیمارستان تخصصی مهرایرانیان واقع در بر اتوبان چهاربانده اصلی داخلی شهر پرند در بهترین موقعیت مکانی و در دل مسکن مهر، با فضای درمانی به متراژ تقریبی 500/14 متر مربع همراه با 4000 متر پارکینگ طبقاتی، با هدف تبدیل شدن به یکی از قطب های درمانی منطقه در حال احداث می باشد. این بیمارستان که تنها بیمارستان تخصصی در کنار بزرگترین فرودگاه کشور است در فاز اولیه احداث دارای 96 تختخواب و دارای بخش های ICU،CCU،NICU،زایشگاه، اتاق های عمل، مرکز تصویربرداری،آزمایشگاه،داروخانه، اورژانس، بخش اسکوپی و گوارش، و دندانپزشکی عمومی و تخصصی می باشد. این بیمارستان در آینده نه چندان دور سهم بسزایی در بهداشت و درمان منطقه جنوب غرب تهران که شامل شهرهای پرند،رباط کریم،نسیم شهر و شهرک های تابعه است، خواهد داشت.
|
||||
در حال حاضر این پروژه 30% پیشرفت فیزیکی داشته و طبقه همکف آن که شامل اورژانس و کلینیک های تخصصی است تا پایان آبان 1400 تکمیل خواهد شد.
|
||||
مرحله راه اندازی بیمارستان با حداقل ظرفیت تا پایان سال 1402 و مرحله تکمیل و راه اندازی کامل بیمارستان با ظرفیت 200 تخت در سال 1403 انجام خواهد شد.
|
||||
|
||||
</p>
|
||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
|
||||
درصد پیشرفت کار
|
||||
</h5>
|
||||
<br/>
|
||||
<div>
|
||||
<MDBProgress height='30'>
|
||||
<MDBProgressBar className={'dana'} width='45' valuemin={0} valuemax={100}>
|
||||
45% پیشرفت فیزیکی پروژه
|
||||
</MDBProgressBar>
|
||||
</MDBProgress>
|
||||
</div>
|
||||
<br/>
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default About;
|
||||
@@ -0,0 +1,108 @@
|
||||
import React, { useState } from 'react';
|
||||
import AppContainer from "../appContainer";
|
||||
import Image from "next/image";
|
||||
import { MDBCol, MDBContainer, MDBIcon, MDBInputGroupText, MDBRow, MDBTypography } from "mdb-react-ui-kit";
|
||||
import Connect from "../components/connect";
|
||||
import { Map, Marker, ZoomControl } from "pigeon-maps"
|
||||
import { osm } from 'pigeon-maps/providers'
|
||||
|
||||
import { maptiler } from 'pigeon-maps/providers'
|
||||
|
||||
const ContactUs = () => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `/resource/parallax/contact-us.jpg `;
|
||||
}
|
||||
|
||||
const maptilerProvider = maptiler('tWRA4K0zge6W26KAmgBX', 'streets')
|
||||
const [hue, setHue] = useState(0)
|
||||
const color = `hsl(${hue % 490}deg 80% 30%)`
|
||||
|
||||
return (
|
||||
<>
|
||||
<AppContainer title={'درباره ما'}>
|
||||
<div className="parallax-container">
|
||||
<h2 className={'center-align text-white header_back service-text dana font-weight-bold'}> تماس با ما </h2>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src="Parallax.png"
|
||||
className={'responsive-img shadow-5'}
|
||||
alt="Picture of the author"
|
||||
width={2050}
|
||||
height={950}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<br />
|
||||
<MDBContainer>
|
||||
<br />
|
||||
<h3 className={'right-align'}>
|
||||
آدرس
|
||||
<MDBIcon style={{ paddingLeft: 5 }} className='ms-1' icon='map-marker-alt' size='xl' />
|
||||
</h3>
|
||||
<br />
|
||||
<MDBTypography style={{ borderLeft: 'none', borderRight: '6px solid ', backgroundColor: '#F0F0F0' }} note noteColor='dark' className='mb-0'>
|
||||
<MDBRow>
|
||||
<MDBTypography className={'dana right-align'} >
|
||||
تهران - شهر پرند - فاز 5 - بلوار شهید قاسم سلیمانی - بلوار انبیاء - بیمارستان مهر ایرانیان پرند
|
||||
</MDBTypography>
|
||||
</MDBRow>
|
||||
</MDBTypography>
|
||||
<br /><br />
|
||||
<h3 className={'right-align'}>
|
||||
تماس با ما
|
||||
<MDBIcon style={{ paddingLeft: 5 }} className='ms-1' icon='phone-square' size='xl' />
|
||||
</h3>
|
||||
<br />
|
||||
<MDBTypography style={{ backgroundColor: '#F0F0F0' }} note noteColor='dark' className='mb-0'>
|
||||
<MDBRow>
|
||||
<MDBTypography className={'dana'} >
|
||||
<MDBIcon style={{ paddingRight: 5 }} className='ms-1' icon='phone-alt' size='sm' />
|
||||
<a style={{ color: 'black' }} href={'tel:02153457000'}>021 5345 7000 </a>
|
||||
</MDBTypography>
|
||||
<MDBTypography className={'dana'} >
|
||||
<MDBIcon style={{ paddingRight: 5 }} className='ms-1' icon='phone-alt' size='sm' />
|
||||
<a style={{ color: 'black' }} href={'tel:09367529435'}>0912 967 6106</a>
|
||||
</MDBTypography>
|
||||
<MDBTypography className={'dana'} href={'tel:09367529435'}>
|
||||
<MDBIcon style={{ paddingRight: 5 }} className='ms-1' icon='phone-alt' size='sm' />
|
||||
<a style={{ color: 'black' }} href={'tel:09367529435'}>0936 752 9435</a>
|
||||
</MDBTypography>
|
||||
<MDBTypography className={'dana'} href={'tel:09367529435'}>
|
||||
<MDBIcon style={{ paddingRight: 5 }} className='ms-1' icon='envelope-square' size='sm' />
|
||||
contact-us@miphospital.ir
|
||||
</MDBTypography>
|
||||
|
||||
<MDBTypography className={'dana'} href={'tel:09367529435'}>
|
||||
<MDBIcon style={{ paddingRight: 5 }} className='ms-1' fab icon="instagram" size='sm' />
|
||||
<a target={'_blank'} style={{ color: 'black' }} href={'https://www.instagram.com/miphospital/'}>miphospital</a>
|
||||
</MDBTypography>
|
||||
</MDBRow>
|
||||
</MDBTypography>
|
||||
<br />
|
||||
<div >
|
||||
<Map
|
||||
provider={maptilerProvider}
|
||||
provider={osm}
|
||||
dprs={[1, 2]} // this provider supports HiDPI tiles
|
||||
height={400}
|
||||
defaultCenter={[35.48787, 50.92102]}
|
||||
defaultZoom={15}
|
||||
>
|
||||
<Marker
|
||||
width={50}
|
||||
anchor={[35.48787, 50.92102]}
|
||||
color={color}
|
||||
onClick={() => setHue(hue + 20)}
|
||||
/>
|
||||
<ZoomControl />
|
||||
</Map>
|
||||
</div>
|
||||
<Connect />
|
||||
<br />
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default ContactUs;
|
||||
@@ -0,0 +1,243 @@
|
||||
import React from "react";
|
||||
import AppContainer from "../appContainer";
|
||||
|
||||
import circle from "../../public/resource/cooperationsales/circle.svg";
|
||||
import envelop from "../../public/resource/cooperationsales/envelop.svg";
|
||||
import person from "../../public/resource/cooperationsales/person.svg";
|
||||
import darsad from "../../public/resource/cooperationsales/darsad.svg";
|
||||
import cart from "../../public/resource/cooperationsales/cart.svg";
|
||||
import path from "../../public/resource/cooperationsales/path.svg";
|
||||
// import cartmo from "../../public/resource/cooperationsales/CartMo.svg";
|
||||
|
||||
const CooperationSales = () => {
|
||||
return (
|
||||
<AppContainer>
|
||||
<div className="bg-[#014258] lg:h-[450px] ">
|
||||
<div className="contentSales contentSalesMobile ">
|
||||
<div className="contentSales2"></div>
|
||||
<div className="contentSales3">
|
||||
this is svg area
|
||||
{/* <img src ={cartmo} alt="" /> */}
|
||||
</div>
|
||||
|
||||
<h2 className="text-white text-lg font-bold lg:text-[28px] font-extrabold text-center pt-8 xl:pt-16">
|
||||
همکاری در فروش سهام
|
||||
</h2>
|
||||
<p className="text-white w-[85%] md:w-[60%] text-sm lg:text-[22px] font-medium leading-[1.8rem] lg:w-[42%] xl:w-[40%] mx-auto text-center lg:leading-8 xl:leading-10 py-2 lg:py-4">
|
||||
با ثبت نام در سامانه خرید سهام، کد معرف شما ایجاد و قابل اشتراک
|
||||
گذاری می شود. کد معرف یکتای خود را با دوستان خود به اشتراک بگذارید
|
||||
تا آنها با کد شما ثبت نام کنند. به این ترتیب{" "}
|
||||
<span className="font-bold text-sm lg:text-[22px]">
|
||||
سود 3 درصدی
|
||||
</span>{" "}
|
||||
را از طریق سرمایه گذاری دوستان خود، کسب نمایید
|
||||
</p>
|
||||
|
||||
<div className="pb-4 lg:mb-0">
|
||||
<button className="bg-[#57C5C6] text-lg lg:text-[22px] font-black border-0 outline-0 text-white flex py-[0.6rem] px-[2.6rem] rounded-[10px] m-auto text-center ">
|
||||
شروع همکاری
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* second part */}
|
||||
{/* laptop */}
|
||||
<div className="my-16">
|
||||
<h3 className="text-[#3C3C3C] text-lg font-extrabold lg:text-[28px] lg:font-bold mt-8 text-center ">
|
||||
فرایند همکاری در فروش سهام
|
||||
</h3>
|
||||
|
||||
<div className="process flex justify-center items-center flex-row-reverse lg:mt-16">
|
||||
{/**box 1**/}
|
||||
<div className=" flex items-center flex-row-reverse ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 lg:w-[62%] xl:w-[57%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
ارسال کد معرف برای دوستان خود
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute lg:left-[60px] xl:left-[72px] top-[-13px] mt-4">
|
||||
<img
|
||||
src={envelop}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className=" mt-[-80px] lg:ml-[-90px] lg:mr-[-64px] xl:ml-[-111px] xl:mr-[-72px]">
|
||||
<img src={path} alt="path" />
|
||||
</div>
|
||||
{/** box2 **/}
|
||||
<div className=" flex items-center flex-row-reverse ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents lg:w-[3rem] xl:w-full ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 lg:w-[62%] xl:w-[57%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
ثبت نام دوستان شما با کد معرف شما
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute lg:left-[75px] xl:left-[88px] top-[-13px] mt-4 ">
|
||||
<img
|
||||
src={person}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lg:mr-[-84px] lg:ml-[-66px] mt-[-136px] xl:mr-[-98px] xl:ml-[-81px] rotate-180">
|
||||
<img src={path} alt="path" />
|
||||
</div>
|
||||
{/** box3 **/}
|
||||
<div className=" flex items-center flex-row-reverse ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents lg:w-[3rem] xl:w-full ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 lg:w-[62%] xl:w-[57%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
خرید سهام توسط دوستان شما
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute lg:left-[44px] lg:top-[-9px] xl:left-[58px] xl:top-[-13px] mt-4 ">
|
||||
<img
|
||||
src={cart}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lg:mr-[-54px] lg:ml-[-71px] xl:mr-[-72px] mt-[-80px] xl:ml-[-94px]">
|
||||
<img src={path} alt="path" />
|
||||
</div>
|
||||
{/** box4 **/}
|
||||
<div className=" flex items-center flex-row-reverse ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 lg:w-[62%] xl:w-[57%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
دریافت سود 3 درصد معرف خرید
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute lg:left-[50px] xl:left-[66px] top-[-13px] mt-4">
|
||||
<img
|
||||
src={darsad}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* mobile proces */}
|
||||
<div className="processMobile flex flex-column justify-center items-center mt-14">
|
||||
{/**box 1**/}
|
||||
<div className=" flex items-center flex-row-reverse ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 w-[55%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
ارسال کد معرف برای دوستان خود
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute left-[55px] top-[-13px] mt-4">
|
||||
<img
|
||||
src={envelop}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/** box2 **/}
|
||||
<div className=" flex items-center flex-row-reverse pt-8 ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents lg:w-[3rem] xl:w-full ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 w-[55%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
ثبت نام دوستان شما با کد معرف شما
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute left-[70px] top-[-13px] mt-4 ">
|
||||
<img
|
||||
src={person}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/** box3 **/}
|
||||
<div className=" flex items-center flex-row-reverse pt-8 ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents lg:w-[3rem] xl:w-full ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 w-[55%] xl:w-[57%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
خرید سهام توسط دوستان شما
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute left-[39px] top-[-13px] mt-4 ">
|
||||
<img
|
||||
src={cart}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/** box4 **/}
|
||||
<div className=" flex items-center flex-row-reverse pt-8 ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 w-[55%] xl:w-[57%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
دریافت سود 3 درصد معرف خرید
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute left-[55px] top-[-13px] mt-4">
|
||||
<img
|
||||
src={darsad}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* end mobile process */}
|
||||
</div>
|
||||
</AppContainer>
|
||||
);
|
||||
};
|
||||
|
||||
export default CooperationSales;
|
||||
@@ -0,0 +1,50 @@
|
||||
import React from 'react';
|
||||
import Image from "next/image";
|
||||
import AppContainer from "../appContainer";
|
||||
import {MDBContainer, MDBIcon, MDBTypography} from "mdb-react-ui-kit";
|
||||
|
||||
const Docs = () => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/parallax/files-bg.jpg`;
|
||||
}
|
||||
const dataFile = [
|
||||
// {id: 1,title: 'اساسنامه شرکت سهامی مهر ایرانیان پرند' ,url: '../resource/files/اساسنامه شرکت سهامی.pdf'},
|
||||
{id: 2,title: 'آگهی افزایش سرمایه بیمارستان مهر ایرانیان پرند' ,url: '../resource/files/آگهی افزایش سرمایه.pdf'},
|
||||
{id: 3,title: 'آگهی تغییرات روزنامه رسمی' ,url: '../resource/files/آگهی تغییرات روزنامه رسمی.jpg'},
|
||||
{id: 4,title: 'موافقت اصولی' ,url: '../resource/files/Agrement.pdf'},
|
||||
{id: 5,title: ' اساسنامه شرکت سهامی خاص پزشکی مهر ایرانیان پرند' ,url: '../resource/files/اساسنامه شرکت سهامی خاص پزشکی مهرایرانیان پرند.pdf'},
|
||||
]
|
||||
return (
|
||||
<AppContainer title={' اساسنامه شرکت'}>
|
||||
<div className="parallax-container">
|
||||
<div className={'d-flex'}>
|
||||
<h2 className={'center-align text-white header_back service-text dana font-weight-bold'}> اسناد رسمی شرکت پزشکی مهر ایرانیان پرند </h2>
|
||||
</div>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src="Parallax.png"
|
||||
className={'responsive-img shadow-5'}
|
||||
alt=" اساسنامه بیارستان مهر ایرانیان پرند "
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<MDBContainer className={'mt-5 mb-5'}>
|
||||
<div className={'flex justify-content-center align-items-center w-100 mb-5 text-center'}>
|
||||
<Image height={150} width={150} src={'/resource/icons/files.png'} />
|
||||
</div>
|
||||
{dataFile.map((fileItem) => (
|
||||
<>
|
||||
<MDBTypography key={fileItem.id} style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #1266f1',borderLeft: 'none'}} note noteColor='primary'>
|
||||
<MDBIcon className='ms-1' icon='download' size='sm' />
|
||||
<a title={fileItem.title} download href={fileItem.url}>{fileItem.title}</a>
|
||||
</MDBTypography>
|
||||
</>
|
||||
))}
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
);
|
||||
};
|
||||
|
||||
export default Docs;
|
||||
@@ -0,0 +1,11 @@
|
||||
import React from 'react';
|
||||
import Doctors from "../components/doctors";
|
||||
const DoctorPage = () => {
|
||||
return (
|
||||
<div>
|
||||
<Doctors />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default DoctorPage;
|
||||
@@ -0,0 +1,173 @@
|
||||
import React, { useEffect } from 'react'
|
||||
import { useRouter } from 'next/router'
|
||||
import parse from 'html-react-parser'
|
||||
import axios from 'axios'
|
||||
import AppContainer from '../../appContainer'
|
||||
import { FiChevronLeft, FiUser } from 'react-icons/fi'
|
||||
import Link from 'next/link'
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardImage,
|
||||
MDBCardText,
|
||||
MDBCardTitle,
|
||||
MDBCol,
|
||||
MDBContainer,
|
||||
MDBListGroup,
|
||||
MDBListGroupItem,
|
||||
MDBRow,
|
||||
MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
import Image from 'next/image'
|
||||
import { AppFile, AppUrl } from '../../../lib/api'
|
||||
import { Box, SimpleGrid } from '@chakra-ui/react'
|
||||
|
||||
const moment = require('moment-jalaali')
|
||||
|
||||
const News = ({ post }) => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return AppFile(`panel-public/uploads/${post.cover}`)
|
||||
}
|
||||
return (
|
||||
<AppContainer title={post.title}>
|
||||
<div className='parallax-container'>
|
||||
<h1
|
||||
style={{ width: '95%', lineHeight: '2' }}
|
||||
className={'center-align text-white service-text font-weight-bold header_back'}
|
||||
>
|
||||
{post.title}{' '}
|
||||
</h1>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt='Picture of the author'
|
||||
width={2050}
|
||||
height={1050}
|
||||
priority
|
||||
/>
|
||||
</div>
|
||||
<br />
|
||||
<MDBContainer>
|
||||
<div className={'RTL bk image_center responsive-img'}>
|
||||
<style jsx>
|
||||
{`
|
||||
* {
|
||||
font-weight: 800;
|
||||
font-family: yekanBakh !important;
|
||||
}
|
||||
* span span span {
|
||||
background-color: red;
|
||||
color: red;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100% !important;
|
||||
height: auto !important;
|
||||
}
|
||||
`}
|
||||
</style>
|
||||
<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
||||
<MDBCol xs={12} md={12} lg={9}>
|
||||
<MDBCard style={{ borderTop: '4px solid #39a2a5', borderRadius: 0 }}>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'flex align-items-center justify-content-between'}>
|
||||
<div>{post.title}</div>
|
||||
<div className={'flex align-items-center'}>
|
||||
<div className={'flex text-center align-items-center'}>
|
||||
<FiUser className={'ml-2 mb-3'} size={15} />
|
||||
<p style={{ fontSize: 15 }}>احمد سعیدی</p>
|
||||
</div>
|
||||
</div>
|
||||
</MDBCardTitle>
|
||||
<hr />
|
||||
<br />
|
||||
<MDBCardText className='text-right news-content right right-align' style={{ direction: 'rtl' }}>
|
||||
{parse(post.text)}
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol xs={12} md={12} lg={3}>
|
||||
<Link href={'/#contactUsform'}>
|
||||
<MDBCardImage
|
||||
className={'rounded-6 cursor-pointer'}
|
||||
style={{ width: 512, height: 275 }}
|
||||
src={'/resource/images/SequenceyEKTANET.gif'}
|
||||
/>
|
||||
</Link>
|
||||
<MDBCard shadow='5' border='info' className={'border mt-4'}>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle>مطالب اخیر </MDBCardTitle>
|
||||
<hr />
|
||||
<MDBCardText className={'mt-4'}>
|
||||
<Link href={'/page/news/36'}>
|
||||
<MDBListGroupItem style={{ cursor: 'pointer' }} className={'border-none bk-light p-1'}>
|
||||
<FiChevronLeft />
|
||||
خرید سهام
|
||||
</MDBListGroupItem>
|
||||
</Link>
|
||||
<Link href={'/page/news/34'}>
|
||||
<MDBListGroupItem style={{ cursor: 'pointer' }} className={'border-none bk-light p-1'}>
|
||||
<FiChevronLeft />
|
||||
انتقال سهام
|
||||
</MDBListGroupItem>
|
||||
</Link>
|
||||
<Link href={'/page/news/29'}>
|
||||
<MDBListGroupItem className={'border-none bk-light p-1'}>
|
||||
<FiChevronLeft />
|
||||
سرمایه گذاری بدون ریسک
|
||||
</MDBListGroupItem>
|
||||
</Link>
|
||||
<MDBListGroupItem className={'border-none bk-light p-1'}>
|
||||
<FiChevronLeft />
|
||||
<a className={'bk-light text-black'} download href={'./take-stock.pdf'}>
|
||||
دفترچه سهام
|
||||
</a>
|
||||
</MDBListGroupItem>
|
||||
<MDBListGroupItem className={'border-none bk-light p-1'}>
|
||||
<FiChevronLeft />
|
||||
<a
|
||||
className={'bk-light text-black'}
|
||||
download
|
||||
href={'./Explanatory_plan_of_Mehr_ranian_Parand_Hospital.pdf'}
|
||||
>
|
||||
دانلود طرح توجیهی
|
||||
</a>
|
||||
</MDBListGroupItem>
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
</MDBRow>
|
||||
<br />
|
||||
<hr />
|
||||
<MDBTypography>
|
||||
تاریخ انتشار :{moment(post.created_at, 'YYYY-M-D HH:mm:ss').format('HH:mm - jYYYY/jM/jD')}
|
||||
</MDBTypography>
|
||||
</div>
|
||||
</MDBContainer>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</AppContainer>
|
||||
)
|
||||
}
|
||||
|
||||
export default News
|
||||
|
||||
export const getServerSideProps = async context => {
|
||||
const { query } = context
|
||||
const posData = await axios.get(AppUrl(`news/${query.slug}`))
|
||||
const post = await posData.data
|
||||
|
||||
return {
|
||||
props: { post, fallback: false } // will be passed to the page component as props
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,197 @@
|
||||
import React, { useState } from 'react'
|
||||
|
||||
import AppContainer from '../appContainer'
|
||||
import { BsFillTelephoneFill } from 'react-icons/bs'
|
||||
import { MdEmail } from 'react-icons/md'
|
||||
import { FaMapMarkerAlt } from 'react-icons/fa'
|
||||
import { BsWhatsapp } from 'react-icons/bs'
|
||||
import { BsTwitter } from 'react-icons/bs'
|
||||
import { AiOutlineInstagram } from 'react-icons/ai'
|
||||
import toast, { Toaster } from 'react-hot-toast'
|
||||
import { MDBRadio } from 'mdb-react-ui-kit'
|
||||
import axios from 'axios'
|
||||
import NumberFormat from 'react-number-format'
|
||||
|
||||
const Sales = () => {
|
||||
const [name, setName] = useState()
|
||||
const [mobileNumber, setMobileNumber] = useState('')
|
||||
const [InvestmentPrice, setInvestmentPrice] = useState('')
|
||||
const [InvestmentType, setInvestmentType] = useState('1')
|
||||
const [Loading, setLoading] = useState(false)
|
||||
|
||||
const SubmitForm = () => {
|
||||
setLoading(true)
|
||||
toast.loading('در حال ثبت درخواست شما')
|
||||
axios
|
||||
.post('https://mehriranianco.ir/api/public/website/request', {
|
||||
name: name,
|
||||
mobile_number: mobileNumber,
|
||||
investment_price: InvestmentPrice,
|
||||
investment_type: InvestmentType
|
||||
})
|
||||
.then(async res => {
|
||||
setLoading(false)
|
||||
toast.remove()
|
||||
toast.success('درخواست شما ثبت شد به زودی کار شناسان فروش ما به شما تماس می گیرند')
|
||||
await console.log('res', res)
|
||||
})
|
||||
.catch(async err => {
|
||||
setLoading(false)
|
||||
toast.remove()
|
||||
await toast.error(err.response.data.err)
|
||||
await console.log('err', err)
|
||||
})
|
||||
}
|
||||
|
||||
return (
|
||||
<div id='callstock' className=' text-center py-8 m '>
|
||||
<h1 className='text-[#3c3c3c] text-[28px] font-bold mt-5 '>مشاوره خرید سهام</h1>
|
||||
<span className='text-[#656565] text-base p-2 md:text-[22px] md:p-0 font-light'>
|
||||
برای دریافت مشاوره فرم زیر را تکمیل کنید
|
||||
</span>
|
||||
<Toaster />
|
||||
|
||||
<div className='bg-white shadow-lg w-10/12 mx-auto rounded-[20px] grid lg:grid-cols-9 mt-8 SALES'>
|
||||
<div className='about lg:col-span-4 '>
|
||||
<div className='bg-[#014258] overflow-hidden rounded-[20px] h-full lg:h-[650px] m-[0.8rem] text-end'>
|
||||
<div className='addressAbout pr-8 pl-8 pt-[1.8rem]'>
|
||||
<h4 className='text-white font-bold md:text-xl '>ارتباط با ما</h4>
|
||||
<p className='text-white font-light md:text-lg pt-[0.5rem]'>
|
||||
بعد از ارسال فرم، مشاوران سهام طی 24 ساعت با شما تماس خواهند گرفت
|
||||
</p>
|
||||
|
||||
<div className='address'>
|
||||
<div className=''>
|
||||
{/* <span className='md:text-base font-normal text-white pr-[0.5rem] '>021 - 2842 6945</span> */}
|
||||
<BsFillTelephoneFill className='text-[#57C5C6] text-[0.9rem] md:text-[1.3rem]' />
|
||||
</div>
|
||||
|
||||
<div className='py-4 flex align-center md:justify-end'>
|
||||
<span className='md:text-base font-normal text-white pr-[0.5rem] '>contact-us@miphospital.ir</span>
|
||||
<MdEmail className='text-[#57C5C6] text-[0.8rem] md:text-[1.3rem]' />
|
||||
</div>
|
||||
|
||||
<div className='flex justify-end xl:justify-start '>
|
||||
<span className='md:text-base font-normal text-white pr-[0.5rem]'>
|
||||
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم
|
||||
</span>
|
||||
<FaMapMarkerAlt className='text-[#57C5C6] text-[2rem] md:text-[1.3rem] ' />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='contentFooter grid lg:grid-cols-5 xl:grid-cols-2'>
|
||||
<div className='Socail lg:col-span-2 xl:col-span-1 justify-center lg:justify-start text-center lg:h-[400px] items-center flex m-4'>
|
||||
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
|
||||
<BsWhatsapp className='socail' />
|
||||
</div>
|
||||
|
||||
<div className='socailS text-white mx-[0.5rem] text-[1.2rem] hover:bg-[#57C5C6]'>
|
||||
<BsTwitter className='socail' />
|
||||
</div>
|
||||
|
||||
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
|
||||
<AiOutlineInstagram className='socail' />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='circle1 lg:col-span-3 xl:col-span-1'>
|
||||
<div className='circle2'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className='rightForm lg:col-span-5 p-8 '>
|
||||
<div className=''>
|
||||
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='username'>
|
||||
نام و نام خانوادگی
|
||||
</label>
|
||||
<div className='text-end'>
|
||||
<input
|
||||
onChange={e => setName(e.target.value)}
|
||||
className='outline-0 bg-transparent w-11/12 text-end pt-3
|
||||
border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
|
||||
id='username'
|
||||
type='text'
|
||||
placeHolder=' نام و نام خانوادگی راوارد کنید'
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='mt-9'>
|
||||
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='phone'>
|
||||
شماره تماس
|
||||
</label>
|
||||
<div className='text-end'>
|
||||
<input
|
||||
onChange={e => setMobileNumber(e.target.value)}
|
||||
className='outline-0 bg-transparent w-11/12 text-end pt-3
|
||||
border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] pt-2 '
|
||||
id='phone'
|
||||
type='text'
|
||||
placeHolder='+98 912 525 4477'
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='mt-9 '>
|
||||
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='money'>
|
||||
مبلغ سرمایه گذاری شما
|
||||
</label>
|
||||
<div className='text-end'>
|
||||
<NumberFormat
|
||||
onValueChange={values => {
|
||||
const { formattedValue, value } = values
|
||||
setInvestmentPrice(value)
|
||||
}}
|
||||
className='outline-0 bg-transparent w-11/12 text-end pt-3
|
||||
border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
|
||||
type={'text'}
|
||||
prefix={'تومان'}
|
||||
thousandSeparator={true}
|
||||
dir={'ltr'}
|
||||
placeHolder=' مبلغ مد نظر خود برای شروع سرمایه گذاری وارد نمایید'
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='mt-9'>
|
||||
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='buyStock'>
|
||||
به چه صورت تمایل به خرید سهام دارید؟
|
||||
</label>
|
||||
<div className='text-end flex justify-end items-center mt-3'>
|
||||
<div className="ml-5'">
|
||||
<MDBRadio
|
||||
onClick={() => setInvestmentType(2)}
|
||||
name='flexRadioDefault'
|
||||
id='flexRadioDefault1'
|
||||
label='اقساطی '
|
||||
/>
|
||||
</div>
|
||||
<div style={{ marginLeft: 20 }} className="ml-5'">
|
||||
<MDBRadio
|
||||
onClick={() => setInvestmentType(1)}
|
||||
name='flexRadioDefault'
|
||||
id='flexRadioDefault2'
|
||||
label='نقدی'
|
||||
defaultChecked
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='mt-[6rem] mb-2'>
|
||||
<button
|
||||
onClick={SubmitForm}
|
||||
className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold '
|
||||
>
|
||||
{!Loading ? 'ثبت درخواست' : 'در حال ثبت درخواست'}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Sales
|
||||
@@ -0,0 +1,14 @@
|
||||
import React from 'react'
|
||||
import dynamic from 'next/dynamic'
|
||||
|
||||
|
||||
const Chart = dynamic(() => import('../../src/Chart/stock-price'), {ssr:false})
|
||||
const Price = () => {
|
||||
return (
|
||||
<div>
|
||||
<Chart />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Price
|
||||
@@ -0,0 +1,36 @@
|
||||
import React from 'react';
|
||||
import {Box, Button, Collapse, Fade, useDisclosure} from "@chakra-ui/react";
|
||||
import {ArrowDownIcon, ArrowUpIcon} from "@chakra-ui/icons";
|
||||
|
||||
const CollapseItem = ({title, text}) => {
|
||||
const { isOpen, onToggle } = useDisclosure()
|
||||
|
||||
return (
|
||||
<div onClick={onToggle} className={'mt-2 cursor-pointer'}>
|
||||
<div style={{ border: '1px solid #39a2a5' }} className={'flex p-2 rounded-5 align-items-center justify-content-between'}>
|
||||
{isOpen ? (
|
||||
<ArrowUpIcon />
|
||||
): (
|
||||
<ArrowDownIcon />
|
||||
)}
|
||||
<strong dir={'rtl'} className={'bk-light'} > {title} </strong>
|
||||
</div>
|
||||
<Collapse in={isOpen}>
|
||||
<Box
|
||||
p='40px'
|
||||
color='black'
|
||||
mt='4'
|
||||
bg='gray.200'
|
||||
rounded='md'
|
||||
shadow='md'
|
||||
>
|
||||
<p dir={'rtl'} className={'bk-light'}>
|
||||
{text}
|
||||
</p>
|
||||
</Box>
|
||||
</Collapse>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default CollapseItem;
|
||||
@@ -0,0 +1,62 @@
|
||||
import React from 'react'
|
||||
import AppContainer from '../appContainer'
|
||||
import Image from 'next/image'
|
||||
import { MDBContainer } from 'mdb-react-ui-kit'
|
||||
import CollapseItem from './Collapse'
|
||||
|
||||
const QuestionAndAnswer = () => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/images/q-a.jpg`
|
||||
}
|
||||
const qaData = [
|
||||
{
|
||||
id: 1,
|
||||
title: ' قیمت سهام ',
|
||||
text: ' (بروزرسانی : 1 مهر 1401) فروش سهام با تعداد محدود و مدت محدود با قيمت 75.000.000 تومان'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: 'چگونه سهام خریداری کنیم ؟ ',
|
||||
text: 'برای خرید سهام می توانید با شماره 53547000-021 تماس حاصل فرمایید یا از طریق مراجعه به دفتر خرید سهام (واقع در شهر پرند ، بلوار شهید فاسم سلیمانی ( چهار بانده) فاز 5 ، بیمارستان مهر ایرانیان پرند) اقدام به خرید سهام فرمایید .'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: 'سود سالیانه هر سهامدار چگونه انجام می شود ؟ ',
|
||||
text: 'سود سالیانه بر اساس درآمد یک ساله بیمارستان بعد از برآورد هزینه ها و خرج های بیمارستان و تصمیم هیئت مدیره شرکت سهامی بر اساس مقدار سهم سهامدار سود پرداخت می شود'
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
title: 'آیا امکان انتقال سهام وجود دارد ؟ ',
|
||||
text: 'بله امكان فروش مجدد سهام وجود دارد , نقل و انتقال مورد قبول شركت فقط از طريق طي مراحل قانوني كه در دفتر امور سهام شركت و مبايعه نامه نقل و انتقال في مابين خريدار و فروشنده ميبايست به تاييد شركت و هر نوع معامله اي ميبايست به نرخ اعلامي روز از جانب شركت انجام گرفته شده باشد.'
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: 'امکانات باشگاه VIP سهامداران',
|
||||
text: 'بله , تمامی سهامداران عضو باشگاه VIP بوده که یعنی برای آنها معاینات سالیانه خدمات رفاهی,بیمه مکمـــل درمـان , تفریحات دوره ای و... در نظر گرفته شده است'
|
||||
}
|
||||
]
|
||||
return (
|
||||
<div>
|
||||
<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'}>
|
||||
{qaData.map(item => (
|
||||
<CollapseItem key={item.id} text={item.text} title={item.title} />
|
||||
))}
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default QuestionAndAnswer
|
||||
@@ -0,0 +1,106 @@
|
||||
import React from 'react';
|
||||
import AppContainer from "../appContainer";
|
||||
import Image from "next/image";
|
||||
import {FiUsers, FiArrowLeft} from 'react-icons/fi'
|
||||
import Link from "next/link";
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardText,
|
||||
MDBCardTitle,
|
||||
MDBContainer,
|
||||
MDBIcon,
|
||||
MDBTypography
|
||||
} from "mdb-react-ui-kit";
|
||||
import {Box, Divider, ScaleFade, SimpleGrid} from "@chakra-ui/react";
|
||||
import {VueApi} from "../../lib/api";
|
||||
import axios from "axios";
|
||||
import {data} from "autoprefixer";
|
||||
|
||||
const Recruitment = (dataoccupational) => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/parallax/Directors.jpg`;
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<AppContainer title={'فرصت های شغلی بیمارستان مهر ایرانیان پرند'}>
|
||||
<div className="parallax-container">
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mb-5'}>
|
||||
<h2 className={'center-align bk-med text-white header_back service-text dana font-weight-bold'}> فرصت های شغلی بیمارستان مهر ایرانیان پرند </h2>
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
<div className={'mt-2'}>
|
||||
<br />
|
||||
<br />
|
||||
<p className={'center-align bk-light RTL text-white mt-5 header_back service-text dana font-weight-bold'}>فرصت‌هایی برای اینکه رویاهای خودتان را در کنار ما بسازید.</p>
|
||||
</div>
|
||||
</div>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src="Parallax.png"
|
||||
className={'responsive-img shadow-5'}
|
||||
alt="فرصت های شغلی بیمارستان مهر ایرانیان پرند"
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer className={'mt-5'}>
|
||||
<div className={'bk-med flex justify-content-center align-items-center flex-col'}>
|
||||
<MDBTypography className={'bk-md text-primary-teal font-weight-bold'} variant={'h3'}>فرصت های همکاری</MDBTypography>
|
||||
<MDBTypography className={'bk-light text-primary-teal mt-2'}>ردیف شغلی مورد علاقه خود را انتخاب کنید </MDBTypography>
|
||||
</div>
|
||||
<Divider />
|
||||
<SimpleGrid dir={'rtl'} columns={[1, 2, 4]} spacing={5}>
|
||||
{dataoccupational.data.data.map((item) => (
|
||||
<ScaleFade initialScale={0.9} in={() => setTimeout(() => true, 3000) }>
|
||||
<Box key={item.id}>
|
||||
<MDBCard className={'jobs-item-card rounded-6'}>
|
||||
<MDBCardBody className={'flex flex-col align-items-center justify-content-between'}>
|
||||
<div>
|
||||
<FiUsers size={35} />
|
||||
</div>
|
||||
<MDBCardTitle className={'bk-med mt-2 right'}>{item.title} </MDBCardTitle>
|
||||
<Link href={`recruitment/item/${item.id}`}>
|
||||
<MDBBtn rounded size={'sm'} className={'mt-2 flex align-items-center bk-light bg-primary-teal'}>
|
||||
مشاهده
|
||||
<FiArrowLeft className={'mr-2'} />
|
||||
</MDBBtn>
|
||||
</Link>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Box>
|
||||
</ScaleFade>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
</MDBContainer>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</AppContainer>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
export default Recruitment;
|
||||
|
||||
export async function getServerSideProps() {
|
||||
// Fetch data from external API
|
||||
const res = await axios.get('https://mehriranianco.ir/api/public/job/occupational/').then((res) => {
|
||||
return res.data
|
||||
}).catch((err) => {
|
||||
console.log(err)
|
||||
});
|
||||
const data = await res
|
||||
|
||||
// Pass data to the page via props
|
||||
return { props: { data } }
|
||||
}
|
||||
@@ -0,0 +1,108 @@
|
||||
import React from 'react';
|
||||
import Image from "next/image";
|
||||
import Link from "next/link";
|
||||
import {FiUsers, FiArrowLeft} from 'react-icons/fi'
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardText,
|
||||
MDBCardTitle,
|
||||
MDBContainer,
|
||||
MDBIcon,
|
||||
MDBTypography
|
||||
} from "mdb-react-ui-kit";
|
||||
import {Box, Divider, SimpleGrid} from "@chakra-ui/react";
|
||||
import AppContainer from "../../appContainer";
|
||||
import {useRouter} from "next/router";
|
||||
import axios from "axios";
|
||||
|
||||
const Recruitment = (jobs) => {
|
||||
console.log(jobs)
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../../resource/parallax/33012321.jpg`;
|
||||
}
|
||||
const router = useRouter();
|
||||
const {category_id} = router.query
|
||||
|
||||
return (
|
||||
<div>
|
||||
<AppContainer title={'فرصت های شغلی بیمارستان مهر ایرانیان پرند'}>
|
||||
<div className="parallax-container">
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mb-5'}>
|
||||
<h2 className={'center-align bk-med text-white header_back service-text dana font-weight-bold'}> فرصت های شغلی بیمارستان مهر ایرانیان پرند </h2>
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
<div className={'mt-2'}>
|
||||
<br />
|
||||
<br />
|
||||
<p className={'center-align bk-light RTL text-white mt-5 header_back service-text dana font-weight-bold'}>فرصت‌هایی برای اینکه رویاهای خودتان را در کنار ما بسازید.</p>
|
||||
</div>
|
||||
</div>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src="Parallax.png"
|
||||
className={'responsive-img shadow-5'}
|
||||
alt={category_id}
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer className={'mt-5'}>
|
||||
<div className={'bk-med flex justify-content-center align-items-center flex-col'}>
|
||||
<MDBTypography className={'bk-md text-primary-teal font-weight-bold'} variant={'h3'}>{jobs.jobs.name.title} </MDBTypography>
|
||||
<MDBTypography className={'bk-light text-primary-teal mt-2'}>شغل مورد علاقه خود را انتخاب کنید </MDBTypography>
|
||||
</div>
|
||||
<Divider />
|
||||
<SimpleGrid dir={'rtl'} columns={[1, 1, 3]} spacing={3}>
|
||||
{jobs.jobs.data && jobs.jobs.data.map((item) => (
|
||||
<Box key={item.id}>
|
||||
<Link href={`/recruitment/item/request/${item.id}`}>
|
||||
<MDBCard className={'jobs-item-card rounded-6'}>
|
||||
<MDBCardBody className={'flex align-items-center lg:flex-row md:flex-col sm:flex-col justify-content-between'}>
|
||||
<div>
|
||||
<MDBCardTitle title={item.title} className={'bk-med text-summery-2 mt-2 right'}>{item.title} </MDBCardTitle>
|
||||
</div>
|
||||
<div>
|
||||
<Link href={`/recruitment/item/request/${item.id}`}>
|
||||
<MDBBtn rounded size={'sm'} className={'mt-2 flex align-items-center bk-light bg-primary-teal'}>
|
||||
درخواست همکاری
|
||||
<FiArrowLeft className={'ml-2'} />
|
||||
</MDBBtn>
|
||||
</Link>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
</Box>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
</MDBContainer>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</AppContainer>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export async function getServerSideProps(ctx) {
|
||||
// Fetch data from external API
|
||||
const {query} = ctx
|
||||
|
||||
const res = await axios.get(`https://mehriranianco.ir/api/public/job/${query.category_id}`).then((res) => {
|
||||
return res.data
|
||||
}).catch((err) => {
|
||||
console.log(err)
|
||||
});
|
||||
const jobs = await res
|
||||
|
||||
// Pass data to the page via props
|
||||
return { props: { jobs } }
|
||||
}
|
||||
|
||||
export default Recruitment;
|
||||
|
||||
@@ -0,0 +1,182 @@
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, Select, SimpleGrid} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const CoursesData = () => {
|
||||
const {setPage, coursesData, setCoursesData, langStatus, setLangStatus} = useContext(HandleFormReq)
|
||||
const [formValues, setFormValues] = useState(coursesData)
|
||||
|
||||
let handleChange = (i, e) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues[i][e.target.name] = e.target.value;
|
||||
setFormValues(newFormValues);
|
||||
|
||||
}
|
||||
|
||||
let addFormFields = () => {
|
||||
setFormValues([...formValues, {
|
||||
courseName: '',
|
||||
courseEdu: '',
|
||||
courseLocal: '',
|
||||
courseTime: '',
|
||||
}])
|
||||
}
|
||||
|
||||
let removeFormFields = (i) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues.splice(i, 1);
|
||||
setFormValues(newFormValues)
|
||||
}
|
||||
|
||||
let handleSubmit = (event) => {
|
||||
event.preventDefault();
|
||||
setCoursesData(formValues)
|
||||
console.log(formValues);
|
||||
console.log('coursesData', coursesData);
|
||||
console.log('langStatus', langStatus.status);
|
||||
setPage(4)
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<SimpleGrid className={'mt-2 flex justify-content-between mt-5'} dir={'rtl'} columns={[1,1,2]} spacingX='390px' spacingY='20px'>
|
||||
<Box>
|
||||
<MDBInputGroup className='flex flex-md-row flex-lg-row flex-sm-column'>
|
||||
<div style={{ flexDirection: 'column' }} className={'flex align-items-center flex-md-row flex-lg-row flex-sm-column'}>
|
||||
<div>
|
||||
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||
میزان آشنایی با زبان انگلیسی :
|
||||
</MDBInputGroupText>
|
||||
</div>
|
||||
{process.browser && (
|
||||
<div>
|
||||
<select
|
||||
required
|
||||
onChange={(e) => setLangStatus({status: e.target.value})}
|
||||
dir={'ltr'}
|
||||
defaultValue={langStatus.status}
|
||||
style={{ width: 200 }}
|
||||
placeholder={'سطح زبان خود را مشخص کنید '}
|
||||
>
|
||||
<option value='3'> ضعیف </option>
|
||||
<option value='2'> خوب </option>
|
||||
<option value='1'> عالی </option>
|
||||
</select>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</SimpleGrid>
|
||||
<br />
|
||||
<br />
|
||||
<p className={'right'}>در صورتی که دوره آموزشی خاصی را گذرانده اید اطلاعات آن را وارد کنید </p>
|
||||
<br />
|
||||
<br />
|
||||
<form onSubmit={handleSubmit} id={'persondataform'}>
|
||||
<SimpleGrid className={'mt-4'} dir={'rtl'} columns={[1, 1, 1]} spacing={3}>
|
||||
{process.browser && formValues.map((element, index) => (
|
||||
<>
|
||||
<Box className={'d-lg-flex d-md-block justify-content-between'} key={index}>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='courseName'
|
||||
name="courseName"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.courseName || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="نام دوره آموزشی"
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='courseEdu'
|
||||
name="courseEdu"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.courseEdu || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="نام موسسه آموزشی "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='courseLocal'
|
||||
name="courseLocal"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.courseLocal || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="مکان موسسه "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='courseTime'
|
||||
name="courseTime"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.courseTime || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="مدت آموزش "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
{
|
||||
index ?
|
||||
<MDBBtn color={'danger'} outline type="button" className="button remove" onClick={() => removeFormFields(index)}>پاک کردن</MDBBtn>
|
||||
: null
|
||||
}
|
||||
</>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
<div className="flex justify-content-end mt-5">
|
||||
<MDBBtn color={'warning'} className="button add" type="button" onClick={() => addFormFields()}>اضافه کردن </MDBBtn>
|
||||
</div>
|
||||
<MDBBtn type={'submit'} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</form>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default CoursesData;
|
||||
@@ -0,0 +1,170 @@
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, SimpleGrid} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const EducationalData = () => {
|
||||
const {setPage, educationalData, setEducationalData} = useContext(HandleFormReq)
|
||||
const [formValues, setFormValues] = useState(educationalData)
|
||||
console.log('edd', educationalData)
|
||||
let handleChange = (i, e) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues[i][e.target.name] = e.target.value;
|
||||
setFormValues(newFormValues);
|
||||
}
|
||||
|
||||
let addFormFields = () => {
|
||||
setFormValues([...formValues, {
|
||||
university: '',
|
||||
field : '',
|
||||
trend: '',
|
||||
score: '',
|
||||
dateField: '',
|
||||
}])
|
||||
}
|
||||
|
||||
let removeFormFields = (i) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues.splice(i, 1);
|
||||
setFormValues(newFormValues)
|
||||
}
|
||||
|
||||
let handleSubmit = (event) => {
|
||||
event.preventDefault();
|
||||
console.log(formValues);
|
||||
setEducationalData(formValues)
|
||||
setPage(3)
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<form onSubmit={handleSubmit} id={'persondataform'}>
|
||||
<SimpleGrid className={'mt-4'} dir={'rtl'} columns={[1, 1, 1]} spacing={3}>
|
||||
{process.browser && formValues.map((element, index) => (
|
||||
<>
|
||||
<Box className={'d-lg-flex d-md-block justify-content-between'} key={index}>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
required
|
||||
id='university'
|
||||
name="university"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.university || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="دانشگاه / موسسه "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='field'
|
||||
name="field"
|
||||
required
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.field || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="رشته تحصیلی "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='trend'
|
||||
name="trend"
|
||||
required
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.trend || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="گرایش "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='dateField'
|
||||
name="dateField"
|
||||
required
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.dateField || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="تاریخ اخذ مدرک "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='score'
|
||||
name="score"
|
||||
required
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.score || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="معدل "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
{
|
||||
index ?
|
||||
<MDBBtn color={'danger'} outline type="button" className="button remove" onClick={() => removeFormFields(index)}>پاک کردن</MDBBtn>
|
||||
: null
|
||||
}
|
||||
</>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
<div className="flex justify-content-end mt-5">
|
||||
<MDBBtn color={'warning'} className="button add" type="button" onClick={() => addFormFields()}>اضافه کردن </MDBBtn>
|
||||
</div>
|
||||
<MDBBtn type={'submit'} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</form>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default EducationalData;
|
||||
@@ -0,0 +1,90 @@
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Checkbox, Input, Radio, RadioGroup, Select, SimpleGrid, Stack, Text, Textarea} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
import NumberFormat from "react-number-format";
|
||||
import log from "tailwindcss/lib/util/log";
|
||||
|
||||
const Furtherinformation = () => {
|
||||
const {setPage, furtherinformation, setFurtherinformation} = useContext(HandleFormReq)
|
||||
const [criminal,setCriminal] = useState(process.browser && furtherinformation.criminal.toString())
|
||||
const [salary, setSalary] = useState(process.browser && furtherinformation.salary)
|
||||
const [Introduced, setIntroduced] = useState(process.browser && furtherinformation.Introduced)
|
||||
|
||||
// let handleSubmit = () => {
|
||||
// setPage(7)
|
||||
// }
|
||||
let handleChange = (e) => {
|
||||
setFurtherinformation({criminal: criminal,salary: salary, Introduced: Introduced})
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
{process.browser && (
|
||||
<div>
|
||||
<SimpleGrid className={'mt-2 flex mt-5'} dir={'rtl'} columns={[1,1,2]} spacingX='390px' spacingY='20px'>
|
||||
<Box>
|
||||
<MDBInputGroup className='flex flex-md-row flex-lg-row flex-sm-column '>
|
||||
<div style={{ flexDirection: 'column' }} className={'flex align-items-center flex-md-row flex-lg-row flex-sm-column '}>
|
||||
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||
آیا سابقه کیفری دارید :
|
||||
</MDBInputGroupText>
|
||||
<RadioGroup className={'flex align-items-center'} onChange={setCriminal} value={criminal}>
|
||||
<Stack spacing={4} direction='row'>
|
||||
<Radio value='1'> ندارم </Radio>
|
||||
<Radio value='2'> دارم </Radio>
|
||||
</Stack>
|
||||
</RadioGroup>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<NumberFormat
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
onValueChange={(values) => {
|
||||
const { formattedValue, value } = values;
|
||||
handleChange()
|
||||
setSalary(formattedValue)
|
||||
console.log('salery', salary)
|
||||
}}
|
||||
className={'form-control'}
|
||||
type={'text'}
|
||||
thousandSeparator={true}
|
||||
defaultValue={furtherinformation.salary}
|
||||
placeholder=" حقوق پیشنهادی(تومان) "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</SimpleGrid>
|
||||
<Box dir={'rtl'} className={''}>
|
||||
<br /><br />
|
||||
<Textarea
|
||||
dir={'rtl'}
|
||||
defaultValue={furtherinformation.Introduced}
|
||||
onChange={(e) => {
|
||||
handleChange()
|
||||
setIntroduced(e.target.value)}
|
||||
}
|
||||
placeholder='در صورتی که معرفی دارید نام و شماره تماس آن را وارد کنید '
|
||||
/>
|
||||
</Box>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/*<MDBBtn onClick={handleSubmit} size={'sm'} className={'mt-2 bg-primary-teal'} >ثبت درخواست </MDBBtn>*/}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Furtherinformation;
|
||||
@@ -0,0 +1,170 @@
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, Select, SimpleGrid} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const JobData = () => {
|
||||
const {setPage, jobData, setJob} = useContext(HandleFormReq)
|
||||
const [formValues, setFormValues] = useState(jobData)
|
||||
|
||||
let handleChange = (i, e) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues[i][e.target.name] = e.target.value;
|
||||
setFormValues(newFormValues);
|
||||
}
|
||||
|
||||
let addFormFields = () => {
|
||||
setFormValues([...formValues, {
|
||||
companyName: '',
|
||||
position: '',
|
||||
workTime: '',
|
||||
exitReason: '',
|
||||
lastIncome: ''
|
||||
}])
|
||||
console.log('add nf', formValues);
|
||||
}
|
||||
|
||||
let removeFormFields = (i) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues.splice(i, 1);
|
||||
setFormValues(newFormValues)
|
||||
}
|
||||
|
||||
let handleSubmit = (event) => {
|
||||
event.preventDefault();
|
||||
setJob(formValues)
|
||||
setPage(5)
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<br />
|
||||
<br />
|
||||
<p className={'right'}>در صورتی که سابقه کاری دارید اطلاعات آن را وارد کنید </p>
|
||||
<br />
|
||||
<br />
|
||||
<form onSubmit={handleSubmit} id={'persondataform'}>
|
||||
<SimpleGrid className={'mt-4'} dir={'rtl'} columns={[1, 1, 1]} spacing={3}>
|
||||
{process.browser && formValues.map((element, index) => (
|
||||
<>
|
||||
<Box className={'d-lg-flex d-md-block justify-content-between'} key={index}>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='companyName'
|
||||
name="companyName"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.companyName || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="نام شرکت / موسسه"
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='position'
|
||||
name="position"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.position || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="موضعیت شغلی "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='workTime'
|
||||
name="workTime"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.workTime || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="مدت همکاری "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='exitReason'
|
||||
name="exitReason"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.exitReason || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="دلیل خروج "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='lastIncome'
|
||||
name="lastIncome"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.lastIncome || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="حقوقی دریافتی (تومان) "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
{
|
||||
index ?
|
||||
<MDBBtn color={'danger'} outline type="button" className="button remove" onClick={() => removeFormFields(index)}>پاک کردن</MDBBtn>
|
||||
: null
|
||||
}
|
||||
</>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
<div className="flex justify-content-end mt-5">
|
||||
<MDBBtn color={'warning'} className="button add" type="button" onClick={() => addFormFields()}>اضافه کردن </MDBBtn>
|
||||
</div>
|
||||
<MDBBtn type={'submit'} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</form>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default JobData;
|
||||
@@ -0,0 +1,55 @@
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, Radio, RadioGroup, Select, SimpleGrid, Stack, Text, Textarea} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const PcSkill = () => {
|
||||
const {setPage, pcSkillData, setPcSkillData} = useContext(HandleFormReq)
|
||||
let icdlStr = process.browser && pcSkillData.icdlLevel.toString()
|
||||
const [icdl, seticdl] = useState(icdlStr)
|
||||
const [text, settext] = useState('')
|
||||
let handleSubmit = () => {
|
||||
setPcSkillData({text:text,icdlLevel: icdl})
|
||||
setPage(7)
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<Box dir={'rtl'} >
|
||||
{process.browser && (
|
||||
<div>
|
||||
<MDBInputGroup className='flex flex-md-row flex-lg-row flex-sm-column mt-5'>
|
||||
<div style={{ flexDirection: 'column' }} className={'flex align-items-center flex-md-row flex-lg-row flex-sm-column mt-5 justify-content-start'}>
|
||||
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||
آیا به ICDL (مهارت های هفتگانه آشنا هستید) :
|
||||
</MDBInputGroupText>
|
||||
<RadioGroup onChange={seticdl} value={icdl} >
|
||||
<Stack direction='row'>
|
||||
<Radio value='1'>بله </Radio>
|
||||
<Radio value='2'>خیر</Radio>
|
||||
</Stack>
|
||||
</RadioGroup>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
<br /><br />
|
||||
<Textarea
|
||||
dir={'rtl'}
|
||||
defaultValue={pcSkillData.text}
|
||||
onChange={(e) => settext(e.target.value)}
|
||||
placeholder='در صورتی که به نرم افزار خاصی مسلط هستید نام آن را وارد کنید '
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
</Box>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<MDBBtn onClick={handleSubmit} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default PcSkill;
|
||||
@@ -0,0 +1,524 @@
|
||||
import React, {useContext, useEffect, useRef, useState} from 'react';
|
||||
import {Box, Input, Radio, RadioGroup, Select, SimpleGrid, Stack, Textarea, UnorderedList} from "@chakra-ui/react";
|
||||
import {
|
||||
MDBBtn, MDBCol, MDBContainer,
|
||||
MDBFile,
|
||||
MDBRadio,
|
||||
MDBInputGroup,
|
||||
MDBInputGroupText, MDBRow
|
||||
} from "mdb-react-ui-kit";
|
||||
import {FcApproval} from "react-icons/fc";
|
||||
import {FiCheck, FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
import axios from "axios";
|
||||
|
||||
const PersonData = () => {
|
||||
const {setPage, personData, setpersondata} = useContext(HandleFormReq)
|
||||
const [sex, setSex] = useState(personData.gender)
|
||||
const [health, setHealth] = React.useState(personData.health)
|
||||
const {register, handleSubmit, watch, formState: { errors }} = useForm()
|
||||
let hasErr = Object.keys(errors).length
|
||||
const onSubmit = async (data) => {
|
||||
console.log('dadadada', data)
|
||||
if (hasErr === 0) {
|
||||
console.log('om', data.national_code)
|
||||
axios.post('https://mehriranianco.ir/api/public/jobrequest/nationalcode', {
|
||||
nationalcode: data.national_code
|
||||
}).then((res) => {
|
||||
if (res.data.status === false) {
|
||||
alert('کد ملی شما قبلا ثبت شده ')
|
||||
}else {
|
||||
setpersondata(data)
|
||||
setPage(2)
|
||||
}
|
||||
}).catch((err) => {
|
||||
console.log('44324589091',err)
|
||||
})
|
||||
|
||||
|
||||
console.log('jsondataperson', JSON.stringify({ personData: personData, scc: personData }))
|
||||
}
|
||||
else {
|
||||
alert('مقادیر وارد شده معبتر نمی باشد')
|
||||
}
|
||||
};
|
||||
console.log('personData.lastname', typeof personData.lastname)
|
||||
return (
|
||||
<div>
|
||||
<form onSubmit={handleSubmit(onSubmit)} id={'persondataform'}>
|
||||
<SimpleGrid className={'mt-4'} dir={'rtl'} columns={[1, 1, 4]} spacing={3}>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='firstname'
|
||||
defaultValue={personData.firstname}
|
||||
{...register('firstname', {required: true, maxLength: 100})}
|
||||
className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="نام خود را وارد کنید "
|
||||
/>
|
||||
</div>
|
||||
<p className={'mt-1 text-sm text-danger'}>
|
||||
{errors?.firstname?.type === "required" && <p> وارد کردن نام اجباری است</p>}
|
||||
{errors?.firstname?.type === "maxLength" && <p>نام وارد شده معبتر نمی باشد</p>}
|
||||
</p>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='lastname'
|
||||
defaultValue={personData.lastname}
|
||||
{...register('lastname', {required: true})}
|
||||
className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="نام خانوادگی خود را وارد کنید "
|
||||
/>
|
||||
|
||||
</div>
|
||||
<p className={' mt-1 text-sm text-danger'}>
|
||||
{errors?.lastname?.type === "required" && <p> وارد کردن نام خانوادگی اجباری است</p>}
|
||||
</p>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='fatherName'
|
||||
defaultValue={personData.fatherName}
|
||||
{...register('fatherName', {required: true})}
|
||||
className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="نام پدر خود را وارد کنید "
|
||||
/>
|
||||
</div>
|
||||
<p className={' mt-1 text-sm text-danger'}>
|
||||
{errors?.fatherName?.type === "required" && <p> وارد کردن نام پدر اجباری است</p>}
|
||||
</p>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='wifeJob'
|
||||
defaultValue={personData.wifeJob}
|
||||
{...register('wifeJob')}
|
||||
className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="شغل همسر خود را وارد کنید "
|
||||
/>
|
||||
</div>
|
||||
{/*<p className={' mt-1 text-sm text-danger'}>*/}
|
||||
{/* {errors?.wifeJob?.type === "required" && <p> وارد کردن شغل همسر اجباری است</p>}*/}
|
||||
{/*</p>*/}
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='childIndex'
|
||||
defaultValue={personData.childIndex}
|
||||
{...register('childIndex' )}
|
||||
className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="تعداد فرزندان خود را وارد کنید "
|
||||
/>
|
||||
</div>
|
||||
{/*<p className={' mt-1 text-sm text-danger'}>*/}
|
||||
{/* {errors?.childIndex?.type === "required" && <p> وارد کردن شغل همسر اجباری است</p>}*/}
|
||||
{/*</p>*/}
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='dependants'
|
||||
defaultValue={personData.dependants}
|
||||
{...register('dependants')}
|
||||
className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="تعداد افراد تحت تکلف خود را وارد کنید "
|
||||
/>
|
||||
</div>
|
||||
{/*<p className={' mt-1 text-sm text-danger'}>*/}
|
||||
{/* {errors?.dependants?.type === "required" && <p> وارد کردن شغل همسر اجباری است</p>}*/}
|
||||
{/*</p>*/}
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='Insurance'
|
||||
defaultValue={personData.Insurance}
|
||||
{...register('Insurance', {required: true})}
|
||||
className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="وضعیت بیمه خود را وارد کنید "
|
||||
/>
|
||||
</div>
|
||||
<p className={' mt-1 text-sm text-danger'}>
|
||||
{errors?.Insurance?.type === "required" && <p> وارد کردن وضعیت بیمه اجباری است</p>}
|
||||
</p>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='national_code'
|
||||
defaultValue={personData.national_code}
|
||||
{...register('national_code', {required: true, maxLength: 10, minLength: 10})}
|
||||
className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='number'
|
||||
placeholder=" کد ملی خود را وارد کنید "
|
||||
/>
|
||||
|
||||
</div>
|
||||
<p className={' mt-1 text-sm text-danger'}>
|
||||
{errors?.national_code?.type === "required" && <p> وارد کردن کد ملی اجباری است</p>}
|
||||
{errors?.national_code?.type === "maxLength" && <p>کد ملی وارد شده معبتر نمی باشد</p>}
|
||||
{errors?.national_code?.type === "minLength" && <p>کد ملی وارد شده معبتر نمی باشد</p>}
|
||||
</p>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='placenational'
|
||||
defaultValue={personData.placenational}
|
||||
{...register('placenational', {required: true})}
|
||||
className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="محل صدور شناسنامه خود را وارد کنید "
|
||||
/>
|
||||
|
||||
</div>
|
||||
<p className={' mt-1 text-sm text-danger'}>
|
||||
{errors?.placenational?.type === "required" && <p> وارد کردن محل صدور شناسانه اجباری است</p>}
|
||||
</p>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='PHONE'
|
||||
defaultValue={personData.phone}
|
||||
{...register('phone', {required: true})}
|
||||
className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="تلفن ثابت خود را وارد کنید "
|
||||
/>
|
||||
|
||||
</div>
|
||||
<p className={' mt-1 text-sm text-danger'}>
|
||||
{errors?.phone?.type === "required" && <p> وارد کردن تلفن ثابت اجباری است</p>}
|
||||
</p>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='mobile_number'
|
||||
defaultValue={personData.mobile_number}
|
||||
{...register('mobile_number', {required: true, maxLength: 11, minLength: 11})}
|
||||
className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='number'
|
||||
placeholder=" شماره موبایل خود را وارد کنید "
|
||||
/>
|
||||
|
||||
</div>
|
||||
<p className={' mt-1 text-sm text-danger'}>
|
||||
{errors?.mobile_number?.type === "required" && <p> وارد کردن شماره موبایل اجباری است</p>}
|
||||
{errors?.mobile_number?.type === "maxLength" && <p>شماره موبایل وارد شده معبتر نمی باشد</p>}
|
||||
{errors?.mobile_number?.type === "minLength" && <p>شماره موبایل وارد شده معبتر نمی باشد</p>}
|
||||
</p>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='birthday'
|
||||
defaultValue={personData.birthday}
|
||||
{...register('birthday', {required: true})}
|
||||
className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='number'
|
||||
placeholder=" سال تولد خود را وارد کنید "
|
||||
/>
|
||||
|
||||
</div>
|
||||
<p className={' mt-1 text-sm text-danger'}>
|
||||
{errors?.birthday?.type === "required" && <p> وارد کردن تاریخ تولد اجباری است</p>}
|
||||
</p>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
{/*////*/}
|
||||
|
||||
<SimpleGrid className={'mt-2 flex justify-content-between'} dir={'rtl'} columns={[1,1,2]} spacingX='390px' spacingY='20px'>
|
||||
<Box>
|
||||
<MDBInputGroup className='flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||
جنسیت :
|
||||
</MDBInputGroupText>
|
||||
<div>
|
||||
<Select
|
||||
dir={'ltr'}
|
||||
{...register('gender')}
|
||||
defaultValue={personData.gender}
|
||||
style={{ width: 200 }}
|
||||
onChange={(e) => setSex(e.target.value)}
|
||||
>
|
||||
<option value='1'> مرد </option>
|
||||
<option value='2'> زن </option>
|
||||
</Select>
|
||||
</div>
|
||||
</div>
|
||||
<p className={' mt-1 text-sm text-danger'}>
|
||||
{errors?.gender?.type === "required" && <p> وارد کردن نظام وظیفه اجباری است</p>}
|
||||
</p>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||
وضعیت تحصیل :
|
||||
</MDBInputGroupText>
|
||||
<div>
|
||||
<Select
|
||||
dir={'ltr'}
|
||||
defaultValue={personData.degree}
|
||||
style={{ width: 200 }}
|
||||
{...register('degree', {required: true})}
|
||||
>
|
||||
<option value='0'> زیر دیپلم </option>
|
||||
<option value='1'> دیپلم </option>
|
||||
<option value='5'> فوق دیپام </option>
|
||||
<option value='2'> لیسانس </option>
|
||||
<option value='3'> فوق لیسانس </option>
|
||||
<option value='4'> دکتری </option>
|
||||
</Select>
|
||||
</div>
|
||||
</div>
|
||||
<p className={' mt-1 text-sm text-danger'}>
|
||||
{errors?.degree?.type === "required" && <p> وضعیت تحصیل را مشخص کنید</p>}
|
||||
</p>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||
وضعیت تاهل :
|
||||
</MDBInputGroupText>
|
||||
<div>
|
||||
<Select
|
||||
defaultValue={personData.marital}
|
||||
style={{ width: 200 }}
|
||||
dir={'ltr'}
|
||||
{...register('marital', {required: true})}
|
||||
>
|
||||
<option value='1'> مجرد </option>
|
||||
<option value='2'> متاهل </option>
|
||||
</Select>
|
||||
</div>
|
||||
</div>
|
||||
<p className={' mt-1 text-sm text-danger'}>
|
||||
{errors?.marital?.type === "required" && <p> وضعیت تاهل را مشخص کنید </p>}
|
||||
</p>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
{sex === '1' ? (
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||
وضعیت نظام وظیفه :
|
||||
</MDBInputGroupText>
|
||||
<div className="form-check">
|
||||
<Select
|
||||
dir={'ltr'}
|
||||
defaultValue={personData.military}
|
||||
className={'form-select'}
|
||||
style={{ width: 200 }}
|
||||
{...register('military', {required: true})}
|
||||
placeholder=' وضعیت خدمت '>
|
||||
<option value='1'> معافیت </option>
|
||||
<option value='2'> مشمول </option>
|
||||
<option value='3'> پایان خدمت </option>
|
||||
</Select>
|
||||
</div>
|
||||
</div>
|
||||
<div style={{ width: 500 }} className={'mt-2 d-inline'}>
|
||||
<p style={{ width: 500 }} className={' text-sm text-danger'}>
|
||||
{errors?.military?.type === "required" && <p> وضعیت سربازی را مشخص کنید</p>}
|
||||
</p>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
): ''}
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup style={{ flexDirection: "column" }} className='mb-3 flex'>
|
||||
<div style={{display: "flex" ,flexDirection: "column" }} className={'flex align-items-center align-items-center flex-row flex-lg-row flex-md-row flex-sm-column'}>
|
||||
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||
سابقه بیماری :
|
||||
</MDBInputGroupText>
|
||||
<RadioGroup defaultValue={personData.health} {...register('health', {required: false})} className={'flex align-items-center flex-row flex-lg-row flex-md-row flex-sm-column'} onChange={setHealth} value={health}>
|
||||
<div>
|
||||
<Stack spacing={4} direction='row'>
|
||||
<Radio value='1'> ندارم </Radio>
|
||||
<Radio value='2'> دارم </Radio>
|
||||
</Stack>
|
||||
</div>
|
||||
</RadioGroup>
|
||||
|
||||
|
||||
</div>
|
||||
<div>
|
||||
{health === '2' && (
|
||||
<div className={'flex mt-sm-2 align-items-center justify-content-center'}>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<Input
|
||||
id='healthreason'
|
||||
defaultValue={personData.healthreason}
|
||||
{...register('healthreason', {required: health === '2'})}
|
||||
className={'bk-med m-2 rounded-0'}
|
||||
style={{ height: 40, width:250 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="نوع بیماری خود را وارد کنید "
|
||||
/>
|
||||
<div>
|
||||
<p style={{ width: 400 }} className={'text-sm text-danger'}>
|
||||
{errors?.healthreason?.type === "required" && <p> نوع بیماری خود را وارد کنید </p>}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</SimpleGrid>
|
||||
|
||||
{/*////*/}
|
||||
</SimpleGrid>
|
||||
<Box className={'flex flex-col justify-content-center'}>
|
||||
<MDBInputGroup className='mb-3 border-2'>
|
||||
<Textarea
|
||||
defaultValue={personData.address}
|
||||
{...register('address',{required: true})}
|
||||
dir={'rtl'} placeholder='آدرس محل سکونت خود را وارد کنید ' />
|
||||
</MDBInputGroup>
|
||||
<p className={' mt-1 text-sm text-danger'}>
|
||||
{errors?.address?.type === "required" && <p> آدرس محلص سکونت خود را وراد کنید </p>}
|
||||
</p>
|
||||
</Box>
|
||||
|
||||
<MDBBtn type={'submit'} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</form>
|
||||
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default PersonData;
|
||||
@@ -0,0 +1,41 @@
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, Select, SimpleGrid, Textarea} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const ScientificData = () => {
|
||||
const {setPage, scientificData, setScientificData} = useContext(HandleFormReq)
|
||||
|
||||
|
||||
let handleSubmit = () => {
|
||||
console.log('scientificData', scientificData)
|
||||
setPage(6)
|
||||
}
|
||||
let handleChange = (e) => {
|
||||
setScientificData({text: e.target.value})
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<Box className={''}>
|
||||
<br />
|
||||
<br />
|
||||
{process.browser && (
|
||||
<Textarea
|
||||
dir={'rtl'}
|
||||
defaultValue={scientificData.text}
|
||||
onChange={handleChange}
|
||||
placeholder='در صورتی داشتن مقاله یا دستاورد علمی اطلاعات آن را وارد کنید'
|
||||
/>
|
||||
)}
|
||||
</Box>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<MDBBtn onClick={handleSubmit} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ScientificData;
|
||||
@@ -0,0 +1,433 @@
|
||||
import React, {Suspense, useMemo, useState} from 'react';
|
||||
import { useForm } from "react-hook-form";
|
||||
import {Alert, AlertDescription, AlertIcon, AlertTitle, Checkbox, useDisclosure} from '@chakra-ui/react'
|
||||
import AppContainer from "../../../appContainer";
|
||||
import {
|
||||
MDBBtn, MDBCard, MDBCardBody, MDBCardImage, MDBCardTitle,
|
||||
MDBContainer, MDBSpinner,
|
||||
} from "mdb-react-ui-kit";
|
||||
import {
|
||||
Box,
|
||||
Divider,
|
||||
ListItem, Progress,
|
||||
SimpleGrid, SlideFade, Text,
|
||||
UnorderedList,
|
||||
Button,Modal,ModalOverlay,ModalContent,ModalHeader,
|
||||
ModalCloseButton,ModalBody,ModalFooter
|
||||
} from "@chakra-ui/react";
|
||||
import {FiUser, FiCheck} from 'react-icons/fi'
|
||||
import {FcApproval} from 'react-icons/fc'
|
||||
import { MDBRadio } from 'mdb-react-ui-kit';
|
||||
import Employer from '../../../../public/resource/icons/portfolio-outline.png'
|
||||
import axios from "axios";
|
||||
import {FORM_CAST} from "../../../../src/redux/actions";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
import PersonData from "./PersonData";
|
||||
import EducationalData from "./EducationalData";
|
||||
import CoursesData from "./CoursesData";
|
||||
import JobData from "./JobData";
|
||||
import ScientificData from "./ScientificData";
|
||||
import PcSkill from "./PcSkill";
|
||||
import Furtherinformation from "./Furtherinformation";
|
||||
import log from "tailwindcss/lib/util/log";
|
||||
|
||||
|
||||
|
||||
const requestForm = (SelectedJob) => {
|
||||
console.log('sdsds', SelectedJob.SelectedJob.data);
|
||||
const { isOpen, onOpen, onClose } = useDisclosure()
|
||||
const [loading, setLoading] = useState(false);
|
||||
const [ShowSuccess, seShowSuccess] = useState(false);
|
||||
const [CheckCode, setCheckCode] = useState()
|
||||
const [page, setPage] = useState(1)
|
||||
const [personData, setpersondata] = useState({
|
||||
Insurance: '',
|
||||
address: '',
|
||||
birthday: '',
|
||||
childIndex: "",
|
||||
degree: "",
|
||||
healthreason: '',
|
||||
health: '1',
|
||||
dependants: "",
|
||||
fatherName: "",
|
||||
firstname: "",
|
||||
gender: '2',
|
||||
lastname: '',
|
||||
marital: "",
|
||||
mobile_number: "",
|
||||
national_code: "",
|
||||
phone: "",
|
||||
placenational: "",
|
||||
wifeJob: ""
|
||||
})
|
||||
const [educationalData,setEducationalData] = useState([{
|
||||
university: '',
|
||||
field : '',
|
||||
trend: '',
|
||||
score: '',
|
||||
dateField: '',
|
||||
}])
|
||||
const [coursesData,setCoursesData] = useState([{
|
||||
courseName: '',
|
||||
courseEdu: '',
|
||||
courseLocal: '',
|
||||
courseTime: '',
|
||||
}])
|
||||
const [langStatus,setLangStatus] = useState({
|
||||
status: 0
|
||||
})
|
||||
const [jobData, setJob] = useState([{
|
||||
companyName: '',
|
||||
position: '',
|
||||
workTime: '',
|
||||
exitReason: '',
|
||||
lastIncome: ''
|
||||
}])
|
||||
const [scientificData, setScientificData] = useState({
|
||||
text: ''
|
||||
});
|
||||
const [pcSkillData, setPcSkillData] = useState({
|
||||
text: '',
|
||||
icdlLevel: 2
|
||||
});
|
||||
const [furtherinformation,setFurtherinformation] = useState({
|
||||
criminal: '1',
|
||||
salary: '',
|
||||
Introduced: ''
|
||||
})
|
||||
const [isSubmitPersonData, setIsSubmitPersonData] = useState(false)
|
||||
const [iAgree, setAgree] = useState(true)
|
||||
const value = useMemo(
|
||||
() => ({ page, setPage, personData, setpersondata,educationalData, setEducationalData,coursesData, setCoursesData, langStatus, setLangStatus, jobData, setJob, scientificData, setScientificData,pcSkillData,setPcSkillData, furtherinformation, setFurtherinformation }),
|
||||
[page, personData,educationalData, coursesData, langStatus, jobData, scientificData, pcSkillData, furtherinformation]
|
||||
);
|
||||
|
||||
const handleLastSubmit = () => {
|
||||
setLoading(true)
|
||||
axios.post('https://mehriranianco.ir/api/public/jobrequest' , {
|
||||
job_id: SelectedJob.SelectedJob.data.id,
|
||||
OccupationalJob_id: SelectedJob.SelectedJob.OccupationalJob.id,
|
||||
lastData : JSON.stringify({
|
||||
"personData" : personData,
|
||||
"educationalData" : educationalData,
|
||||
"coursesData" : {...coursesData, langStatus},
|
||||
"jobData": jobData,
|
||||
"scientificData": scientificData,
|
||||
"pcSkillData": pcSkillData,
|
||||
"furtherinformation": furtherinformation
|
||||
})
|
||||
}).then((res) => {
|
||||
setLoading(false)
|
||||
seShowSuccess(true)
|
||||
setCheckCode(res.data.code)
|
||||
|
||||
}).catch((err) => {
|
||||
console.log('err', err)
|
||||
})
|
||||
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<AppContainer title={'فرصت های شغلی بیمارستان مهر ایرانیان پرند'}>
|
||||
<div className={'w-100 p-5 bg-teal-grad'}>
|
||||
<div style={{ flexDirection: 'column' }} className={'flex lg:flex-row md:flex-col sm:flex-col justify-content-between items-center'}>
|
||||
<div className={'bg-white p-2 rounded-circle shadow-6-soft'}>
|
||||
<MDBCardImage width={50} src={Employer} />
|
||||
</div>
|
||||
<div className={'mt-4 w-full'}>
|
||||
<Text dir={'rtl'} className={'bk-med text-center text-white font-weight-bold '}> درخواست شغلی برای {SelectedJob.SelectedJob.data.title } - {SelectedJob.SelectedJob.OccupationalJob.title}</Text>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<MDBContainer className={'mt-5 mb-5'}>
|
||||
<SimpleGrid className={'mb-4'} columns={[1, 1, 2]} spacing={3}>
|
||||
<Box>
|
||||
<MDBCard border='primary' className={'border-black'}>
|
||||
<MDBCardBody dir={'rtl'}>
|
||||
<MDBCardTitle className={'bk-med'}>
|
||||
<FcApproval className={'ml-2'} />
|
||||
توضیحات موقعیت شغلی</MDBCardTitle>
|
||||
<div className={'mt-4'}>
|
||||
<UnorderedList className={'bk-light'}>
|
||||
{SelectedJob.SelectedJob.data.details.map((items, index) => {
|
||||
return [items].map((item, index) => (
|
||||
<ListItem key={index}>{item}</ListItem>
|
||||
))
|
||||
})}
|
||||
</UnorderedList>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBCard border='primary' className={'border-black'}>
|
||||
<MDBCardBody dir={'rtl'}>
|
||||
<MDBCardTitle className={'bk-med'}>
|
||||
<FcApproval className={'ml-2'}/>
|
||||
نیازمندی های موقعیت شغلی
|
||||
</MDBCardTitle>
|
||||
<div className={'mt-4'}>
|
||||
<UnorderedList className={'bk-light'}>
|
||||
{SelectedJob.SelectedJob.data.requirement.map((items, index) => {
|
||||
return [items].map((item, index) => (
|
||||
<ListItem key={index}>{item}</ListItem>
|
||||
))
|
||||
})}
|
||||
</UnorderedList>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Box>
|
||||
</SimpleGrid>
|
||||
<Divider />
|
||||
<br />
|
||||
<HandleFormReq.Provider value={value}>
|
||||
<div id={'formConatiner'} className={'flex flex-row-reverse align-items-center'}>
|
||||
<div>
|
||||
{(() => {
|
||||
switch(page) {
|
||||
case 1:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<div className={'flex'}>
|
||||
<div className={'light-primary-teal flex align-items-center justify-content-center rounded-6 shadow-5-soft '}>
|
||||
<h3 className={'bk-med text-primary-teal flex justify-content-center align-items-center font-weight-bold m-3'}>
|
||||
اطلاعات فردی
|
||||
</h3>
|
||||
</div>
|
||||
<div className={'bg-primary-teal flex align-items-center justify-content-center shadow-5-soft '}>
|
||||
<FiUser className={'m-1 text-white'} size={20} />
|
||||
</div>
|
||||
</div>
|
||||
</SlideFade>
|
||||
)
|
||||
case 2:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<div className={'flex'}>
|
||||
<div className={'light-primary-teal flex align-items-center justify-content-center rounded-6 shadow-5-soft '}>
|
||||
<h3 className={'bk-med text-primary-teal flex justify-content-center align-items-center font-weight-bold m-3'}>
|
||||
اطلاعات تحصیلی
|
||||
</h3>
|
||||
</div>
|
||||
<div className={'bg-primary-teal flex align-items-center justify-content-center shadow-5-soft '}>
|
||||
<FiUser className={'m-1 text-white'} size={20} />
|
||||
</div>
|
||||
</div>
|
||||
</SlideFade>
|
||||
)
|
||||
case 3:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<div className={'flex'}>
|
||||
<div className={'light-primary-teal flex align-items-center justify-content-center rounded-6 shadow-5-soft '}>
|
||||
<h3 className={'bk-med text-primary-teal flex justify-content-center align-items-center font-weight-bold m-3'}>
|
||||
سوابق آموزشی
|
||||
</h3>
|
||||
</div>
|
||||
<div className={'bg-primary-teal flex align-items-center justify-content-center shadow-5-soft '}>
|
||||
<FiUser className={'m-1 text-white'} size={20} />
|
||||
</div>
|
||||
</div>
|
||||
</SlideFade>
|
||||
)
|
||||
case 4:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<div className={'flex'}>
|
||||
<div className={'light-primary-teal flex align-items-center justify-content-center rounded-6 shadow-5-soft '}>
|
||||
<h3 className={'bk-med text-primary-teal flex justify-content-center align-items-center font-weight-bold m-3'}>
|
||||
سوابق شغلی
|
||||
</h3>
|
||||
</div>
|
||||
<div className={'bg-primary-teal flex align-items-center justify-content-center shadow-5-soft '}>
|
||||
<FiUser className={'m-1 text-white'} size={20} />
|
||||
</div>
|
||||
</div>
|
||||
</SlideFade>
|
||||
)
|
||||
case 5:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<div className={'flex'}>
|
||||
<div className={'light-primary-teal flex align-items-center justify-content-center rounded-6 shadow-5-soft '}>
|
||||
<h3 className={'bk-med text-primary-teal flex justify-content-center align-items-center font-weight-bold m-3'}>
|
||||
سوابق علمی
|
||||
</h3>
|
||||
</div>
|
||||
<div className={'bg-primary-teal flex align-items-center justify-content-center shadow-5-soft '}>
|
||||
<FiUser className={'m-1 text-white'} size={20} />
|
||||
</div>
|
||||
</div>
|
||||
</SlideFade>
|
||||
)
|
||||
case 6:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<div className={'flex'}>
|
||||
<div className={'light-primary-teal flex align-items-center justify-content-center rounded-6 shadow-5-soft '}>
|
||||
<h3 className={'bk-med text-primary-teal flex justify-content-center align-items-center font-weight-bold m-3'}>
|
||||
مهارت کار با کامپیوتر
|
||||
</h3>
|
||||
</div>
|
||||
<div className={'bg-primary-teal flex align-items-center justify-content-center shadow-5-soft '}>
|
||||
<FiUser className={'m-1 text-white'} size={20} />
|
||||
</div>
|
||||
</div>
|
||||
</SlideFade>
|
||||
)
|
||||
case 7:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<div className={'flex'}>
|
||||
<div className={'light-primary-teal flex align-items-center justify-content-center rounded-6 shadow-5-soft '}>
|
||||
<h3 className={'bk-med text-primary-teal flex justify-content-center align-items-center font-weight-bold m-3'}>
|
||||
اطلاعات تکمیلی
|
||||
</h3>
|
||||
</div>
|
||||
<div className={'bg-primary-teal flex align-items-center justify-content-center shadow-5-soft '}>
|
||||
<FiUser className={'m-1 text-white'} size={20} />
|
||||
</div>
|
||||
</div>
|
||||
</SlideFade>
|
||||
)
|
||||
}
|
||||
})()}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div className={'mt-5'}>
|
||||
<Progress dir={'rtl'} value={page * 14} size='xs' colorScheme='teal' />
|
||||
</div>
|
||||
{(() => {
|
||||
switch(page) {
|
||||
case 1:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<PersonData />
|
||||
</SlideFade>
|
||||
)
|
||||
case 2:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<EducationalData />
|
||||
</SlideFade>
|
||||
)
|
||||
case 3:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<CoursesData />
|
||||
</SlideFade>
|
||||
)
|
||||
case 4:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<JobData />
|
||||
</SlideFade>
|
||||
)
|
||||
case 5:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<ScientificData />
|
||||
</SlideFade>
|
||||
)
|
||||
case 6:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<PcSkill />
|
||||
</SlideFade>
|
||||
)
|
||||
case 7:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
{ShowSuccess === false ? (
|
||||
<div>
|
||||
<Furtherinformation />
|
||||
<Checkbox onChange={() => setAgree(!iAgree)}>
|
||||
اینجانب مسئولیت صحت کلیه اطلاعات ارائه شده در این فرم را پذیرفته و در صورت اثبات عدم صحت موارد فوق الذکر شرکت مجاز به اتخاذ هر گونه تصمیم و برخورد قانونی می باشد .
|
||||
</Checkbox>
|
||||
</div>
|
||||
): (
|
||||
<Alert
|
||||
status='success'
|
||||
variant='subtle'
|
||||
flexDirection='column'
|
||||
alignItems='center'
|
||||
justifyContent='center'
|
||||
textAlign='center'
|
||||
height='200px'
|
||||
>
|
||||
<AlertIcon boxSize='40px' mr={0} />
|
||||
<AlertTitle className={'bk-med'} mt={4} mb={1} fontSize='lg'>
|
||||
درخواست شما ثبت شد
|
||||
</AlertTitle>
|
||||
<AlertDescription dir={'rtl'} maxWidth='sm'>
|
||||
کد درخواست شما جهت پیگیری : {CheckCode}
|
||||
</AlertDescription>
|
||||
</Alert>
|
||||
)}
|
||||
</SlideFade>
|
||||
)
|
||||
}
|
||||
})()}
|
||||
</HandleFormReq.Provider>
|
||||
<div className={'mt-5'}>
|
||||
|
||||
<div dir={'rtl'} className={'m-2 mt-2 mb-2 flex justify-content-between'}>
|
||||
{page > 1 && ShowSuccess === false ? (
|
||||
<MDBBtn color='danger' size={'sm'} className={'mt-2'} onClick={() => setPage(page - 1)} >مرحله قبل</MDBBtn>
|
||||
)
|
||||
: ''}
|
||||
|
||||
{/*{page === 1 && page !== 5 ? (*/}
|
||||
{/* (*/}
|
||||
{/* <MDBBtn size={'sm'} className={'mt-2 bg-primary-teal'} onClick={() => setPage(page + 1)} >مرحله بعد</MDBBtn>*/}
|
||||
{/* )*/}
|
||||
{/*): ''}*/}
|
||||
</div>
|
||||
<div className={'flex justify-content-center m-2'}>
|
||||
{page === 7 ? (
|
||||
<div>
|
||||
{ShowSuccess === false && (
|
||||
<MDBBtn disabled={iAgree} onClick={handleLastSubmit} size={'lg'} className={'mt-2 bk-med text-center bg-primary-teal'}>
|
||||
{loading === false ? (
|
||||
' ثبت در خواست استخدام'
|
||||
): (
|
||||
<div>
|
||||
<div className={'flex align-items-center'}>
|
||||
در حال ثبت درخواست
|
||||
<MDBSpinner grow>
|
||||
<span className='visually-hidden'>Loading...</span>
|
||||
</MDBSpinner>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
</MDBBtn>
|
||||
)}
|
||||
</div>
|
||||
): ''}
|
||||
</div>
|
||||
</div>
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export async function getServerSideProps(ctx) {
|
||||
// Fetch data from external API
|
||||
const {query} = ctx
|
||||
const res = await axios.get(`https://mehriranianco.ir/api/public/selectJob/${query.pos_id}`).then((res) => {
|
||||
return res.data
|
||||
}).catch((err) => {
|
||||
console.log(err)
|
||||
});
|
||||
const SelectedJob = await res
|
||||
|
||||
// Pass data to the page via props
|
||||
return { props: { SelectedJob } }
|
||||
}
|
||||
|
||||
export default requestForm;
|
||||
@@ -0,0 +1,128 @@
|
||||
import React, {createContext, useMemo, useState} from 'react';
|
||||
import {MDBBtn, MDBCard, MDBCardImage, MDBContainer, MDBTypography} from "mdb-react-ui-kit";
|
||||
import Image from 'next/image'
|
||||
import StepOne from "./layout/StepOne";
|
||||
import {Progress, SlideFade} from "@chakra-ui/react";
|
||||
import imageStepOne from '../../public/resource/Smart/headre.png'
|
||||
import imageStepTwo from '../../public/resource/Smart/step-2.png'
|
||||
import imageStepThree from '../../public/resource/Smart/step-3.png'
|
||||
import imageStepFour from '../../public/resource/Smart/step-4.png'
|
||||
import imageStepFive from '../../public/resource/Smart/step-5.png'
|
||||
import StepTwo from "./layout/StepTwo";
|
||||
import StepThree from "./layout/StepThree";
|
||||
import StepFour from "./layout/StepFouur";
|
||||
import StepFive from "./layout/StepFive";
|
||||
import {HandlePage} from "../../lib/HnadelPagge";
|
||||
import axios from "axios";
|
||||
import {AppUrl} from "../../lib/api";
|
||||
import {useRouter} from "next/router";
|
||||
|
||||
const SmartAdvice = () => {
|
||||
const [page, setPage] = useState(1)
|
||||
const [investment, setInvestment] = useState(1)
|
||||
const [phoneNumber, setPhoneNumber] = useState('')
|
||||
const [Loading, setLoading] = useState(false)
|
||||
const [Success, setSuccess] = useState(false)
|
||||
const value = useMemo(
|
||||
() => ({ page, setPage, investment, setInvestment, phoneNumber, setPhoneNumber }),
|
||||
[page, investment, phoneNumber]
|
||||
);
|
||||
const router = useRouter()
|
||||
const SubmitForm = () => {
|
||||
axios.post(AppUrl('contact-us'),{PhoneNumber: phoneNumber, name: 'From smart', text: 'from smart'}).then((res) => {
|
||||
setLoading(false);
|
||||
|
||||
if (res.status === 200) {
|
||||
setLoading(false);
|
||||
setSuccess(true);
|
||||
router.push('/')
|
||||
alert('درخواست شما ثبت شد ')
|
||||
|
||||
}
|
||||
})
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<div>
|
||||
<div className={'flex justify-content-center flex-column'}>
|
||||
{(() => {
|
||||
switch(page) {
|
||||
case 1:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepOne} />
|
||||
</SlideFade>
|
||||
)
|
||||
case 2:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepTwo} />
|
||||
</SlideFade>
|
||||
)
|
||||
case 3:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepThree} />
|
||||
</SlideFade>
|
||||
)
|
||||
case 4:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepFour} />
|
||||
</SlideFade>
|
||||
)
|
||||
case 5:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepFive} />
|
||||
</SlideFade>
|
||||
)
|
||||
}
|
||||
})()}
|
||||
<MDBCard style={{ borderTopLeftRadius: 25, borderTopRightRadius: 25, height: '75vh' }} className={'position-absolute shadow-5-soft top-60 w-100 h-90'}>
|
||||
<MDBContainer>
|
||||
<HandlePage.Provider value={value}>
|
||||
{(() => {
|
||||
switch(page) {
|
||||
case 1:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<StepOne />
|
||||
</SlideFade>
|
||||
)
|
||||
case 2:return <StepTwo />
|
||||
case 3:return <StepThree />
|
||||
case 4:return <StepFour />
|
||||
case 5:return <StepFive />
|
||||
}
|
||||
})()}
|
||||
</HandlePage.Provider>
|
||||
|
||||
<div className={'mt-5'}>
|
||||
<Progress dir={'rtl'} value={page * 20} size='xs' colorScheme='teal' />
|
||||
<div dir={'rtl'} className={'m-2 mt-2 mb-2 flex justify-content-between'}>
|
||||
{page !== 1 && page !== 5 ? (
|
||||
<MDBBtn color='link' size={'sm'} className={'mt-2'} onClick={() => setPage(page - 1)} >مرحله قبل</MDBBtn>
|
||||
): ''}
|
||||
{page !== 1 && page !== 5 ? (
|
||||
(
|
||||
<MDBBtn size={'sm'} className={'mt-2 bg-primary-teal'} onClick={() => setPage(page + 1)} >مرحله بعد</MDBBtn>
|
||||
)
|
||||
): ''}
|
||||
</div>
|
||||
<div className={'flex justify-content-center m-2'}>
|
||||
{page === 5 ? (
|
||||
<MDBBtn onClick={SubmitForm} size={'lg'} className={'mt-2 bk-med text-center bg-primary-teal'}>ثبت در خواست مشاوره خرید سهام </MDBBtn>
|
||||
): ''}
|
||||
</div>
|
||||
</div>
|
||||
</MDBContainer>
|
||||
</MDBCard>
|
||||
</div>
|
||||
<h1>شرکت مهر ایراناین پرند</h1>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default SmartAdvice;
|
||||
@@ -0,0 +1,57 @@
|
||||
import React, {useContext} from 'react';
|
||||
import {
|
||||
MDBCardImage,
|
||||
MDBContainer,
|
||||
MDBIcon,
|
||||
MDBInputGroup,
|
||||
MDBInputGroupElement, MDBInputGroupText,
|
||||
MDBTypography
|
||||
} from "mdb-react-ui-kit";
|
||||
import {ListItem, SlideFade, UnorderedList} from "@chakra-ui/react";
|
||||
import Love from '../../../public/resource/Smart/love-heart-outline.webp'
|
||||
import {HandlePage} from "../../../lib/HnadelPagge";
|
||||
const StepFive = () => {
|
||||
const {setPhoneNumber} = useContext(HandlePage)
|
||||
return (
|
||||
<SlideFade in={true} offsetY='20px'>
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mt-4'}>
|
||||
<MDBTypography style={{ lineHeight: 1.7 }} className={'text-center mr-4 text-primary-teal font-weight-bold bk-med'} variant={'h3'}>
|
||||
سپاس از همراهی شما
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<div className={'flex justify-content-center mt-2'}>
|
||||
<MDBCardImage className={'ml-2'} src={Love} width={150} height={150} />
|
||||
</div>
|
||||
<div className={'flex justify-content-center flex-column mt-2'}>
|
||||
<div className={'flex justify-content-center'}>
|
||||
<strong className={'bk-med text-center text-md'}>
|
||||
در صورت تمایل به خرید سهام
|
||||
<br />
|
||||
شماره تلفن خود را وارد کنید
|
||||
</strong>
|
||||
</div>
|
||||
<div className={'flex justify-content-center mt-2'}>
|
||||
<MDBContainer>
|
||||
<MDBInputGroup>
|
||||
<MDBInputGroupElement
|
||||
name="PhoneNumber"
|
||||
dir={'rtl'}
|
||||
onChange={(e) => setPhoneNumber(e.target.value)}
|
||||
id="PhoneNumber"
|
||||
placeholder=' شماره موبایل خود را وارد کنید '
|
||||
type='text' />
|
||||
<MDBInputGroupText>
|
||||
<MDBIcon fas icon="phone" />
|
||||
</MDBInputGroupText>
|
||||
</MDBInputGroup>
|
||||
</MDBContainer>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</SlideFade>
|
||||
);
|
||||
};
|
||||
|
||||
export default StepFive;
|
||||
@@ -0,0 +1,82 @@
|
||||
import React, { useContext } from 'react'
|
||||
import { MDBCardImage, MDBIcon, MDBTypography } from 'mdb-react-ui-kit'
|
||||
import { ListItem, SlideFade, UnorderedList } from '@chakra-ui/react'
|
||||
import Grow from '../../../public/resource/Smart/growing-plant-outline.webp'
|
||||
import { HandlePage } from '../../../lib/HnadelPagge'
|
||||
const StepFour = () => {
|
||||
const { investment } = useContext(HandlePage)
|
||||
return (
|
||||
<SlideFade in={true} offsetY='20px'>
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mt-4'}>
|
||||
<MDBTypography
|
||||
style={{ lineHeight: 1.7 }}
|
||||
className={'text-right mr-4 text-primary-teal font-weight-bold bk-med'}
|
||||
variant={'h3'}
|
||||
>
|
||||
{' '}
|
||||
بازدهی سرمایه گذاری شما
|
||||
<MDBIcon className={'ml-2'} fas icon='chevron-up' />
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<div className={'flex justify-content-center mt-2'}>
|
||||
<MDBCardImage className={'ml-2'} src={Grow} width={150} height={150} />
|
||||
</div>
|
||||
<div className={'flex justify-content-center flex-column mt-2'}>
|
||||
<div className={'flex justify-content-center'}>
|
||||
<strong className={'bg-primary-teal p-2 rounded text-white'}>
|
||||
{investment.length >= 6 ? ` ${investment} :مبلغ سرمایه شما ` : 'مبلغ وارد شده معتر نمی باشد'}
|
||||
</strong>
|
||||
</div>
|
||||
{investment.length >= 6 ? (
|
||||
<div>
|
||||
<div className={'flex justify-content-center mt-2'}>
|
||||
{investment / 75000000 >= 1 ? (
|
||||
<div dir={'rtl'} className={'bk-light mt-2'}>
|
||||
<div className={'text-center'}>
|
||||
تعداد سهام قابل خرید شما:{' '}
|
||||
<strong className={'mr-2'}>{Math.ceil(investment / 75000000)} سهم </strong>{' '}
|
||||
</div>
|
||||
{Math.ceil(investment / 75000000) * 75000000 - investment ===
|
||||
Math.ceil(investment / 75000000) * 75000000 ? (
|
||||
<div>{Math.ceil(investment / 75000000)}</div>
|
||||
) : (
|
||||
<div>
|
||||
{Math.ceil(investment / 75000000) * 75000000 - investment === 0 ? (
|
||||
''
|
||||
) : (
|
||||
<div className={'flex bg-gray-200 p-2 rounded-5 justify-content-center align-items-center'}>
|
||||
با پرداخت {Math.ceil(investment / 75000000) * 75000000 - investment} تومان بیشتر می توانید{' '}
|
||||
{Math.ceil(investment / 75000000)} سهم خریدار کنید
|
||||
</div>
|
||||
)}
|
||||
<div className={'flex justify-content-center mt-3'}>
|
||||
<span className={'bk-light text-sm animate-bounce'}>
|
||||
پیش بینی ارزش افزوده هر سهم سه ماه آینده: {investment * 1 + 5000000 - investment * 1}{' '}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
) : (
|
||||
<div className={'flex flex-col align-items-center justify-content-center mt-2'}>
|
||||
<p dir={'rtl'} className={'bk-light mt-2'}>
|
||||
قیمت هر سهم در حال حاضر 50,000,000 تومان است ، پیشنهاد ما به شما خرید اقساطی سهام است
|
||||
</p>
|
||||
<span className={'bk-med animate-bounce'}>
|
||||
سود شما بعد از بهره برداری از فاز 1 : {investment * 1 + 5000000 - investment * 1}{' '}
|
||||
</span>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
''
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</SlideFade>
|
||||
)
|
||||
}
|
||||
|
||||
export default StepFour
|
||||
@@ -0,0 +1,34 @@
|
||||
import React, {useContext} from 'react';
|
||||
import {MDBBtn, MDBCardImage, MDBContainer, MDBIcon, MDBTypography} from "mdb-react-ui-kit";
|
||||
import Image from 'next/image'
|
||||
import IMGAE from '../../../public/resource/Smart/coins-outline.webp'
|
||||
import {HandlePage} from "../../../lib/HnadelPagge";
|
||||
const StepOne = () => {
|
||||
const {setPage} = useContext(HandlePage)
|
||||
return (
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mt-4'}>
|
||||
<MDBTypography style={{ lineHeight: 1.7 }} className={'text-right mr-4 text-primary-teal font-weight-bold bk-med'} variant={'h3'}>روش سرمایه گذاری خود
|
||||
<br />
|
||||
... را هوشمندانه انتخاب کنید
|
||||
</MDBTypography>
|
||||
</div>
|
||||
|
||||
<div dir={'rtl'} className={'text-right mr-4'}>
|
||||
<p className={'bk-light text-sm'}>با پاسخ به سوالات مشاوره هوشمند با هر بودجه ای قادر به سرمایه گذاری خواهید بود. </p>
|
||||
<span className={'text-sm bk-med flex align-items-center'}>
|
||||
<MDBCardImage className={'ml-2'} src={IMGAE} width={30} height={30} />
|
||||
آینده ای پرسود برای خود و خانواده خود بسازید</span>
|
||||
</div>
|
||||
<div className="d-grid gap-5 mt-5 col-6 mx-auto">
|
||||
<MDBBtn onClick={() => setPage(2)} className={'bg-primary-teal text-md text-center bk-med'}>
|
||||
<MDBIcon icon='chevron-left' className={'mr-5'} />
|
||||
شروع کنید
|
||||
</MDBBtn>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default StepOne;
|
||||
@@ -0,0 +1,83 @@
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {
|
||||
MDBCardImage, MDBContainer,
|
||||
MDBIcon,
|
||||
MDBInput,
|
||||
MDBInputGroup,
|
||||
MDBInputGroupElement,
|
||||
MDBInputGroupText, MDBRow,
|
||||
MDBTypography
|
||||
} from "mdb-react-ui-kit";
|
||||
import {ListItem, Radio, RadioGroup, SlideFade, Stack, UnorderedList} from "@chakra-ui/react";
|
||||
import * as PropTypes from "prop-types";
|
||||
import {AiOutlinePhone} from "react-icons/ai";
|
||||
import {HandlePage} from "../../../lib/HnadelPagge";
|
||||
import NumberFormat from "react-number-format";
|
||||
import IMGAE from '../../../public/resource/Smart/coins-outline.gif'
|
||||
|
||||
function MDBRadio(props) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const StepThree = () => {
|
||||
const [type,setType] = useState(0)
|
||||
const {setInvestment} = useContext(HandlePage)
|
||||
return (
|
||||
<SlideFade in={true} offsetY='20px'>
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mt-4'}>
|
||||
<MDBTypography style={{ lineHeight: 1.7 }} className={'text-right mr-4 text-primary-teal font-weight-bold bk-med'} variant={'h3'}> سرمایه گذاری آسوده
|
||||
<MDBIcon className={'ml-2'} fas icon="dollar-sign" />
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<div dir={'rtl'} className={'text-right mr-4'}>
|
||||
<p className={'bk-med text-sm'}>
|
||||
در حال حاضر ب چه صورتی می توانید سرمایه گذاری کنید ؟
|
||||
</p>
|
||||
<div className={'dana flex align-items-center text-sm'}>
|
||||
<MDBCardImage className={'ml-2'} src={IMGAE} width={50} height={50} />
|
||||
قیمت پایه هر سهم : 65.000.000
|
||||
تومان
|
||||
</div>
|
||||
</div>
|
||||
<div className={'mt-4 mb-4 flex flex-col justify-content-center'}>
|
||||
<div className={'flex justify-content-center'}>
|
||||
<RadioGroup onChange={setType} defaultValue={type}>
|
||||
<Stack className={'bk-med'} direction='row'>
|
||||
<Radio colorScheme='teal' className={'m-2'} value='1'>
|
||||
نقدی
|
||||
</Radio>
|
||||
<Radio colorScheme='teal' className={'m-2'} value='2'>
|
||||
اقساطی
|
||||
</Radio>
|
||||
</Stack>
|
||||
</RadioGroup>
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
<MDBContainer>
|
||||
<MDBInputGroup>
|
||||
<NumberFormat
|
||||
onValueChange={(values) => {
|
||||
const { formattedValue, value } = values;
|
||||
setInvestment(value);
|
||||
}}
|
||||
className={'form-control'}
|
||||
type={'text'}
|
||||
prefix={'تومان'}
|
||||
thousandSeparator={true}
|
||||
placeholder=' مبلغ سرمایه گذاری خود را به تومان وارد کنید '
|
||||
dir={'ltr'}
|
||||
/>
|
||||
<MDBInputGroupText>
|
||||
<MDBIcon fas icon="dollar-sign" />
|
||||
</MDBInputGroupText>
|
||||
</MDBInputGroup>
|
||||
</MDBContainer>
|
||||
</div>
|
||||
</div>
|
||||
</SlideFade>
|
||||
);
|
||||
};
|
||||
|
||||
export default StepThree;
|
||||
@@ -0,0 +1,35 @@
|
||||
import React from 'react';
|
||||
import {MDBCardImage, MDBIcon, MDBTypography} from "mdb-react-ui-kit";
|
||||
import {ListItem, SlideFade, UnorderedList} from "@chakra-ui/react";
|
||||
import IMGAE from "../../../public/resource/Smart/coins-outline.webp";
|
||||
|
||||
const StepTwo = () => {
|
||||
return (
|
||||
<SlideFade in={true} offsetY='20px'>
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mt-4'}>
|
||||
<MDBTypography style={{ lineHeight: 1.7 }} className={'text-right mr-4 text-primary-teal font-weight-bold bk-med'} variant={'h3'}> سرمایه گذاری امن
|
||||
<MDBIcon className={'ml-2'} fas icon="chart-line" />
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<div dir={'rtl'} className={'text-right mr-4'}>
|
||||
<p className={'bk-light text-sm'}>
|
||||
با سطح معقولی از سرمایه و بدون نیاز
|
||||
به دانش تخصصی در بازار های مالی
|
||||
به آسانی سرمایه گذاری کنید </p>
|
||||
</div>
|
||||
|
||||
<div className={'mt-4 mb-4'}>
|
||||
<UnorderedList spacing={2} className={'bk-light'} dir={'rtl'}>
|
||||
<ListItem> بدون ریسک و بازدهی بالا</ListItem>
|
||||
<ListItem> بیمه تکمیلی برای سهامدار و خانواده </ListItem>
|
||||
<ListItem> حق استخدام </ListItem>
|
||||
<ListItem> درمان رایگان و با سود سالانه</ListItem>
|
||||
</UnorderedList>
|
||||
</div>
|
||||
</div>
|
||||
</SlideFade>
|
||||
);
|
||||
};
|
||||
|
||||
export default StepTwo;
|
||||
@@ -0,0 +1,12 @@
|
||||
import React from 'react'
|
||||
import StockPriceChart from '../../src/components/Chart'
|
||||
|
||||
const index = () => {
|
||||
return (
|
||||
<div>
|
||||
<StockPriceChart />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default index
|
||||
Reference in New Issue
Block a user