fuck sales
This commit is contained in:
reza
+10
-10
@@ -1,11 +1,11 @@
|
|||||||
import React, {createContext, useState} from 'react';
|
import React, {createContext, useState} from 'react';
|
||||||
|
|
||||||
export const HandleFormReq = createContext({
|
export const HandleFormReq = createContext({
|
||||||
page: 1,
|
page: 1,
|
||||||
setPage: () => {},
|
setPage: () => {},
|
||||||
personData: {},
|
personData: {},
|
||||||
setpersondata: () => {},
|
setpersondata: () => {},
|
||||||
phoneNumber: 0,
|
phoneNumber: 0,
|
||||||
setPhoneNumber: () => {},
|
setPhoneNumber: () => {},
|
||||||
|
|
||||||
});
|
});
|
||||||
+10
-10
@@ -1,11 +1,11 @@
|
|||||||
import React, {createContext, useState} from 'react';
|
import React, {createContext, useState} from 'react';
|
||||||
|
|
||||||
export const HandlePage = createContext({
|
export const HandlePage = createContext({
|
||||||
page: 1,
|
page: 1,
|
||||||
setPage: () => {},
|
setPage: () => {},
|
||||||
investment: 0,
|
investment: 0,
|
||||||
setInvestment: () => {},
|
setInvestment: () => {},
|
||||||
phoneNumber: 0,
|
phoneNumber: 0,
|
||||||
setPhoneNumber: () => {},
|
setPhoneNumber: () => {},
|
||||||
|
|
||||||
});
|
});
|
||||||
+22
-22
@@ -1,22 +1,22 @@
|
|||||||
export const AppUrl = query => {
|
export const AppUrl = query => {
|
||||||
const serve = 'https://mehrara-api.iran.liara.run'
|
const serve = 'https://mehrara-api.iran.liara.run'
|
||||||
const local = 'http://127.0.0.1:8000'
|
const local = 'http://127.0.0.1:8000'
|
||||||
|
|
||||||
return `${serve}/api/${query}`
|
return `${serve}/api/${query}`
|
||||||
}
|
}
|
||||||
|
|
||||||
export const VueApi = query => {
|
export const VueApi = query => {
|
||||||
const serve = 'https://mipstockholder.iran.liara.run'
|
const serve = 'https://mipstockholder.iran.liara.run'
|
||||||
const local = 'http://127.0.0.1:8000'
|
const local = 'http://127.0.0.1:8000'
|
||||||
|
|
||||||
return `${local}/api/${query}`
|
return `${local}/api/${query}`
|
||||||
}
|
}
|
||||||
export const BackTwo = 'http://127.0.0.1:8000/api'
|
export const BackTwo = 'http://127.0.0.1:8000/api'
|
||||||
|
|
||||||
export const AppFile = addr => {
|
export const AppFile = addr => {
|
||||||
const serve = 'https://mehrara-api.iran.liara.run'
|
const serve = 'https://mehrara-api.iran.liara.run'
|
||||||
const local = 'http://127.0.0.1:8000'
|
const local = 'http://127.0.0.1:8000'
|
||||||
|
|
||||||
return `${serve}/${addr}`
|
return `${serve}/${addr}`
|
||||||
}
|
}
|
||||||
export const AppProduction = 'https://mehriranianco.ir/api/'
|
export const AppProduction = 'https://mehriranianco.ir/api/'
|
||||||
|
|||||||
+16
-16
@@ -1,16 +1,16 @@
|
|||||||
const withImages = require('next-images')
|
const withImages = require('next-images')
|
||||||
|
|
||||||
module.exports = {
|
module.exports = {
|
||||||
experimental: {
|
experimental: {
|
||||||
outputStandalone: true
|
outputStandalone: true
|
||||||
},
|
},
|
||||||
siteUrl: 'https://miphospital.ir',
|
siteUrl: 'https://miphospital.ir',
|
||||||
generateRobotsTxt: true, // (optional)
|
generateRobotsTxt: true, // (optional)
|
||||||
...withImages(),
|
...withImages(),
|
||||||
future: {
|
future: {
|
||||||
webpack5: true
|
webpack5: true
|
||||||
},
|
},
|
||||||
images: {
|
images: {
|
||||||
disableStaticImages: true
|
disableStaticImages: true
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Generated
+21590
-9282
File diff suppressed because it is too large
Load Diff
+65
-65
@@ -1,65 +1,65 @@
|
|||||||
{
|
{
|
||||||
"name": "learn-starter",
|
"name": "learn-starter",
|
||||||
"version": "0.1.0",
|
"version": "0.1.0",
|
||||||
"private": true,
|
"private": true,
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "next dev",
|
"dev": "next dev",
|
||||||
"build": "next build",
|
"build": "next build",
|
||||||
"start": "next start"
|
"start": "next start"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@chakra-ui/icons": "^1.1.1",
|
"@chakra-ui/icons": "^1.1.1",
|
||||||
"@chakra-ui/react": "^1.7.3",
|
"@chakra-ui/react": "^1.7.3",
|
||||||
"@emotion/react": "^11",
|
"@emotion/react": "^11",
|
||||||
"@emotion/styled": "^11",
|
"@emotion/styled": "^11",
|
||||||
"@liara/cli": "^2.24.0",
|
"@liara/cli": "^2.24.0",
|
||||||
"@material-ui/utils": "^4.11.2",
|
"@material-ui/utils": "^4.11.2",
|
||||||
"@mui/icons-material": "^5.2.1",
|
"@mui/icons-material": "^5.2.1",
|
||||||
"@reduxjs/toolkit": "^1.7.0",
|
"@reduxjs/toolkit": "^1.7.0",
|
||||||
"apexcharts": "^3.35.3",
|
"apexcharts": "^3.35.3",
|
||||||
"axios": "^0.21.1",
|
"axios": "^0.21.1",
|
||||||
"bizcharts": "^4.1.22",
|
"bizcharts": "^4.1.22",
|
||||||
"chakra-ui-steps": "^1.5.0",
|
"chakra-ui-steps": "^1.5.0",
|
||||||
"feather-icons-react": "^0.5.0",
|
"feather-icons-react": "^0.5.0",
|
||||||
"formik": "^2.2.9",
|
"formik": "^2.2.9",
|
||||||
"framer-motion": "^4.1.17",
|
"framer-motion": "^4.1.17",
|
||||||
"google-map-react": "^2.1.10",
|
"google-map-react": "^2.1.10",
|
||||||
"html-react-parser": "^1.2.7",
|
"html-react-parser": "^1.2.7",
|
||||||
"keep-alive-comp": "^0.1.4",
|
"keep-alive-comp": "^0.1.4",
|
||||||
"leaflet": "^1.7.1",
|
"leaflet": "^1.7.1",
|
||||||
"leaflet-defaulticon-compatibility": "^0.1.1",
|
"leaflet-defaulticon-compatibility": "^0.1.1",
|
||||||
"leaflet-geosearch": "^3.3.2",
|
"leaflet-geosearch": "^3.3.2",
|
||||||
"mdb-react-ui-kit": "^1.0.0-beta7",
|
"mdb-react-ui-kit": "^1.0.0-beta7",
|
||||||
"moment-jalaali": "^0.9.6",
|
"moment-jalaali": "^0.9.6",
|
||||||
"next": "^10.2.3",
|
"next": "^10.2.3",
|
||||||
"next-images": "^1.8.1",
|
"next-images": "^1.8.1",
|
||||||
"next-sitemap": "^3.1.22",
|
"next-sitemap": "^3.1.22",
|
||||||
"nprogress": "^0.2.0",
|
"nprogress": "^0.2.0",
|
||||||
"pigeon-maps": "^0.19.7",
|
"pigeon-maps": "^0.19.7",
|
||||||
"react": "^17.0.2",
|
"react": "^17.0.2",
|
||||||
"react-countup": "^6.3.0",
|
"react-countup": "^6.3.0",
|
||||||
"react-dom": "^17.0.2",
|
"react-dom": "^17.0.2",
|
||||||
"react-fade-in": "^2.0.1",
|
"react-fade-in": "^2.0.1",
|
||||||
"react-hook-form": "^7.33.0",
|
"react-hook-form": "^7.33.0",
|
||||||
"react-hot-toast": "^2.2.0",
|
"react-hot-toast": "^2.2.0",
|
||||||
"react-icons": "^4.3.1",
|
"react-icons": "^4.3.1",
|
||||||
"react-leaflet": "^3.2.1",
|
"react-leaflet": "^3.2.1",
|
||||||
"react-lightbox-pack": "^0.1.5",
|
"react-lightbox-pack": "^0.1.5",
|
||||||
"react-next-keep-alive": "^1.0.14",
|
"react-next-keep-alive": "^1.0.14",
|
||||||
"react-number-format": "^4.9.1",
|
"react-number-format": "^4.9.1",
|
||||||
"react-redux": "^7.2.6",
|
"react-redux": "^7.2.6",
|
||||||
"recharts": "^2.1.12",
|
"recharts": "^2.1.12",
|
||||||
"redux": "^4.1.2",
|
"redux": "^4.1.2",
|
||||||
"redux-devtools-extension": "^2.13.9",
|
"redux-devtools-extension": "^2.13.9",
|
||||||
"redux-thunk": "^2.4.1",
|
"redux-thunk": "^2.4.1",
|
||||||
"sitemap": "^7.1.1",
|
"sitemap": "^7.1.1",
|
||||||
"styled-components": "^5.3.3",
|
"styled-components": "^5.3.3",
|
||||||
"swiper": "^6.7.5",
|
"swiper": "^6.7.5",
|
||||||
"yup": "^0.32.9"
|
"yup": "^0.32.9"
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"autoprefixer": "^10.4.0",
|
"autoprefixer": "^10.4.0",
|
||||||
"postcss": "^8.4.5",
|
"postcss": "^8.4.5",
|
||||||
"tailwindcss": "^3.0.2"
|
"tailwindcss": "^3.0.2"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
+294
-294
@@ -1,294 +1,294 @@
|
|||||||
import React, { useEffect, useState } from 'react'
|
import React, { useEffect, useState } from 'react'
|
||||||
import { useForm } from 'react-hook-form'
|
import { useForm } from 'react-hook-form'
|
||||||
import { useDispatch, useSelector } from 'react-redux'
|
import { useDispatch, useSelector } from 'react-redux'
|
||||||
import { ADDFRAMEWORK, FORM_CAST } from '../src/redux/actions'
|
import { ADDFRAMEWORK, FORM_CAST } from '../src/redux/actions'
|
||||||
import AppContainer from './appContainer'
|
import AppContainer from './appContainer'
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
import { Step, Steps, useSteps } from 'chakra-ui-steps'
|
import { Step, Steps, useSteps } from 'chakra-ui-steps'
|
||||||
import { MDBContainer, MDBInput, MDBTypography } from 'mdb-react-ui-kit'
|
import { MDBContainer, MDBInput, MDBTypography } from 'mdb-react-ui-kit'
|
||||||
import { Box, Button, Center, Flex, Heading, Input, Select, SimpleGrid, Stack } from '@chakra-ui/react'
|
import { Box, Button, Center, Flex, Heading, Input, Select, SimpleGrid, Stack } from '@chakra-ui/react'
|
||||||
import { withKeepAlive } from 'react-next-keep-alive'
|
import { withKeepAlive } from 'react-next-keep-alive'
|
||||||
import { useRouter } from 'next/router'
|
import { useRouter } from 'next/router'
|
||||||
|
|
||||||
const CooperationRequest = () => {
|
const CooperationRequest = () => {
|
||||||
const Parallax = ({ quality }) => {
|
const Parallax = ({ quality }) => {
|
||||||
return `../resource/parallax/about.jpg`
|
return `../resource/parallax/about.jpg`
|
||||||
}
|
}
|
||||||
const { replace } = useRouter()
|
const { replace } = useRouter()
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
replace('/recruitment')
|
replace('/recruitment')
|
||||||
}, [])
|
}, [])
|
||||||
const userData = useSelector(state => state.Global)
|
const userData = useSelector(state => state.Global)
|
||||||
const formReq = useSelector(state => state.FormRequest)
|
const formReq = useSelector(state => state.FormRequest)
|
||||||
const dispatch = useDispatch()
|
const dispatch = useDispatch()
|
||||||
console.log('formReq', formReq)
|
console.log('formReq', formReq)
|
||||||
const [Access, SetAccess] = useState(true)
|
const [Access, SetAccess] = useState(true)
|
||||||
|
|
||||||
const PersonalForm = () => {
|
const PersonalForm = () => {
|
||||||
const [Sex, SetSex] = useState(0)
|
const [Sex, SetSex] = useState(0)
|
||||||
const {
|
const {
|
||||||
register,
|
register,
|
||||||
handleSubmit,
|
handleSubmit,
|
||||||
watch,
|
watch,
|
||||||
formState: { errors }
|
formState: { errors }
|
||||||
} = useForm()
|
} = useForm()
|
||||||
let hasErr = Object.keys(errors).length
|
let hasErr = Object.keys(errors).length
|
||||||
const onSubmit = async data => {
|
const onSubmit = async data => {
|
||||||
console.log('dadadada', data)
|
console.log('dadadada', data)
|
||||||
if (hasErr === 0) {
|
if (hasErr === 0) {
|
||||||
dispatch(FORM_CAST(data))
|
dispatch(FORM_CAST(data))
|
||||||
nextStep()
|
nextStep()
|
||||||
} else {
|
} else {
|
||||||
alert('مقادیر وارد شده معبتر نمی باشد')
|
alert('مقادیر وارد شده معبتر نمی باشد')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<Flex className={'flex lg:p-2 sm:p-1 m-2'}>
|
<Flex className={'flex lg:p-2 sm:p-1 m-2'}>
|
||||||
<form onSubmit={handleSubmit(onSubmit)}>
|
<form onSubmit={handleSubmit(onSubmit)}>
|
||||||
<SimpleGrid dir={'rtl'} columns={[1, 2, 5]} spacing={5}>
|
<SimpleGrid dir={'rtl'} columns={[1, 2, 5]} spacing={5}>
|
||||||
<Box>
|
<Box>
|
||||||
<Input
|
<Input
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
{...register('name', { required: true, maxLength: 100 })}
|
{...register('name', { required: true, maxLength: 100 })}
|
||||||
borderColor={'teal'}
|
borderColor={'teal'}
|
||||||
variant='outline'
|
variant='outline'
|
||||||
placeholder='نام و نام خانوادگی '
|
placeholder='نام و نام خانوادگی '
|
||||||
/>
|
/>
|
||||||
<p className={'position-absolute text-sm text-danger'}>
|
<p className={'position-absolute text-sm text-danger'}>
|
||||||
{errors?.name?.type === 'required' && <p> وارد کردن نام اجباری است</p>}
|
{errors?.name?.type === 'required' && <p> وارد کردن نام اجباری است</p>}
|
||||||
{errors?.name?.type === 'maxLength' && <p>نام وارد شده معبتر نمی باشد</p>}
|
{errors?.name?.type === 'maxLength' && <p>نام وارد شده معبتر نمی باشد</p>}
|
||||||
</p>
|
</p>
|
||||||
</Box>
|
</Box>
|
||||||
<Box>
|
<Box>
|
||||||
<Input
|
<Input
|
||||||
value={12345678912}
|
value={12345678912}
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
{...register('national_code', { required: true, maxLength: 11 })}
|
{...register('national_code', { required: true, maxLength: 11 })}
|
||||||
borderColor={'teal'}
|
borderColor={'teal'}
|
||||||
variant='outline'
|
variant='outline'
|
||||||
type={'number'}
|
type={'number'}
|
||||||
placeholder='کد ملی'
|
placeholder='کد ملی'
|
||||||
/>
|
/>
|
||||||
<p className={'position-absolute text-sm text-danger'}>
|
<p className={'position-absolute text-sm text-danger'}>
|
||||||
{errors?.national_code?.type === 'required' && <p> وارد کردن کد ملی اجباری است</p>}
|
{errors?.national_code?.type === 'required' && <p> وارد کردن کد ملی اجباری است</p>}
|
||||||
{errors?.national_code?.type === 'maxLength' && <p>کد ملی وارد شده معبتر نمی باشد</p>}
|
{errors?.national_code?.type === 'maxLength' && <p>کد ملی وارد شده معبتر نمی باشد</p>}
|
||||||
</p>
|
</p>
|
||||||
</Box>
|
</Box>
|
||||||
<Box>
|
<Box>
|
||||||
<Input
|
<Input
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
{...register('birth_location', { required: true })}
|
{...register('birth_location', { required: true })}
|
||||||
borderColor={'teal'}
|
borderColor={'teal'}
|
||||||
variant='outline'
|
variant='outline'
|
||||||
placeholder='محل تولد '
|
placeholder='محل تولد '
|
||||||
/>
|
/>
|
||||||
<p className={'position-absolute text-sm text-danger'}>
|
<p className={'position-absolute text-sm text-danger'}>
|
||||||
{errors?.birth_location?.type === 'required' && <p> وارد کردن محل تولد اجباری است</p>}
|
{errors?.birth_location?.type === 'required' && <p> وارد کردن محل تولد اجباری است</p>}
|
||||||
</p>
|
</p>
|
||||||
</Box>
|
</Box>
|
||||||
<Box>
|
<Box>
|
||||||
<Input
|
<Input
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
{...register('birthdate', { required: true })}
|
{...register('birthdate', { required: true })}
|
||||||
borderColor={'teal'}
|
borderColor={'teal'}
|
||||||
variant='outline'
|
variant='outline'
|
||||||
placeholder='تاریخ تولد '
|
placeholder='تاریخ تولد '
|
||||||
/>
|
/>
|
||||||
<p className={'position-absolute text-sm text-danger'}>
|
<p className={'position-absolute text-sm text-danger'}>
|
||||||
{errors?.birthdate?.type === 'required' && <p> وارد کردن تاریخ تولد اجباری است</p>}
|
{errors?.birthdate?.type === 'required' && <p> وارد کردن تاریخ تولد اجباری است</p>}
|
||||||
</p>
|
</p>
|
||||||
</Box>
|
</Box>
|
||||||
<Box>
|
<Box>
|
||||||
<Select
|
<Select
|
||||||
{...register('gender', { required: true })}
|
{...register('gender', { required: true })}
|
||||||
onChange={e => SetSex(e.target.value)}
|
onChange={e => SetSex(e.target.value)}
|
||||||
borderColor={'teal'}
|
borderColor={'teal'}
|
||||||
dir={'ltr'}
|
dir={'ltr'}
|
||||||
placeholder='جنسیت '
|
placeholder='جنسیت '
|
||||||
>
|
>
|
||||||
<option dir={'rtl'} value='1'>
|
<option dir={'rtl'} value='1'>
|
||||||
{' '}
|
{' '}
|
||||||
مرد
|
مرد
|
||||||
</option>
|
</option>
|
||||||
<option dir={'rtl'} value='0'>
|
<option dir={'rtl'} value='0'>
|
||||||
{' '}
|
{' '}
|
||||||
رن
|
رن
|
||||||
</option>
|
</option>
|
||||||
</Select>
|
</Select>
|
||||||
<p className={'position-absolute text-sm text-danger'}>
|
<p className={'position-absolute text-sm text-danger'}>
|
||||||
{errors?.gender?.type === 'required' && <p>مشخص کردن جنسیت اجباری است</p>}
|
{errors?.gender?.type === 'required' && <p>مشخص کردن جنسیت اجباری است</p>}
|
||||||
</p>
|
</p>
|
||||||
</Box>
|
</Box>
|
||||||
<Box>
|
<Box>
|
||||||
<Select
|
<Select
|
||||||
{...register('marital', { required: true })}
|
{...register('marital', { required: true })}
|
||||||
borderColor={'teal'}
|
borderColor={'teal'}
|
||||||
dir={'ltr'}
|
dir={'ltr'}
|
||||||
placeholder='وضعیت تاهل '
|
placeholder='وضعیت تاهل '
|
||||||
>
|
>
|
||||||
<option dir={'rtl'} value='married'>
|
<option dir={'rtl'} value='married'>
|
||||||
{' '}
|
{' '}
|
||||||
متاهل
|
متاهل
|
||||||
</option>
|
</option>
|
||||||
<option dir={'rtl'} value='single'>
|
<option dir={'rtl'} value='single'>
|
||||||
{' '}
|
{' '}
|
||||||
مجرد
|
مجرد
|
||||||
</option>
|
</option>
|
||||||
</Select>
|
</Select>
|
||||||
<p className={'position-absolute text-sm text-danger'}>
|
<p className={'position-absolute text-sm text-danger'}>
|
||||||
{errors?.marital?.type === 'required' && <p>مشخص کردن جنسیت اجباری است</p>}
|
{errors?.marital?.type === 'required' && <p>مشخص کردن جنسیت اجباری است</p>}
|
||||||
</p>
|
</p>
|
||||||
</Box>
|
</Box>
|
||||||
<Box>
|
<Box>
|
||||||
{Sex === '1' ? (
|
{Sex === '1' ? (
|
||||||
<Select {...register('military')} borderColor={'teal'} dir={'ltr'} placeholder='وضعیت مظام وظیفه '>
|
<Select {...register('military')} borderColor={'teal'} dir={'ltr'} placeholder='وضعیت مظام وظیفه '>
|
||||||
<option dir={'rtl'} value='Done'>
|
<option dir={'rtl'} value='Done'>
|
||||||
{' '}
|
{' '}
|
||||||
انجام شده{' '}
|
انجام شده{' '}
|
||||||
</option>
|
</option>
|
||||||
<option dir={'rtl'} value='not'>
|
<option dir={'rtl'} value='not'>
|
||||||
{' '}
|
{' '}
|
||||||
انجام نشده
|
انجام نشده
|
||||||
</option>
|
</option>
|
||||||
<option dir={'rtl'} value='bug'>
|
<option dir={'rtl'} value='bug'>
|
||||||
{' '}
|
{' '}
|
||||||
خرید خدمت{' '}
|
خرید خدمت{' '}
|
||||||
</option>
|
</option>
|
||||||
<option dir={'rtl'} value='specific'>
|
<option dir={'rtl'} value='specific'>
|
||||||
{' '}
|
{' '}
|
||||||
معافیت خاص{' '}
|
معافیت خاص{' '}
|
||||||
</option>
|
</option>
|
||||||
</Select>
|
</Select>
|
||||||
) : (
|
) : (
|
||||||
''
|
''
|
||||||
)}
|
)}
|
||||||
</Box>
|
</Box>
|
||||||
</SimpleGrid>
|
</SimpleGrid>
|
||||||
<Flex width='100%' flexDir={'row'} mt={150} justify='space-between'>
|
<Flex width='100%' flexDir={'row'} mt={150} justify='space-between'>
|
||||||
<Button
|
<Button
|
||||||
mr={4}
|
mr={4}
|
||||||
size='sm'
|
size='sm'
|
||||||
colorScheme='teal'
|
colorScheme='teal'
|
||||||
variant='ghost'
|
variant='ghost'
|
||||||
onClick={prevStep}
|
onClick={prevStep}
|
||||||
isDisabled={activeStep === 0}
|
isDisabled={activeStep === 0}
|
||||||
>
|
>
|
||||||
مرحله قبل
|
مرحله قبل
|
||||||
</Button>
|
</Button>
|
||||||
<Button type={'submit'} colorScheme={'teal'} size='sm'>
|
<Button type={'submit'} colorScheme={'teal'} size='sm'>
|
||||||
{activeStep === steps.length - 1 ? 'ثبت اطلاعات' : 'مرحله بعد'}
|
{activeStep === steps.length - 1 ? 'ثبت اطلاعات' : 'مرحله بعد'}
|
||||||
</Button>
|
</Button>
|
||||||
</Flex>
|
</Flex>
|
||||||
</form>
|
</form>
|
||||||
</Flex>
|
</Flex>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
const WorkHistoryForm = () => (
|
const WorkHistoryForm = () => (
|
||||||
<Flex className={'flex p-2 m-2 justify-content-center'}>
|
<Flex className={'flex p-2 m-2 justify-content-center'}>
|
||||||
<form>
|
<form>
|
||||||
<SimpleGrid dir={'rtl'} columns={[1, 2, 4]} spacing={5}>
|
<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='نام و نام خانوادگی ' />
|
||||||
<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' />
|
<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>
|
</SimpleGrid>
|
||||||
<Flex width='100%' flexDir={'row'} mt={150} justify='space-between'>
|
<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 mr={4} size='sm' colorScheme='teal' variant='ghost' onClick={prevStep} isDisabled={activeStep === 0}>
|
||||||
مرحله قبل
|
مرحله قبل
|
||||||
</Button>
|
</Button>
|
||||||
<Button colorScheme={'teal'} size='sm' onClick={CanAccess}>
|
<Button colorScheme={'teal'} size='sm' onClick={CanAccess}>
|
||||||
{activeStep === steps.length - 1 ? 'ثبت اطلاعات' : 'مرحله بعد'}
|
{activeStep === steps.length - 1 ? 'ثبت اطلاعات' : 'مرحله بعد'}
|
||||||
</Button>
|
</Button>
|
||||||
</Flex>
|
</Flex>
|
||||||
</form>
|
</form>
|
||||||
</Flex>
|
</Flex>
|
||||||
)
|
)
|
||||||
function HandleShowForm(index) {
|
function HandleShowForm(index) {
|
||||||
switch (index) {
|
switch (index) {
|
||||||
case 0:
|
case 0:
|
||||||
return <PersonalForm />
|
return <PersonalForm />
|
||||||
case 1:
|
case 1:
|
||||||
return <WorkHistoryForm />
|
return <WorkHistoryForm />
|
||||||
default:
|
default:
|
||||||
return index
|
return index
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
const Content = ({ index }) => {
|
const Content = ({ index }) => {
|
||||||
return <div>{HandleShowForm(index)}</div>
|
return <div>{HandleShowForm(index)}</div>
|
||||||
}
|
}
|
||||||
|
|
||||||
const steps = [
|
const steps = [
|
||||||
{ label: 'اطلاعات شخص', Content },
|
{ label: 'اطلاعات شخص', Content },
|
||||||
{ label: ' مشخصات تماس', Content },
|
{ label: ' مشخصات تماس', Content },
|
||||||
{ label: ' اطلاعات تحصیلی', Content },
|
{ label: ' اطلاعات تحصیلی', Content },
|
||||||
{ label: 'سوابق کاری ', Content },
|
{ label: 'سوابق کاری ', Content },
|
||||||
{ label: ' مدارک و مستندات ', Content }
|
{ label: ' مدارک و مستندات ', Content }
|
||||||
]
|
]
|
||||||
const { nextStep, prevStep, setStep, reset, activeStep } = useSteps({
|
const { nextStep, prevStep, setStep, reset, activeStep } = useSteps({
|
||||||
initialStep: 0
|
initialStep: 0
|
||||||
})
|
})
|
||||||
const CanAccess = () => {
|
const CanAccess = () => {
|
||||||
if (Access) {
|
if (Access) {
|
||||||
nextStep()
|
nextStep()
|
||||||
} else {
|
} else {
|
||||||
alert('اطلاعات را بررسی کنید')
|
alert('اطلاعات را بررسی کنید')
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<AppContainer title={'درخواست همکاری'}>
|
<AppContainer title={'درخواست همکاری'}>
|
||||||
<div className='parallax-container'>
|
<div className='parallax-container'>
|
||||||
<h1 className={'center-align text-white service-text dana font-weight-bold'}> درخواست همکاری </h1>
|
<h1 className={'center-align text-white service-text dana font-weight-bold'}> درخواست همکاری </h1>
|
||||||
<Image
|
<Image
|
||||||
loader={Parallax}
|
loader={Parallax}
|
||||||
src='Parallax.png'
|
src='Parallax.png'
|
||||||
className={'responsive-img shadow-5'}
|
className={'responsive-img shadow-5'}
|
||||||
alt='درباره بیارستان مهر ایرانیان پرند '
|
alt='درباره بیارستان مهر ایرانیان پرند '
|
||||||
width={3000}
|
width={3000}
|
||||||
height={1300}
|
height={1300}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<MDBContainer className={'mt-5 mb-5'}>
|
<MDBContainer className={'mt-5 mb-5'}>
|
||||||
<Steps className={'fix-res-steps'} dir={'rtl'} activeStep={activeStep}>
|
<Steps className={'fix-res-steps'} dir={'rtl'} activeStep={activeStep}>
|
||||||
{steps.map(({ label, content }, index) => (
|
{steps.map(({ label, content }, index) => (
|
||||||
<Step className={'dana fix-res-step'} label={label} key={label}>
|
<Step className={'dana fix-res-step'} label={label} key={label}>
|
||||||
<div dir={'rtl'} className={'bg-gray-100 m-4 p-2 rounded-md'}>
|
<div dir={'rtl'} className={'bg-gray-100 m-4 p-2 rounded-md'}>
|
||||||
<Content index={index} />
|
<Content index={index} />
|
||||||
</div>
|
</div>
|
||||||
</Step>
|
</Step>
|
||||||
))}
|
))}
|
||||||
</Steps>
|
</Steps>
|
||||||
{activeStep === 5 ? (
|
{activeStep === 5 ? (
|
||||||
<Center p={4} flexDir='column'>
|
<Center p={4} flexDir='column'>
|
||||||
<Heading fontSize='xl'>
|
<Heading fontSize='xl'>
|
||||||
{' '}
|
{' '}
|
||||||
درخواست شما با موفقیت ثبت شد پس از بررسی کارشناسان ما با شما تماس خواهند گرفت
|
درخواست شما با موفقیت ثبت شد پس از بررسی کارشناسان ما با شما تماس خواهند گرفت
|
||||||
</Heading>
|
</Heading>
|
||||||
<Button color={'green'} mt={6} size='sm' onClick={reset}>
|
<Button color={'green'} mt={6} size='sm' onClick={reset}>
|
||||||
Reset
|
Reset
|
||||||
</Button>
|
</Button>
|
||||||
</Center>
|
</Center>
|
||||||
) : (
|
) : (
|
||||||
<Flex width='100%' flexDir={'row-reverse'} justify='space-between'>
|
<Flex width='100%' flexDir={'row-reverse'} justify='space-between'>
|
||||||
<Button
|
<Button
|
||||||
mr={4}
|
mr={4}
|
||||||
size='sm'
|
size='sm'
|
||||||
colorScheme='teal'
|
colorScheme='teal'
|
||||||
variant='ghost'
|
variant='ghost'
|
||||||
onClick={prevStep}
|
onClick={prevStep}
|
||||||
isDisabled={activeStep === 0}
|
isDisabled={activeStep === 0}
|
||||||
>
|
>
|
||||||
مرحله قبل
|
مرحله قبل
|
||||||
</Button>
|
</Button>
|
||||||
<Button colorScheme={'teal'} size='sm' onClick={CanAccess}>
|
<Button colorScheme={'teal'} size='sm' onClick={CanAccess}>
|
||||||
{activeStep === steps.length - 1 ? 'ثبت اطلاعات' : 'مرحله بعد'}
|
{activeStep === steps.length - 1 ? 'ثبت اطلاعات' : 'مرحله بعد'}
|
||||||
</Button>
|
</Button>
|
||||||
</Flex>
|
</Flex>
|
||||||
)}
|
)}
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
</AppContainer>
|
</AppContainer>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export default CooperationRequest
|
export default CooperationRequest
|
||||||
|
|||||||
+175
-175
@@ -1,176 +1,176 @@
|
|||||||
import React, { useEffect, useState} from 'react';
|
import React, { useEffect, useState} from 'react';
|
||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
import AppContainer from "./appContainer";
|
import AppContainer from "./appContainer";
|
||||||
import {AppFile, AppUrl} from "../lib/api";
|
import {AppFile, AppUrl} from "../lib/api";
|
||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
import dynamic from "next/dynamic";
|
import dynamic from "next/dynamic";
|
||||||
import { Suspense } from 'react'
|
import { Suspense } from 'react'
|
||||||
|
|
||||||
import {
|
import {
|
||||||
MDBBtn,
|
MDBBtn,
|
||||||
MDBCol,
|
MDBCol,
|
||||||
MDBContainer,
|
MDBContainer,
|
||||||
MDBRow,
|
MDBRow,
|
||||||
} from "mdb-react-ui-kit";
|
} from "mdb-react-ui-kit";
|
||||||
import {LightBox} from "react-lightbox-pack";
|
import {LightBox} from "react-lightbox-pack";
|
||||||
import {Button, Divider, Tab, TabList, TabPanel, TabPanels, Tabs} from "@chakra-ui/react";
|
import {Button, Divider, Tab, TabList, TabPanel, TabPanels, Tabs} from "@chakra-ui/react";
|
||||||
|
|
||||||
const APV = dynamic(() => import('./components/Videos'), {
|
const APV = dynamic(() => import('./components/Videos'), {
|
||||||
ssr: false,
|
ssr: false,
|
||||||
})
|
})
|
||||||
const shimmer = (w, h) => `
|
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">
|
<svg width="${w}" height="${h}" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
<defs>
|
<defs>
|
||||||
<linearGradient id="g">
|
<linearGradient id="g">
|
||||||
<stop stop-color="#333" offset="20%" />
|
<stop stop-color="#333" offset="20%" />
|
||||||
<stop stop-color="#222" offset="50%" />
|
<stop stop-color="#222" offset="50%" />
|
||||||
<stop stop-color="#333" offset="70%" />
|
<stop stop-color="#333" offset="70%" />
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
</defs>
|
</defs>
|
||||||
<rect width="${w}" height="${h}" fill="#333" />
|
<rect width="${w}" height="${h}" fill="#333" />
|
||||||
<rect id="r" width="${w}" height="${h}" fill="url(#g)" />
|
<rect id="r" width="${w}" height="${h}" fill="url(#g)" />
|
||||||
<animate xlink:href="#r" attributeName="x" from="-${w}" to="${w}" dur="1s" repeatCount="indefinite" />
|
<animate xlink:href="#r" attributeName="x" from="-${w}" to="${w}" dur="1s" repeatCount="indefinite" />
|
||||||
</svg>`
|
</svg>`
|
||||||
|
|
||||||
const toBase64 = (str) =>
|
const toBase64 = (str) =>
|
||||||
typeof window === 'undefined'
|
typeof window === 'undefined'
|
||||||
? Buffer.from(str).toString('base64')
|
? Buffer.from(str).toString('base64')
|
||||||
: window.btoa(str)
|
: window.btoa(str)
|
||||||
|
|
||||||
const Gallery = (dataImage) => {
|
const Gallery = (dataImage) => {
|
||||||
const [Images, SetImages] = useState(dataImage)
|
const [Images, SetImages] = useState(dataImage)
|
||||||
const [justifyActive, setJustifyActive] = React.useState('tab1');
|
const [justifyActive, setJustifyActive] = React.useState('tab1');
|
||||||
const [toggle, setToggle] = React.useState(false);
|
const [toggle, setToggle] = React.useState(false);
|
||||||
const [sIndex, setSIndex] = React.useState(0);
|
const [sIndex, setSIndex] = React.useState(0);
|
||||||
const [filterId, setFilterId] = React.useState(1);
|
const [filterId, setFilterId] = React.useState(1);
|
||||||
const Parallax = ({ quality }) => {
|
const Parallax = ({ quality }) => {
|
||||||
return `../resource/parallax/Gallery.jpg`;
|
return `../resource/parallax/Gallery.jpg`;
|
||||||
}
|
}
|
||||||
const Filter = async (filter) => {
|
const Filter = async (filter) => {
|
||||||
const res = await axios.get(AppUrl(`FilterGalleyImages/${filter}`));
|
const res = await axios.get(AppUrl(`FilterGalleyImages/${filter}`));
|
||||||
SetImages({dataImage : res.data})
|
SetImages({dataImage : res.data})
|
||||||
setFilterId(filter)
|
setFilterId(filter)
|
||||||
}
|
}
|
||||||
|
|
||||||
const AllImage = async () => {
|
const AllImage = async () => {
|
||||||
const res = await axios.get(AppUrl(`GetGalleyImages`));
|
const res = await axios.get(AppUrl(`GetGalleyImages`));
|
||||||
SetImages({dataImage: res.data})
|
SetImages({dataImage: res.data})
|
||||||
}
|
}
|
||||||
|
|
||||||
// Handler
|
// Handler
|
||||||
const lightBoxHandler = (state, sIndex) => {
|
const lightBoxHandler = (state, sIndex) => {
|
||||||
setToggle(state);
|
setToggle(state);
|
||||||
setSIndex(sIndex);
|
setSIndex(sIndex);
|
||||||
};
|
};
|
||||||
|
|
||||||
const handleJustifyClick = (value) => {
|
const handleJustifyClick = (value) => {
|
||||||
if (value === justifyActive) {
|
if (value === justifyActive) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
setJustifyActive(value);
|
setJustifyActive(value);
|
||||||
};
|
};
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<style jsx>
|
<style jsx>
|
||||||
{`
|
{`
|
||||||
.cardImage {
|
.cardImage {
|
||||||
background-color: #F3F4F6;
|
background-color: #F3F4F6;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
border-radius: 1rem;
|
border-radius: 1rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin: 2px;
|
margin: 2px;
|
||||||
}
|
}
|
||||||
`}
|
`}
|
||||||
</style>
|
</style>
|
||||||
<AppContainer>
|
<AppContainer>
|
||||||
<div className="parallax-container">
|
<div className="parallax-container">
|
||||||
<h1 className={'center-align text-white header_back service-text dana font-weight-bold'}> گالری بیمارستان </h1>
|
<h1 className={'center-align text-white header_back service-text dana font-weight-bold'}> گالری بیمارستان </h1>
|
||||||
<Image
|
<Image
|
||||||
loader={Parallax}
|
loader={Parallax}
|
||||||
src="Parallax.png"
|
src="Parallax.png"
|
||||||
className={'responsive-img shadow-5'}
|
className={'responsive-img shadow-5'}
|
||||||
placeholder="blur"
|
placeholder="blur"
|
||||||
blurDataURL={`data:image/svg+xml;base64,${toBase64(shimmer(3000, 1300))}`}
|
blurDataURL={`data:image/svg+xml;base64,${toBase64(shimmer(3000, 1300))}`}
|
||||||
alt="درباره بیارستان مهر ایرانیان پرند "
|
alt="درباره بیارستان مهر ایرانیان پرند "
|
||||||
width={3000}
|
width={3000}
|
||||||
height={1300}
|
height={1300}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<MDBContainer>
|
<MDBContainer>
|
||||||
<Tabs defaultIndex={1} className={'mt-5'} isFitted variant='enclosed'>
|
<Tabs defaultIndex={1} className={'mt-5'} isFitted variant='enclosed'>
|
||||||
<TabList mb='1em'>
|
<TabList mb='1em'>
|
||||||
<Tab on className={'bk font-weight-bold'} _selected={{ color: 'white', bg: 'teal.500' }}>ویدئو ها</Tab>
|
<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>
|
<Tab className={'bk font-weight-bold'} _selected={{ color: 'white', bg: 'teal.500' }}>تصاویر</Tab>
|
||||||
</TabList>
|
</TabList>
|
||||||
<TabPanels>
|
<TabPanels>
|
||||||
<TabPanel>
|
<TabPanel>
|
||||||
<APV />
|
<APV />
|
||||||
</TabPanel>
|
</TabPanel>
|
||||||
<TabPanel>
|
<TabPanel>
|
||||||
<div style={{ flexDirection: 'column' }} className={'flex justify-content-end flex-xl-row flex-lg-row flex-md-column flex-sm-column'}>
|
<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(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={() => Filter(1)} color={filterId === 1 ? 'light' : 'light'} className={'m-2'}>تصاویر معماری</MDBBtn>
|
||||||
<MDBBtn onClick={() => AllImage()} color={filterId !== 1 && 2 ? 'light' : 'light'} className={'m-2'}>همه تصاویر </MDBBtn>
|
<MDBBtn onClick={() => AllImage()} color={filterId !== 1 && 2 ? 'light' : 'light'} className={'m-2'}>همه تصاویر </MDBBtn>
|
||||||
</div>
|
</div>
|
||||||
<Divider colorScheme={'gray'} />
|
<Divider colorScheme={'gray'} />
|
||||||
<MDBRow style={{ marginTop: 10 }}>
|
<MDBRow style={{ marginTop: 10 }}>
|
||||||
{Images && Images.dataImage.map((image ,index)=> {
|
{Images && Images.dataImage.map((image ,index)=> {
|
||||||
return (
|
return (
|
||||||
<MDBCol xs={12} sm={12} md={6} lg={3}>
|
<MDBCol xs={12} sm={12} md={6} lg={3}>
|
||||||
<div className={'cardImage'} key={image.id}>
|
<div className={'cardImage'} key={image.id}>
|
||||||
<img
|
<img
|
||||||
key={image.id}
|
key={image.id}
|
||||||
alt={image.title}
|
alt={image.title}
|
||||||
width={350}
|
width={350}
|
||||||
style={{ cursor: 'zoom-in' }}
|
style={{ cursor: 'zoom-in' }}
|
||||||
className={'responsive-img'}
|
className={'responsive-img'}
|
||||||
src={AppFile(`panel-public/uploads/HospitalGallery/${image.imageAddr}`)}
|
src={AppFile(`panel-public/uploads/HospitalGallery/${image.imageAddr}`)}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
lightBoxHandler(true, index);
|
lightBoxHandler(true, index);
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
<br />
|
<br />
|
||||||
<span>{ image.title }</span>
|
<span>{ image.title }</span>
|
||||||
</div>
|
</div>
|
||||||
</MDBCol>
|
</MDBCol>
|
||||||
)
|
)
|
||||||
})}
|
})}
|
||||||
</MDBRow>
|
</MDBRow>
|
||||||
</TabPanel>
|
</TabPanel>
|
||||||
</TabPanels>
|
</TabPanels>
|
||||||
</Tabs>
|
</Tabs>
|
||||||
|
|
||||||
<LightBox
|
<LightBox
|
||||||
state={toggle}
|
state={toggle}
|
||||||
event={lightBoxHandler}
|
event={lightBoxHandler}
|
||||||
data={Images.dataImage}
|
data={Images.dataImage}
|
||||||
imageWidth="60vw"
|
imageWidth="60vw"
|
||||||
imageHeight="70vh"
|
imageHeight="70vh"
|
||||||
thumbnailHeight={50}
|
thumbnailHeight={50}
|
||||||
thumbnailWidth={50}
|
thumbnailWidth={50}
|
||||||
setImageIndex={setSIndex}
|
setImageIndex={setSIndex}
|
||||||
imageIndex={sIndex}
|
imageIndex={sIndex}
|
||||||
/>
|
/>
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
</AppContainer>
|
</AppContainer>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
export async function getServerSideProps(context) {
|
export async function getServerSideProps(context) {
|
||||||
const res = await axios.get(AppUrl('GetGalleyImages'));
|
const res = await axios.get(AppUrl('GetGalleyImages'));
|
||||||
return {
|
return {
|
||||||
props: {
|
props: {
|
||||||
dataImage : res.data
|
dataImage : res.data
|
||||||
}, // will be passed to the page component as props
|
}, // will be passed to the page component as props
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
export default Gallery;
|
export default Gallery;
|
||||||
+80
-80
@@ -1,81 +1,81 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import {
|
import {
|
||||||
MDBCard,
|
MDBCard,
|
||||||
MDBCardImage,
|
MDBCardImage,
|
||||||
MDBCardBody,
|
MDBCardBody,
|
||||||
MDBCardTitle,
|
MDBCardTitle,
|
||||||
MDBCardText,
|
MDBCardText,
|
||||||
MDBRow,
|
MDBRow,
|
||||||
MDBCol,
|
MDBCol,
|
||||||
MDBContainer, MDBCardHeader, MDBBtn, MDBIcon, MDBInputGroupText, MDBTypography
|
MDBContainer, MDBCardHeader, MDBBtn, MDBIcon, MDBInputGroupText, MDBTypography
|
||||||
} from 'mdb-react-ui-kit';
|
} from 'mdb-react-ui-kit';
|
||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import AppContainer from "./appContainer";
|
import AppContainer from "./appContainer";
|
||||||
import { useRouter } from 'next/router'
|
import { useRouter } from 'next/router'
|
||||||
import {AppUrl} from "../lib/api";
|
import {AppUrl} from "../lib/api";
|
||||||
import {DownloadIcon} from "@chakra-ui/icons";
|
import {DownloadIcon} from "@chakra-ui/icons";
|
||||||
|
|
||||||
const News = ({data, children}) => {
|
const News = ({data, children}) => {
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
const query = router.query.list;
|
const query = router.query.list;
|
||||||
|
|
||||||
const dataPage = (
|
const dataPage = (
|
||||||
<MDBContainer>
|
<MDBContainer>
|
||||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>اطلاعیه ها </h5>
|
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>اطلاعیه ها </h5>
|
||||||
<hr />
|
<hr />
|
||||||
<div>
|
<div>
|
||||||
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #1266f1',borderLeft: 'none'}} note noteColor='primary'>
|
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #1266f1',borderLeft: 'none'}} note noteColor='primary'>
|
||||||
<DownloadIcon className={'ml-2'} />
|
<DownloadIcon className={'ml-2'} />
|
||||||
<a title={'دانلود دفترچه معرفی و فروش سهام عمومی بیمارستان تخصصی مهر ایرانیان پرند'} download href={'./take-stock.pdf'}> دانلود دفترچه معرفی و فروش سهام عمومی بیمارستان تخصصی مهر پرند</a>
|
<a title={'دانلود دفترچه معرفی و فروش سهام عمومی بیمارستان تخصصی مهر ایرانیان پرند'} download href={'./take-stock.pdf'}> دانلود دفترچه معرفی و فروش سهام عمومی بیمارستان تخصصی مهر پرند</a>
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #1266f1',borderLeft: 'none'}} note noteColor='primary'>
|
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #1266f1',borderLeft: 'none'}} note noteColor='primary'>
|
||||||
<DownloadIcon className={'ml-2'} />
|
<DownloadIcon className={'ml-2'} />
|
||||||
<a title={'دانلود طرح توجیهی بیمارستان تخصصی مهر ایرانیان پرند'} download href={'./Explanatory_plan_of_Mehr_ranian_Parand_Hospital.pdf'}> دانلود طرح توجیهی بیمارستان تخصصی مهر ایرانیان پرند</a>
|
<a title={'دانلود طرح توجیهی بیمارستان تخصصی مهر ایرانیان پرند'} download href={'./Explanatory_plan_of_Mehr_ranian_Parand_Hospital.pdf'}> دانلود طرح توجیهی بیمارستان تخصصی مهر ایرانیان پرند</a>
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br />
|
||||||
<MDBRow dir={'rtl'} className='row-cols-1 row-cols-md-3 g-4'>
|
<MDBRow dir={'rtl'} className='row-cols-1 row-cols-md-3 g-4'>
|
||||||
{data && data.map(({ id, slug, title }) => (
|
{data && data.map(({ id, slug, title }) => (
|
||||||
<MDBCol key={id}>
|
<MDBCol key={id}>
|
||||||
<Link href={`page/news/${id}`} >
|
<Link href={`page/news/${id}`} >
|
||||||
<MDBCard className='mb-3 h-3/12 new-card'>
|
<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>
|
<MDBCardHeader title={title} className={'right-align bk-med RTL font-weight-bold border-bottom-1 border-white '}>{title} </MDBCardHeader>
|
||||||
<MDBCardBody>
|
<MDBCardBody>
|
||||||
<MDBCardText className={'right-align RTL text-summery'}>
|
<MDBCardText className={'right-align RTL text-summery'}>
|
||||||
{slug}
|
{slug}
|
||||||
</MDBCardText>
|
</MDBCardText>
|
||||||
<div className={'flex justify-content-end'}>
|
<div className={'flex justify-content-end'}>
|
||||||
<MDBBtn rounded className=' RTL text-primary-teal bg-white'>
|
<MDBBtn rounded className=' RTL text-primary-teal bg-white'>
|
||||||
مشاهده ...
|
مشاهده ...
|
||||||
</MDBBtn>
|
</MDBBtn>
|
||||||
</div>
|
</div>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</Link>
|
</Link>
|
||||||
</MDBCol>
|
</MDBCol>
|
||||||
))}
|
))}
|
||||||
</MDBRow>
|
</MDBRow>
|
||||||
{children}
|
{children}
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
)
|
)
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
{query ? <AppContainer children={dataPage} title={'اطلاعیه ها '} /> : dataPage}
|
{query ? <AppContainer children={dataPage} title={'اطلاعیه ها '} /> : dataPage}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default News;
|
export default News;
|
||||||
|
|
||||||
|
|
||||||
export const getServerSideProps = async (context) => {
|
export const getServerSideProps = async (context) => {
|
||||||
const allPostsData = await axios.get(AppUrl('news'));
|
const allPostsData = await axios.get(AppUrl('news'));
|
||||||
const data = await allPostsData.data;
|
const data = await allPostsData.data;
|
||||||
return {
|
return {
|
||||||
props: {
|
props: {
|
||||||
data,
|
data,
|
||||||
fallback:false
|
fallback:false
|
||||||
}, // will be passed to the page component as props
|
}, // will be passed to the page component as props
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
+45
-45
@@ -1,45 +1,45 @@
|
|||||||
import 'mdb-react-ui-kit/dist/css/mdb.min.css'
|
import 'mdb-react-ui-kit/dist/css/mdb.min.css'
|
||||||
import '../styles/global.css'
|
import '../styles/global.css'
|
||||||
import '../public/style/font/font.css'
|
import '../public/style/font/font.css'
|
||||||
import '../styles/normalize.css'
|
import '../styles/normalize.css'
|
||||||
import 'swiper/swiper-bundle.css'
|
import 'swiper/swiper-bundle.css'
|
||||||
import "../styles/simple-grid.css"
|
import "../styles/simple-grid.css"
|
||||||
import 'nprogress/nprogress.css';
|
import 'nprogress/nprogress.css';
|
||||||
import "react-lightbox-pack/dist/index.css";
|
import "react-lightbox-pack/dist/index.css";
|
||||||
import Router from "next/router";
|
import Router from "next/router";
|
||||||
import React, {useState} from "react";
|
import React, {useState} from "react";
|
||||||
import Loader from "./components/Loader";
|
import Loader from "./components/Loader";
|
||||||
import NProgress from 'nprogress';
|
import NProgress from 'nprogress';
|
||||||
import {ChakraProvider} from "@chakra-ui/react";
|
import {ChakraProvider} from "@chakra-ui/react";
|
||||||
import { extendTheme } from '@chakra-ui/react'
|
import { extendTheme } from '@chakra-ui/react'
|
||||||
import { StepsStyleConfig as Steps } from 'chakra-ui-steps';
|
import { StepsStyleConfig as Steps } from 'chakra-ui-steps';
|
||||||
import {Provider} from "react-redux";
|
import {Provider} from "react-redux";
|
||||||
import {CoreStore} from "../src/redux/store/store";
|
import {CoreStore} from "../src/redux/store/store";
|
||||||
|
|
||||||
const theme = extendTheme({
|
const theme = extendTheme({
|
||||||
components: {
|
components: {
|
||||||
Steps,
|
Steps,
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
export default function App({ Component, pageProps }) {
|
export default function App({ Component, pageProps }) {
|
||||||
|
|
||||||
const [Loading,setLoading] = useState(false);
|
const [Loading,setLoading] = useState(false);
|
||||||
Router.events.on('routeChangeStart',(url) => {
|
Router.events.on('routeChangeStart',(url) => {
|
||||||
NProgress.start()
|
NProgress.start()
|
||||||
setLoading(true)
|
setLoading(true)
|
||||||
})
|
})
|
||||||
Router.events.on('routeChangeComplete',(url) => {
|
Router.events.on('routeChangeComplete',(url) => {
|
||||||
NProgress.done()
|
NProgress.done()
|
||||||
setLoading(false)
|
setLoading(false)
|
||||||
})
|
})
|
||||||
return (
|
return (
|
||||||
<Provider store={CoreStore}>
|
<Provider store={CoreStore}>
|
||||||
{Loading && <Loader />}
|
{Loading && <Loader />}
|
||||||
<ChakraProvider resetCSS={false} theme={theme}>
|
<ChakraProvider resetCSS={false} theme={theme}>
|
||||||
<link href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" rel="stylesheet" />
|
<link href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" rel="stylesheet" />
|
||||||
<Component {...pageProps } />
|
<Component {...pageProps } />
|
||||||
</ChakraProvider>
|
</ChakraProvider>
|
||||||
</Provider>
|
</Provider>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|||||||
+24
-24
@@ -1,25 +1,25 @@
|
|||||||
const { SitemapStream, streamToPromise } = require("sitemap");
|
const { SitemapStream, streamToPromise } = require("sitemap");
|
||||||
const { Readable } = require("stream");
|
const { Readable } = require("stream");
|
||||||
|
|
||||||
export default async (req, res) => {
|
export default async (req, res) => {
|
||||||
// An array with your links
|
// An array with your links
|
||||||
const links = [
|
const links = [
|
||||||
{ url: "/page/news/36/", priority: 0.3 },
|
{ url: "/page/news/36/", priority: 0.3 },
|
||||||
{ url: "/page/about", priority: 0.3 },
|
{ url: "/page/about", priority: 0.3 },
|
||||||
{ url: "/recruitment", priority: 0.3 },
|
{ url: "/recruitment", priority: 0.3 },
|
||||||
{ url: "/contact-us", priority: 0.3 }
|
{ url: "/contact-us", priority: 0.3 }
|
||||||
];
|
];
|
||||||
|
|
||||||
// Create a stream to write to
|
// Create a stream to write to
|
||||||
const stream = new SitemapStream({ hostname: `https://${req.headers.host}` });
|
const stream = new SitemapStream({ hostname: `https://${req.headers.host}` });
|
||||||
|
|
||||||
res.writeHead(200, {
|
res.writeHead(200, {
|
||||||
"Content-Type": "application/xml",
|
"Content-Type": "application/xml",
|
||||||
});
|
});
|
||||||
|
|
||||||
const xmlString = await streamToPromise(
|
const xmlString = await streamToPromise(
|
||||||
Readable.from(links).pipe(stream)
|
Readable.from(links).pipe(stream)
|
||||||
).then((data) => data.toString());
|
).then((data) => data.toString());
|
||||||
|
|
||||||
res.end(xmlString);
|
res.end(xmlString);
|
||||||
};
|
};
|
||||||
+27
-27
@@ -1,28 +1,28 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import Header from './components/Layout/header'
|
import Header from './components/Layout/header'
|
||||||
import Footer from './components/Layout/footer'
|
import Footer from './components/Layout/footer'
|
||||||
import Head from "next/head";
|
import Head from "next/head";
|
||||||
import dynamic from "next/dynamic";
|
import dynamic from "next/dynamic";
|
||||||
import {Router} from "next/router";
|
import {Router} from "next/router";
|
||||||
|
|
||||||
|
|
||||||
const Chat = dynamic(() => import('./pack'), {ssr: false})
|
const Chat = dynamic(() => import('./pack'), {ssr: false})
|
||||||
const AppContainer = ({children,title} ) => {
|
const AppContainer = ({children,title} ) => {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<Head>
|
<Head>
|
||||||
<title>{title ? title : 'بیمارستان مهر ایرانیان پرند '}</title>
|
<title>{title ? title : 'بیمارستان مهر ایرانیان پرند '}</title>
|
||||||
<meta name="description" content="بیمارستان 96 تخت خوابی مهر ایرانیان پرند واقع در شهر پرند " />
|
<meta name="description" content="بیمارستان 96 تخت خوابی مهر ایرانیان پرند واقع در شهر پرند " />
|
||||||
<meta name="keywords" content=" درمانگاه مهرپرند,بیمارستان مهرایرانیان پرند ,بیمارستان, بیمارستان مهر, سهام,پرند" />
|
<meta name="keywords" content=" درمانگاه مهرپرند,بیمارستان مهرایرانیان پرند ,بیمارستان, بیمارستان مهر, سهام,پرند" />
|
||||||
<meta name="google-site-verification" content="1mcxI6a_QSwpZ-0W65WqgKOzenynNF4PXE8IBq1vEmc" />
|
<meta name="google-site-verification" content="1mcxI6a_QSwpZ-0W65WqgKOzenynNF4PXE8IBq1vEmc" />
|
||||||
<link rel="icon" href="/resource/logo/favlogo.png" />
|
<link rel="icon" href="/resource/logo/favlogo.png" />
|
||||||
</Head>
|
</Head>
|
||||||
<Chat />
|
<Chat />
|
||||||
<Header />
|
<Header />
|
||||||
{children }
|
{children }
|
||||||
<Footer />
|
<Footer />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default AppContainer;
|
export default AppContainer;
|
||||||
+144
-144
@@ -1,144 +1,144 @@
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
import { Swiper, SwiperSlide } from "swiper/react";
|
import { Swiper, SwiperSlide } from "swiper/react";
|
||||||
import "swiper/swiper-bundle.min.css";
|
import "swiper/swiper-bundle.min.css";
|
||||||
import "swiper/swiper.min.css";
|
import "swiper/swiper.min.css";
|
||||||
|
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import { MDBContainer } from "mdb-react-ui-kit";
|
import { MDBContainer } from "mdb-react-ui-kit";
|
||||||
import { imgslides } from "../../src/redux/static";
|
import { imgslides } from "../../src/redux/static";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const slides= [
|
const slides= [
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
title: " شرکت گازهای طبی ره پویان توسعه تهران",
|
title: " شرکت گازهای طبی ره پویان توسعه تهران",
|
||||||
img: imgslides.a,
|
img: imgslides.a,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
title: " شرکت پیاوار",
|
title: " شرکت پیاوار",
|
||||||
img: imgslides.b,
|
img: imgslides.b,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 3,
|
id: 3,
|
||||||
title: "شرکت کارپذیر",
|
title: "شرکت کارپذیر",
|
||||||
img: imgslides.c,
|
img: imgslides.c,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 4,
|
id: 4,
|
||||||
title: " شرکت فنی مهندسی کهربا تراشه",
|
title: " شرکت فنی مهندسی کهربا تراشه",
|
||||||
img: imgslides.d,
|
img: imgslides.d,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 5,
|
id: 5,
|
||||||
title: " شرکت پویندگان راه سعادت",
|
title: " شرکت پویندگان راه سعادت",
|
||||||
img: imgslides.e,
|
img: imgslides.e,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 6,
|
id: 6,
|
||||||
title: " صنایع چوبی دکو مهر",
|
title: " صنایع چوبی دکو مهر",
|
||||||
img: imgslides.f,
|
img: imgslides.f,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 7,
|
id: 7,
|
||||||
title: "شرکت لوازم اداری سهند",
|
title: "شرکت لوازم اداری سهند",
|
||||||
img: imgslides.g,
|
img: imgslides.g,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 8,
|
id: 8,
|
||||||
title: " شرکت طب و صنعت یاسین",
|
title: " شرکت طب و صنعت یاسین",
|
||||||
img: imgslides.h
|
img: imgslides.h
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 9,
|
id: 9,
|
||||||
title: " شرکت مون گارشو",
|
title: " شرکت مون گارشو",
|
||||||
img: imgslides.i,
|
img: imgslides.i,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 10,
|
id: 10,
|
||||||
title: " شرکت پویان تهویه",
|
title: " شرکت پویان تهویه",
|
||||||
img: imgslides.j,
|
img: imgslides.j,
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 11,
|
id: 11,
|
||||||
title: " کاربین برج",
|
title: " کاربین برج",
|
||||||
img: imgslides.k,
|
img: imgslides.k,
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
|
|
||||||
const brands = () => {
|
const brands = () => {
|
||||||
return (
|
return (
|
||||||
<MDBContainer className={"mt-5"}>
|
<MDBContainer className={"mt-5"}>
|
||||||
<div className="flex justify-center">
|
<div className="flex justify-center">
|
||||||
<h3 className="bk-med font-bold">سهامداران پروژه</h3>
|
<h3 className="bk-med font-bold">سهامداران پروژه</h3>
|
||||||
</div>
|
</div>
|
||||||
<div className="">
|
<div className="">
|
||||||
<Swiper
|
<Swiper
|
||||||
// slidesPerGroup={3}
|
// slidesPerGroup={3}
|
||||||
// loopFillGroupWithBlank={true}
|
// loopFillGroupWithBlank={true}
|
||||||
slidesPerView={"auto"}
|
slidesPerView={"auto"}
|
||||||
// spaceBetween={50}
|
// spaceBetween={50}
|
||||||
className="mySwiper"
|
className="mySwiper"
|
||||||
onSwiper={(swiper) => console.log(swiper)}
|
onSwiper={(swiper) => console.log(swiper)}
|
||||||
onSlideChange={() => console.log("slide change")}
|
onSlideChange={() => console.log("slide change")}
|
||||||
loop={true}
|
loop={true}
|
||||||
autoplay={{
|
autoplay={{
|
||||||
delay: 2000,
|
delay: 2000,
|
||||||
autoplayDisableOnInteraction: false,
|
autoplayDisableOnInteraction: false,
|
||||||
}}
|
}}
|
||||||
breakpoints={{
|
breakpoints={{
|
||||||
1200: {
|
1200: {
|
||||||
slidesPerView: 4,
|
slidesPerView: 4,
|
||||||
spaceBetween: 50,
|
spaceBetween: 50,
|
||||||
},
|
},
|
||||||
1024: {
|
1024: {
|
||||||
slidesPerView: 3,
|
slidesPerView: 3,
|
||||||
spaceBetween: 30,
|
spaceBetween: 30,
|
||||||
},
|
},
|
||||||
768: {
|
768: {
|
||||||
slidesPerView: 3,
|
slidesPerView: 3,
|
||||||
spaceBetween: 20,
|
spaceBetween: 20,
|
||||||
},
|
},
|
||||||
640: {
|
640: {
|
||||||
slidesPerView: 2,
|
slidesPerView: 2,
|
||||||
spaceBetween: 20,
|
spaceBetween: 20,
|
||||||
},
|
},
|
||||||
320: {
|
320: {
|
||||||
slidesPerView: 1,
|
slidesPerView: 1,
|
||||||
spaceBetween: 30,
|
spaceBetween: 30,
|
||||||
},
|
},
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{slides.map((slide) => {
|
{slides.map((slide) => {
|
||||||
return (
|
return (
|
||||||
<SwiperSlide className="slidesBrands" key={slide.id}>
|
<SwiperSlide className="slidesBrands" key={slide.id}>
|
||||||
<Link href="#">
|
<Link href="#">
|
||||||
<div className="card-content">
|
<div className="card-content">
|
||||||
<div className="image w-full">
|
<div className="image w-full">
|
||||||
<img
|
<img
|
||||||
src={slide.img}
|
src={slide.img}
|
||||||
className="lg:w-[70%] md:w-[65%] m-auto slidimg "
|
className="lg:w-[70%] md:w-[65%] m-auto slidimg "
|
||||||
alt=""
|
alt=""
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div className="detail flex text-center mt-[1.5rem] ">
|
<div className="detail flex text-center mt-[1.5rem] ">
|
||||||
<p className="compony font-bold text-[0.8rem] text-[#1e1e2d] ">
|
<p className="compony font-bold text-[0.8rem] text-[#1e1e2d] ">
|
||||||
{slide.title}
|
{slide.title}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Link>
|
</Link>
|
||||||
</SwiperSlide>
|
</SwiperSlide>
|
||||||
);
|
);
|
||||||
})}
|
})}
|
||||||
|
|
||||||
|
|
||||||
</Swiper>
|
</Swiper>
|
||||||
</div>
|
</div>
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default brands;
|
export default brands;
|
||||||
|
|||||||
@@ -1,91 +1,91 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import { MDBFooter, MDBContainer, MDBRow, MDBCol, MDBIcon } from 'mdb-react-ui-kit'
|
import { MDBFooter, MDBContainer, MDBRow, MDBCol, MDBIcon } from 'mdb-react-ui-kit'
|
||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
|
|
||||||
const Footer = () => {
|
const Footer = () => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<MDBFooter className='text-center text-lg-left hover_color'>
|
<MDBFooter className='text-center text-lg-left hover_color'>
|
||||||
<MDBContainer className='p-4'>
|
<MDBContainer className='p-4'>
|
||||||
<MDBRow>
|
<MDBRow>
|
||||||
<MDBCol lg='6' md='12' className='mb-4 mb-md-0'>
|
<MDBCol lg='6' md='12' className='mb-4 mb-md-0'>
|
||||||
<h5 className='text-uppercase text-white'>
|
<h5 className='text-uppercase text-white'>
|
||||||
شرکت پزشکی مهر ایرانیان پرند
|
شرکت پزشکی مهر ایرانیان پرند
|
||||||
<hr />
|
<hr />
|
||||||
</h5>
|
</h5>
|
||||||
|
|
||||||
<p style={{ direction: 'rtl' }} className={'bk yekan-bakh-req text-white center-align'}>
|
<p style={{ direction: 'rtl' }} className={'bk yekan-bakh-req text-white center-align'}>
|
||||||
بیمارستان تخصصی مهرایرانیان واقع در بر اتوبان چهاربانده اصلی داخلی شهر پرند در بهترین موقعیت مکانی و در
|
بیمارستان تخصصی مهرایرانیان واقع در بر اتوبان چهاربانده اصلی داخلی شهر پرند در بهترین موقعیت مکانی و در
|
||||||
دل مسکن مهر، با هدف تبدیل شدن به یکی از قطب های درمانی منطقه در حال احداث می باشد. این بیمارستان که تنها
|
دل مسکن مهر، با هدف تبدیل شدن به یکی از قطب های درمانی منطقه در حال احداث می باشد. این بیمارستان که تنها
|
||||||
بیمارستان تخصصی در کنار بزرگترین فرودگاه کشور است
|
بیمارستان تخصصی در کنار بزرگترین فرودگاه کشور است
|
||||||
</p>
|
</p>
|
||||||
</MDBCol>
|
</MDBCol>
|
||||||
|
|
||||||
<MDBCol lg='3' md='6' className='mb-4 mb-md-0'>
|
<MDBCol lg='3' md='6' className='mb-4 mb-md-0'>
|
||||||
<h5 className='text-uppercase text-white'>
|
<h5 className='text-uppercase text-white'>
|
||||||
لینک های مفید
|
لینک های مفید
|
||||||
<hr />
|
<hr />
|
||||||
</h5>
|
</h5>
|
||||||
|
|
||||||
<ul style={{ lineHeight: 2 }} className='list-unstyled mb-0 bk '>
|
<ul style={{ lineHeight: 2 }} className='list-unstyled mb-0 bk '>
|
||||||
<li>
|
<li>
|
||||||
<Link href={{ pathname: '/News', query: { list: 'list' } }}>
|
<Link href={{ pathname: '/News', query: { list: 'list' } }}>
|
||||||
<a href='#!' className='text-white'>
|
<a href='#!' className='text-white'>
|
||||||
اطلاعیه ها
|
اطلاعیه ها
|
||||||
</a>
|
</a>
|
||||||
</Link>
|
</Link>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<Link href='/page/about' className='text-white'>
|
<Link href='/page/about' className='text-white'>
|
||||||
<a style={{ color: 'white' }}> درباره </a>
|
<a style={{ color: 'white' }}> درباره </a>
|
||||||
</Link>
|
</Link>
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li>
|
<li>
|
||||||
<Link href='/page/contact-us' className='text-white'>
|
<Link href='/page/contact-us' className='text-white'>
|
||||||
<a style={{ color: 'white' }}> تماس با ما</a>
|
<a style={{ color: 'white' }}> تماس با ما</a>
|
||||||
</Link>
|
</Link>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</MDBCol>
|
</MDBCol>
|
||||||
|
|
||||||
<MDBCol lg='3' md='6' className='mb-4 mb-md-0'>
|
<MDBCol lg='3' md='6' className='mb-4 mb-md-0'>
|
||||||
<h5 className='text-uppercase mb-0 text-white'>
|
<h5 className='text-uppercase mb-0 text-white'>
|
||||||
تماس با ما
|
تماس با ما
|
||||||
<hr />
|
<hr />
|
||||||
</h5>
|
</h5>
|
||||||
|
|
||||||
<ul style={{ listStyle: 'none', lineHeight: 2 }} className='bk right center-align'>
|
<ul style={{ listStyle: 'none', lineHeight: 2 }} className='bk right center-align'>
|
||||||
{/*<li>*/}
|
{/*<li>*/}
|
||||||
{/* <a className='text-white dana' href="tel:02153457000">021 5345 7000 </a>*/}
|
{/* <a className='text-white dana' href="tel:02153457000">021 5345 7000 </a>*/}
|
||||||
{/*</li>*/}
|
{/*</li>*/}
|
||||||
<li>
|
<li>
|
||||||
<a href='tel:02153457000' className='text-white dana'>
|
<a href='tel:02153457000' className='text-white dana'>
|
||||||
021-53457000
|
021-53457000
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href='#!' className='text-white'>
|
<a href='#!' className='text-white'>
|
||||||
contact-us@miphospital.ir
|
contact-us@miphospital.ir
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
<li className={'d-flex'} alignment='end'>
|
<li className={'d-flex'} alignment='end'>
|
||||||
<a href='#!' className='text-white center-align right'>
|
<a href='#!' className='text-white center-align right'>
|
||||||
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم (ع)
|
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم (ع)
|
||||||
</a>
|
</a>
|
||||||
<MDBIcon className={'right right-align p-2 text-white'} fas icon='map-marker-alt' />
|
<MDBIcon className={'right right-align p-2 text-white'} fas icon='map-marker-alt' />
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</MDBCol>
|
</MDBCol>
|
||||||
</MDBRow>
|
</MDBRow>
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
|
|
||||||
<div className='text-center p-3' style={{ backgroundColor: 'rgba(0, 0, 0, 0.2)' }}>
|
<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>
|
© {new Date().getFullYear()} <a className='text-dark'>contact-us@miphospital.ir</a>
|
||||||
</div>
|
</div>
|
||||||
</MDBFooter>
|
</MDBFooter>
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export default Footer
|
export default Footer
|
||||||
|
|||||||
+282
-285
@@ -1,285 +1,282 @@
|
|||||||
import React, { useState } from 'react'
|
import React, { useState } from 'react'
|
||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
import {
|
import {
|
||||||
MDBContainer,
|
MDBContainer,
|
||||||
MDBNavbar,
|
MDBNavbar,
|
||||||
MDBNavbarBrand,
|
MDBNavbarBrand,
|
||||||
MDBNavbarToggler,
|
MDBNavbarToggler,
|
||||||
MDBNavbarNav,
|
MDBNavbarNav,
|
||||||
MDBNavbarLink,
|
MDBNavbarLink,
|
||||||
MDBIcon,
|
MDBIcon,
|
||||||
MDBCollapse,
|
MDBCollapse,
|
||||||
MDBDropdownToggle,
|
MDBDropdownToggle,
|
||||||
MDBDropdownMenu,
|
MDBDropdownMenu,
|
||||||
MDBDropdownItem,
|
MDBDropdownItem,
|
||||||
MDBDropdownLink,
|
MDBDropdownLink,
|
||||||
MDBDropdown,
|
MDBDropdown,
|
||||||
MDBCardImage,
|
MDBCardImage,
|
||||||
MDBDropdownDivider
|
MDBDropdownDivider
|
||||||
} from 'mdb-react-ui-kit'
|
} from 'mdb-react-ui-kit'
|
||||||
import { HamburgerIcon } from '@chakra-ui/icons'
|
import { HamburgerIcon } from '@chakra-ui/icons'
|
||||||
import PhoneCall from '../../../public/resource/icons/phone_calling (1).webp'
|
import PhoneCall from '../../../public/resource/icons/phone_calling (1).webp'
|
||||||
import { useRouter } from 'next/router'
|
import { useRouter } from 'next/router'
|
||||||
import { Divider } from '@chakra-ui/react'
|
import { Divider } from '@chakra-ui/react'
|
||||||
|
|
||||||
import { FaWhatsapp } from 'react-icons/fa'
|
import { FaWhatsapp } from 'react-icons/fa'
|
||||||
import { FaInstagram } from 'react-icons/fa'
|
import { FaInstagram } from 'react-icons/fa'
|
||||||
import { SiAparat } from 'react-icons/si'
|
import { SiAparat } from 'react-icons/si'
|
||||||
|
|
||||||
export default function App() {
|
export default function App() {
|
||||||
const [showNavSecond, setShowNavSecond] = useState(false)
|
const [showNavSecond, setShowNavSecond] = useState(false)
|
||||||
|
|
||||||
let router = useRouter()
|
let router = useRouter()
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{/* <div style={{ backgroundColor: '#69c6c8' }}>*/}
|
{/* <div style={{ backgroundColor: '#69c6c8' }}>*/}
|
||||||
{/* <div className={'flex h-5/12 justify-content-between'}>*/}
|
{/* <div className={'flex h-5/12 justify-content-between'}>*/}
|
||||||
{/* <div className={'flex justify-content-center align-items-center'}>*/}
|
{/* <div className={'flex justify-content-center align-items-center'}>*/}
|
||||||
{/* <div className={'flex w-30 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} />*/}
|
{/* <img style={{position: 'absolute'}} width={90} src={PhoneCall} />*/}
|
||||||
{/* <Divider style={{transform: 'rotate(90deg)', marginLeft: 55}} width={10} />*/}
|
{/* <Divider style={{transform: 'rotate(90deg)', marginLeft: 55}} width={10} />*/}
|
||||||
{/* </div>*/}
|
{/* </div>*/}
|
||||||
{/* <div className={'flex mt-3 flex-column'}>*/}
|
{/* <div className={'flex mt-3 flex-column'}>*/}
|
||||||
{/* <div style={{fontSize: 15}} className={'text-white'}>*/}
|
{/* <div style={{fontSize: 15}} className={'text-white'}>*/}
|
||||||
{/* خرید سهام*/}
|
{/* خرید سهام*/}
|
||||||
{/* </div>*/}
|
{/* </div>*/}
|
||||||
{/* <div style={{fontSize: 15}} className={'flex align-items-center text-white'}>*/}
|
{/* <div style={{fontSize: 15}} className={'flex align-items-center text-white'}>*/}
|
||||||
{/* <p style={{fontSize: 10}}>021 -</p>*/}
|
{/* <p style={{fontSize: 10}}>021 -</p>*/}
|
||||||
{/* <p>28426945</p>*/}
|
{/* <p>28426945</p>*/}
|
||||||
{/* </div>*/}
|
{/* </div>*/}
|
||||||
{/* </div>*/}
|
{/* </div>*/}
|
||||||
{/* </div>*/}
|
{/* </div>*/}
|
||||||
{/* <div className={''}>*/}
|
{/* <div className={''}>*/}
|
||||||
{/* جای خالی*/}
|
{/* جای خالی*/}
|
||||||
{/* </div>*/}
|
{/* </div>*/}
|
||||||
{/* </div>*/}
|
{/* </div>*/}
|
||||||
|
|
||||||
{/*</div> */}
|
{/*</div> */}
|
||||||
{/* topheader */}
|
{/* topheader */}
|
||||||
<div className='bg-[#57C5C6] headerTop'>
|
<div className='bg-[#57C5C6] headerTop'>
|
||||||
<div className='flex sm:flex-col md:flex-row sm:mt-5 lg:flex-row justify-content-between items-center h-14 container-fluid m-auto '>
|
<div className='flex sm:flex-col md:flex-row sm:mt-5 lg:flex-row justify-content-between items-center h-14 container-fluid m-auto '>
|
||||||
<div className='flex sm:mt-2'>
|
<div className='flex sm:mt-2'>
|
||||||
<div className='w-10 h-10 md:w-12 md:h-12 flex items-center justify-center'>
|
<div className='w-10 h-10 md:w-12 md:h-12 flex items-center justify-center'>
|
||||||
<a
|
<a
|
||||||
target={'_blank'}
|
target={'_blank'}
|
||||||
href={'https://web.whatsapp.com/send?phone=98919419-+9420'}
|
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] '
|
className='inline-flex rounded-full p-[0.4rem] text-[#57C5C6] bg-[#fff] hover:bg-[#014258] hover:text-[#fff] '
|
||||||
>
|
>
|
||||||
<FaWhatsapp />
|
<FaWhatsapp />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div className=' w-10 h-10 md:w-12 md:h-12 flex items-center justify-center'>
|
<div className=' w-10 h-10 md:w-12 md:h-12 flex items-center justify-center'>
|
||||||
<a
|
<a
|
||||||
href={'https://www.instagram.com/miphospital/'}
|
href={'https://www.instagram.com/miphospital/'}
|
||||||
target={'_blank'}
|
target={'_blank'}
|
||||||
className='mx-5 inline-flex rounded-full p-[0.4rem] text-[#57C5C6] bg-[#fff] hover:bg-[#014258] hover:text-[#fff] '
|
className='mx-5 inline-flex rounded-full p-[0.4rem] text-[#57C5C6] bg-[#fff] hover:bg-[#014258] hover:text-[#fff] '
|
||||||
>
|
>
|
||||||
<FaInstagram />
|
<FaInstagram />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div className=' w-10 h-10 md:w-12 md:h-12 flex items-center justify-center'>
|
<div className=' w-10 h-10 md:w-12 md:h-12 flex items-center justify-center'>
|
||||||
<a
|
<a
|
||||||
href={'https://www.aparat.com/miphospital'}
|
href={'https://www.aparat.com/miphospital'}
|
||||||
target={'_blank'}
|
target={'_blank'}
|
||||||
className='mx-5 inline-flex rounded-full p-[0.4rem] text-[#57C5C6] bg-[#fff] hover:bg-[#014258] hover:text-[#fff] '
|
className='mx-5 inline-flex rounded-full p-[0.4rem] text-[#57C5C6] bg-[#fff] hover:bg-[#014258] hover:text-[#fff] '
|
||||||
>
|
>
|
||||||
<SiAparat />
|
<SiAparat />
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div className='flex items-center justify-center'>
|
<div className='flex items-center justify-center'>
|
||||||
<a
|
<a
|
||||||
href={'tel:02153457000'}
|
href={'tel:02153457000'}
|
||||||
className='rounded-full flex items-center p-[0.4rem] bg-[#39a2a5] text-[#fff] hover:bg-[#57c5c6] hover:text-[#fff] '
|
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'}> 021-53457000</span>
|
||||||
<span className={'text-sm ml-2'}>:خرید سهام</span>
|
{/* <span className={'text-sm ml-2'}>:خرید سهام</span> */}
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className='show-addr col-span-2 flex items-center flex-row-reverse mr-4 meheAddress'>
|
<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' />
|
<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'>
|
<span className=' text-[0.6rem] text-right md:text-xs xl:text-sm md:leading-5 font-medium text-white addresstopHeader'>
|
||||||
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم
|
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{/* end topheader */}
|
{/* end topheader */}
|
||||||
|
|
||||||
{/* navbar */}
|
{/* navbar */}
|
||||||
<MDBNavbar style={{ backgroundColor: '#39a2a5' }} expand='lg' light ba>
|
<MDBNavbar style={{ backgroundColor: '#39a2a5' }} expand='lg' light ba>
|
||||||
<style jsx>
|
<style jsx>
|
||||||
{`
|
{`
|
||||||
.responsive-menu-mobile {
|
.responsive-menu-mobile {
|
||||||
outline: none;
|
outline: none;
|
||||||
background-color: red !important;
|
background-color: red !important;
|
||||||
}
|
}
|
||||||
`}
|
`}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
<MDBContainer className={'dana'} fluid>
|
<MDBContainer className={'dana'} fluid>
|
||||||
<MDBNavbarToggler
|
<MDBNavbarToggler
|
||||||
aria-expanded='false'
|
aria-expanded='false'
|
||||||
aria-label='Toggle navigation'
|
aria-label='Toggle navigation'
|
||||||
onClick={() => setShowNavSecond(!showNavSecond)}
|
onClick={() => setShowNavSecond(!showNavSecond)}
|
||||||
>
|
>
|
||||||
<HamburgerIcon />
|
<HamburgerIcon />
|
||||||
</MDBNavbarToggler>
|
</MDBNavbarToggler>
|
||||||
<MDBCollapse navbar show={showNavSecond}>
|
<MDBCollapse navbar show={showNavSecond}>
|
||||||
<MDBNavbar>
|
<MDBNavbar>
|
||||||
<MDBDropdown group className=''>
|
<MDBDropdown group className=''>
|
||||||
<MDBDropdownToggle
|
<MDBDropdownToggle
|
||||||
className={'font-weight-bold '}
|
className={'font-weight-bold '}
|
||||||
style={{ fontsize: '35px !important' }}
|
style={{ fontsize: '35px !important' }}
|
||||||
color='light'
|
color='light'
|
||||||
>
|
>
|
||||||
بیشتر
|
بیشتر
|
||||||
</MDBDropdownToggle>
|
</MDBDropdownToggle>
|
||||||
<MDBDropdownMenu>
|
<MDBDropdownMenu>
|
||||||
<MDBDropdownItem>
|
<MDBDropdownItem>
|
||||||
<Link href={'/page/Directors'}>
|
<Link href={'/page/Directors'}>
|
||||||
<MDBDropdownLink style={{ cursor: 'pointer' }} className={'d-flex justify-content-end'}>
|
<MDBDropdownLink style={{ cursor: 'pointer' }} className={'d-flex justify-content-end'}>
|
||||||
تیم پروژه{' '}
|
تیم پروژه{' '}
|
||||||
</MDBDropdownLink>
|
</MDBDropdownLink>
|
||||||
</Link>
|
</Link>
|
||||||
</MDBDropdownItem>
|
</MDBDropdownItem>
|
||||||
<Link href={'/page/about'}>
|
<Link href={'/page/about'}>
|
||||||
<MDBDropdownLink style={{ cursor: 'pointer' }} className={'d-flex justify-content-end'}>
|
<MDBDropdownLink style={{ cursor: 'pointer' }} className={'d-flex justify-content-end'}>
|
||||||
درباره ما
|
درباره ما
|
||||||
</MDBDropdownLink>
|
</MDBDropdownLink>
|
||||||
</Link>
|
</Link>
|
||||||
<MDBDropdownItem></MDBDropdownItem>
|
<MDBDropdownItem></MDBDropdownItem>
|
||||||
<MDBDropdownItem>
|
<MDBDropdownItem>
|
||||||
<Link href={'/page/docs'}>
|
<Link href={'/page/docs'}>
|
||||||
<MDBDropdownLink style={{ cursor: 'pointer' }} className={'d-flex justify-content-end'}>
|
<MDBDropdownLink style={{ cursor: 'pointer' }} className={'d-flex justify-content-end'}>
|
||||||
اسناد رسمی شرکت{' '}
|
اسناد رسمی شرکت{' '}
|
||||||
</MDBDropdownLink>
|
</MDBDropdownLink>
|
||||||
</Link>
|
</Link>
|
||||||
</MDBDropdownItem>
|
</MDBDropdownItem>
|
||||||
<MDBDropdownItem>
|
<MDBDropdownItem>
|
||||||
<MDBDropdownLink
|
<MDBDropdownLink
|
||||||
target={'__blanck'}
|
target={'__blanck'}
|
||||||
href={'https://www.instagram.com/miphospital'}
|
href={'https://www.instagram.com/miphospital'}
|
||||||
className={'d-flex justify-content-end'}
|
className={'d-flex justify-content-end'}
|
||||||
>
|
>
|
||||||
اینستاگرام
|
اینستاگرام
|
||||||
</MDBDropdownLink>
|
</MDBDropdownLink>
|
||||||
</MDBDropdownItem>
|
</MDBDropdownItem>
|
||||||
</MDBDropdownMenu>
|
</MDBDropdownMenu>
|
||||||
</MDBDropdown>
|
</MDBDropdown>
|
||||||
</MDBNavbar>
|
</MDBNavbar>
|
||||||
<MDBNavbarNav className={'responsive-menu-mobile'}>
|
<MDBNavbarNav className={'responsive-menu-mobile'}>
|
||||||
<MDBNavbarLink
|
<MDBNavbarLink
|
||||||
className={
|
className={
|
||||||
router.pathname === '/page/contact-us' ? 'active-item text-white' : '' + 'text-white nav_item '
|
router.pathname === '/page/contact-us' ? 'active-item text-white' : '' + 'text-white nav_item '
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<Link
|
<Link
|
||||||
prefetch={false}
|
prefetch={false}
|
||||||
className={'text-white nav_item d-flex flex-row-reverse '}
|
className={'text-white nav_item d-flex flex-row-reverse '}
|
||||||
href='/page/contact-us'
|
href='/page/contact-us'
|
||||||
as={'contact-us'}
|
as={'contact-us'}
|
||||||
>
|
>
|
||||||
<div className={'pointer d-flex justify-content-end'}>
|
<div className={'pointer d-flex justify-content-end'}>
|
||||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}> تماس با ما</span>
|
<span style={{ cursor: 'pointer', fontSize: '15px' }}> تماس با ما</span>
|
||||||
</div>
|
</div>
|
||||||
</Link>
|
</Link>
|
||||||
</MDBNavbarLink>
|
</MDBNavbarLink>
|
||||||
|
|
||||||
<MDBNavbarLink
|
<MDBNavbarLink
|
||||||
className={router.pathname === '/Gallery' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
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'>
|
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/Gallery'>
|
||||||
<div className={'pointer d-flex justify-content-end'}>
|
<div className={'pointer d-flex justify-content-end'}>
|
||||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>گالری</span>
|
<span style={{ cursor: 'pointer', fontSize: '15px' }}>گالری</span>
|
||||||
</div>
|
</div>
|
||||||
</Link>
|
</Link>
|
||||||
</MDBNavbarLink>
|
</MDBNavbarLink>
|
||||||
<MDBNavbarLink
|
<MDBNavbarLink
|
||||||
className={
|
className={
|
||||||
router.pathname === '/components/service' ? 'active-item text-white' : '' + 'text-white nav_item '
|
router.pathname === '/components/service' ? 'active-item text-white' : '' + 'text-white nav_item '
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<Link
|
<Link
|
||||||
prefetch={false}
|
prefetch={false}
|
||||||
className={'text-white nav_item d-flex flex-row-reverse '}
|
className={'text-white nav_item d-flex flex-row-reverse '}
|
||||||
href='/components/service'
|
href='/components/service'
|
||||||
as={'Service'}
|
as={'Service'}
|
||||||
>
|
>
|
||||||
<div className={'pointer d-flex justify-content-end'}>
|
<div className={'pointer d-flex justify-content-end'}>
|
||||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>بخش های درمانی</span>
|
<span style={{ cursor: 'pointer', fontSize: '15px' }}>بخش های درمانی</span>
|
||||||
</div>
|
</div>
|
||||||
</Link>
|
</Link>
|
||||||
</MDBNavbarLink>
|
</MDBNavbarLink>
|
||||||
<MDBNavbarLink
|
<MDBNavbarLink
|
||||||
className={
|
className={router.pathname === '/page/news/34' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||||
router.pathname === '/page/news/34' ? 'active-item text-white' : '' + 'text-white nav_item '
|
>
|
||||||
}
|
<Link prefetch={false} className={'text-white nav_item d-flex flex-row-reverse '} href='/page/news/34'>
|
||||||
>
|
<div className={'pointer d-flex justify-content-end'}>
|
||||||
<Link
|
<span style={{ cursor: 'pointer', fontSize: '15px' }}> شرایط انتقال سهام</span>
|
||||||
prefetch={false}
|
</div>
|
||||||
className={'text-white nav_item d-flex flex-row-reverse '}
|
</Link>
|
||||||
href='/page/news/34'
|
</MDBNavbarLink>
|
||||||
>
|
<MDBNavbarLink
|
||||||
<div className={'pointer d-flex justify-content-end'}>
|
className={
|
||||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}> شرایط انتقال سهام</span>
|
router.pathname === '/medical-equipment' ? 'active-item text-white' : '' + 'text-white nav_item '
|
||||||
</div>
|
}
|
||||||
</Link>
|
>
|
||||||
</MDBNavbarLink>
|
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/medical-equipment'>
|
||||||
<MDBNavbarLink
|
<div className={'pointer d-flex justify-content-end'}>
|
||||||
className={router.pathname === '/medical-equipment' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
<span style={{ cursor: 'pointer', fontSize: '15px' }}>واحد تجهیزات پزشکی </span>
|
||||||
>
|
</div>
|
||||||
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/medical-equipment'>
|
</Link>
|
||||||
<div className={'pointer d-flex justify-content-end'}>
|
</MDBNavbarLink>
|
||||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>واحد تجهیزات پزشکی </span>
|
<MDBNavbarLink
|
||||||
</div>
|
className={router.pathname === '/stock-unit' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||||
</Link>
|
>
|
||||||
</MDBNavbarLink>
|
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/stock-unit'>
|
||||||
<MDBNavbarLink
|
<div className={'pointer d-flex justify-content-end'}>
|
||||||
className={router.pathname === '/stock-unit' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
<span style={{ cursor: 'pointer', fontSize: '15px' }}>امور سهام </span>
|
||||||
>
|
</div>
|
||||||
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/stock-unit'>
|
</Link>
|
||||||
<div className={'pointer d-flex justify-content-end'}>
|
</MDBNavbarLink>
|
||||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>واحد فروش سهام </span>
|
|
||||||
</div>
|
{/* <MDBNavbarLink
|
||||||
</Link>
|
className={router.pathname === '/page/news/52' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||||
</MDBNavbarLink>
|
>
|
||||||
|
<Link prefetch={false} className={'text-white nav_item d-flex flex-row-reverse '} href='/stock-price'>
|
||||||
<MDBNavbarLink
|
<div className={'pointer d-flex justify-content-end'}>
|
||||||
className={router.pathname === '/page/news/52' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
<span style={{ cursor: 'pointer', fontSize: '15px' }}>قیمت سهام</span>
|
||||||
>
|
</div>
|
||||||
<Link prefetch={false} className={'text-white nav_item d-flex flex-row-reverse '} href='/stock-price'>
|
</Link>
|
||||||
<div className={'pointer d-flex justify-content-end'}>
|
</MDBNavbarLink> */}
|
||||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>قیمت سهام</span>
|
|
||||||
</div>
|
<MDBNavbarLink
|
||||||
</Link>
|
className={router.pathname === '/' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||||
</MDBNavbarLink>
|
>
|
||||||
<MDBNavbarLink
|
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/'>
|
||||||
className={router.pathname === '/' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
<div className={'pointer d-flex justify-content-end'}>
|
||||||
>
|
<span style={{ cursor: 'pointer', fontSize: '15px' }}>صفحه اصلی</span>
|
||||||
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/'>
|
</div>
|
||||||
<div className={'pointer d-flex justify-content-end'}>
|
</Link>
|
||||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>صفحه اصلی</span>
|
</MDBNavbarLink>
|
||||||
</div>
|
</MDBNavbarNav>
|
||||||
</Link>
|
</MDBCollapse>
|
||||||
</MDBNavbarLink>
|
<MDBNavbarBrand className={'text-white font-weight-bold'}>
|
||||||
</MDBNavbarNav>
|
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/'>
|
||||||
</MDBCollapse>
|
<div className={'pointer'}>
|
||||||
<MDBNavbarBrand className={'text-white font-weight-bold'}>
|
<span className={'dana'} style={{ cursor: 'pointer' }}>
|
||||||
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/'>
|
بیمارستان مهر ایرانیان
|
||||||
<div className={'pointer'}>
|
</span>
|
||||||
<span className={'dana'} style={{ cursor: 'pointer' }}>
|
</div>
|
||||||
بیمارستان مهر ایرانیان
|
</Link>
|
||||||
</span>
|
<MDBCardImage className={'responsive-img resLogo'} width={'50'} src={'/resource/logo/logo.png'} />
|
||||||
</div>
|
</MDBNavbarBrand>
|
||||||
</Link>
|
</MDBContainer>
|
||||||
<MDBCardImage className={'responsive-img resLogo'} width={'50'} src={'/resource/logo/logo.png'} />
|
</MDBNavbar>
|
||||||
</MDBNavbarBrand>
|
</>
|
||||||
</MDBContainer>
|
)
|
||||||
</MDBNavbar>
|
}
|
||||||
</>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|||||||
+61
-61
@@ -1,62 +1,62 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import {MDBCardImage, MDBCol, MDBRow, MDBSpinner} from "mdb-react-ui-kit";
|
import {MDBCardImage, MDBCol, MDBRow, MDBSpinner} from "mdb-react-ui-kit";
|
||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
const Loader = () => {
|
const Loader = () => {
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div style={{ position: 'static '}}>
|
<div style={{ position: 'static '}}>
|
||||||
<style jsx>
|
<style jsx>
|
||||||
{
|
{
|
||||||
`
|
`
|
||||||
.label-container{
|
.label-container{
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-around;
|
justify-content: space-around;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
align-content: center;
|
align-content: center;
|
||||||
height: 120%;
|
height: 120%;
|
||||||
opacity: 100;
|
opacity: 100;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
z-index: 15;
|
z-index: 15;
|
||||||
transition: 2s;
|
transition: 2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.loaderArea {
|
.loaderArea {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
width: 250%;
|
width: 250%;
|
||||||
opacity: 100;
|
opacity: 100;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 150%;
|
height: 150%;
|
||||||
z-index: 16;
|
z-index: 16;
|
||||||
border-radius: 15px;
|
border-radius: 15px;
|
||||||
}
|
}
|
||||||
`
|
`
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<div style={{ transition: '0.5s',backgroundColor: 'gray', width: '100%',height: '140%',position: 'absolute',zIndex:100,opacity: 0.8,overflow: 'hidden'}}>
|
<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={'label-container'} >
|
||||||
<div className={'loaderArea'}>
|
<div className={'loaderArea'}>
|
||||||
<img src="/resource/logo/logo-green.png" width={150} alt=""/>
|
<img src="/resource/logo/logo-green.png" width={150} alt=""/>
|
||||||
<div style={{ margin: 5 }}>
|
<div style={{ margin: 5 }}>
|
||||||
<MDBSpinner grow style={{ width: '1rem', height: '1rem',margin: 5 }}>
|
<MDBSpinner grow style={{ width: '1rem', height: '1rem',margin: 5 }}>
|
||||||
<span className='visually-hidden'>Loading...</span>
|
<span className='visually-hidden'>Loading...</span>
|
||||||
</MDBSpinner>
|
</MDBSpinner>
|
||||||
<MDBSpinner grow style={{ width: '1rem', height: '1rem',margin: 5 }}>
|
<MDBSpinner grow style={{ width: '1rem', height: '1rem',margin: 5 }}>
|
||||||
<span className='visually-hidden'>Loading...</span>
|
<span className='visually-hidden'>Loading...</span>
|
||||||
</MDBSpinner>
|
</MDBSpinner>
|
||||||
<MDBSpinner grow style={{ width: '1rem', height: '1rem',margin: 5 }}>
|
<MDBSpinner grow style={{ width: '1rem', height: '1rem',margin: 5 }}>
|
||||||
<span className='visually-hidden'>Loading...</span>
|
<span className='visually-hidden'>Loading...</span>
|
||||||
</MDBSpinner>
|
</MDBSpinner>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default Loader;
|
export default Loader;
|
||||||
@@ -1,86 +1,86 @@
|
|||||||
/** @format */
|
/** @format */
|
||||||
|
|
||||||
import React from 'react'
|
import React from 'react'
|
||||||
import OnlineSvg from '../../public/resource/images/OnlineSales.svg'
|
import OnlineSvg from '../../public/resource/images/OnlineSales.svg'
|
||||||
import { FiArrowLeft } from 'react-icons/fi'
|
import { FiArrowLeft } from 'react-icons/fi'
|
||||||
import { MDBBtn, MDBCard, MDBCardBody, MDBCardText, MDBCardTitle, MDBContainer } from 'mdb-react-ui-kit'
|
import { MDBBtn, MDBCard, MDBCardBody, MDBCardText, MDBCardTitle, MDBContainer } from 'mdb-react-ui-kit'
|
||||||
import Investment from '../../public/resource/images/paper.png'
|
import Investment from '../../public/resource/images/paper.png'
|
||||||
const OnlineSales = () => {
|
const OnlineSales = () => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className='w-full bg-online-box rounded-lg '>
|
<div className='w-full bg-online-box rounded-lg '>
|
||||||
<style jsx>
|
<style jsx>
|
||||||
{`
|
{`
|
||||||
.bg-online-box {
|
.bg-online-box {
|
||||||
background: radial-gradient(
|
background: radial-gradient(
|
||||||
50% 50% at 50% 50%,
|
50% 50% at 50% 50%,
|
||||||
rgba(87, 197, 198, 0.09) 0%,
|
rgba(87, 197, 198, 0.09) 0%,
|
||||||
rgba(87, 197, 198, 0.2) 100%
|
rgba(87, 197, 198, 0.2) 100%
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
`}
|
`}
|
||||||
</style>
|
</style>
|
||||||
<div className='p-4 flex lg:flex-row md:flex-col sm:flex-col items-center justify-between'>
|
<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 className={'sm:justify-center md:justify-center'}>
|
||||||
<div>
|
<div>
|
||||||
<iframe
|
<iframe
|
||||||
className={'rounded-4 lg:w-96 sm:w-full h-52'}
|
className={'rounded-4 lg:w-96 sm:w-full h-52'}
|
||||||
src='https://www.aparat.com/video/video/embed/videohash/7riQv/vt/frame'
|
src='https://www.aparat.com/video/video/embed/videohash/7riQv/vt/frame'
|
||||||
allowFullScreen='true'
|
allowFullScreen='true'
|
||||||
webkitallowfullscreen='true'
|
webkitallowfullscreen='true'
|
||||||
mozallowfullscreen='true'
|
mozallowfullscreen='true'
|
||||||
></iframe>
|
></iframe>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div dir='rtl' className='flex flex-col'>
|
<div dir='rtl' className='flex flex-col'>
|
||||||
<div className={'text-center flex justify-content-center'}>
|
<div className={'text-center flex justify-content-center'}>
|
||||||
<img width={250} src={OnlineSvg} />
|
<img width={250} src={OnlineSvg} />
|
||||||
</div>
|
</div>
|
||||||
<div className={'sm:mt-5'}>
|
<div className={'sm:mt-5'}>
|
||||||
<h2 className='bk-heavy'>خرید سهام بیمارستان مهر ایرانیان</h2>
|
<h2 className='bk-heavy'>خرید سهام بیمارستان مهر ایرانیان</h2>
|
||||||
</div>
|
</div>
|
||||||
<div className='text-gray-500 mt-3'>
|
<div className='text-gray-500 mt-3'>
|
||||||
<h5 className='yekan-bakh-req leading-9 font-bold'>
|
<h5 className='yekan-bakh-req leading-9 font-bold'>
|
||||||
بهترین فرصت سرمایه گذاری در بخش درمان تصمیم بگیرید
|
بهترین فرصت سرمایه گذاری در بخش درمان تصمیم بگیرید
|
||||||
<br />و سرمایه گذار این بخش باشید.
|
<br />و سرمایه گذار این بخش باشید.
|
||||||
</h5>
|
</h5>
|
||||||
</div>
|
</div>
|
||||||
<div className='mt-4 flex lg:justify-start sm:justify-center md:justify-center'>
|
<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/'>
|
<a className={'text-[#39a2a5]'} target={'_blank'} href='https://landing.miphospital.ir/'>
|
||||||
<MDBBtn outline className={'border-[#39a2a5] ml-3'} rounded>
|
<MDBBtn outline className={'border-[#39a2a5] ml-3'} rounded>
|
||||||
اطلاعات بیشتر
|
اطلاعات بیشتر
|
||||||
</MDBBtn>
|
</MDBBtn>
|
||||||
</a>
|
</a>
|
||||||
<a className={'text-white'} target={'_blank'} href='https://panel.mehriranianco.ir/welcome'>
|
<a className={'text-white'} target={'_blank'} href='https://panel.mehriranianco.ir/welcome'>
|
||||||
<MDBBtn className={'bg-primary-teal'} rounded>
|
<MDBBtn className={'bg-primary-teal'} rounded>
|
||||||
خرید سهام
|
خرید سهام
|
||||||
<FiArrowLeft className={'mr-2'} />
|
<FiArrowLeft className={'mr-2'} />
|
||||||
</MDBBtn>
|
</MDBBtn>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{/*<div>*/}
|
{/*<div>*/}
|
||||||
{/* <MDBCardBody className={'card-inner'}>*/}
|
{/* <MDBCardBody className={'card-inner'}>*/}
|
||||||
{/* <div className={'flex justify-content-space'}>*/}
|
{/* <div className={'flex justify-content-space'}>*/}
|
||||||
{/* <div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>*/}
|
{/* <div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>*/}
|
||||||
{/* <img width={60} src={Investment} />*/}
|
{/* <img width={60} src={Investment} />*/}
|
||||||
{/* </div>*/}
|
{/* </div>*/}
|
||||||
{/* <div className={'mr-5'}>*/}
|
{/* <div className={'mr-5'}>*/}
|
||||||
{/* <MDBCardTitle className={'bk-med'}>خرید سهام </MDBCardTitle>*/}
|
{/* <MDBCardTitle className={'bk-med'}>خرید سهام </MDBCardTitle>*/}
|
||||||
{/* <MDBCardText className={'bk-light'}>*/}
|
{/* <MDBCardText className={'bk-light'}>*/}
|
||||||
{/* خرید سهام بیمارستان مهر ایرانیان پرند*/}
|
{/* خرید سهام بیمارستان مهر ایرانیان پرند*/}
|
||||||
{/* </MDBCardText>*/}
|
{/* </MDBCardText>*/}
|
||||||
{/* </div>*/}
|
{/* </div>*/}
|
||||||
{/* </div>*/}
|
{/* </div>*/}
|
||||||
{/* <div className={'flex justify-content-end'}>*/}
|
{/* <div className={'flex justify-content-end'}>*/}
|
||||||
{/* <MDBBtn href={'#contactUsform'} rounded className={'bk-med bg-primary-teal'}>خرید سهام </MDBBtn>*/}
|
{/* <MDBBtn href={'#contactUsform'} rounded className={'bk-med bg-primary-teal'}>خرید سهام </MDBBtn>*/}
|
||||||
{/* </div>*/}
|
{/* </div>*/}
|
||||||
{/* </MDBCardBody>*/}
|
{/* </MDBCardBody>*/}
|
||||||
{/*</div>*/}
|
{/*</div>*/}
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export default OnlineSales
|
export default OnlineSales
|
||||||
|
|||||||
+60
-60
@@ -1,61 +1,61 @@
|
|||||||
import React,{useState} from 'react';
|
import React,{useState} from 'react';
|
||||||
import {
|
import {
|
||||||
MDBBtn,
|
MDBBtn,
|
||||||
MDBIcon,
|
MDBIcon,
|
||||||
MDBModal,
|
MDBModal,
|
||||||
MDBModalBody, MDBModalContent,
|
MDBModalBody, MDBModalContent,
|
||||||
MDBModalDialog,
|
MDBModalDialog,
|
||||||
MDBModalFooter,
|
MDBModalFooter,
|
||||||
MDBModalHeader, MDBModalTitle
|
MDBModalHeader, MDBModalTitle
|
||||||
} from "mdb-react-ui-kit";
|
} from "mdb-react-ui-kit";
|
||||||
|
|
||||||
const Paralax = () => {
|
const Paralax = () => {
|
||||||
const [basicModal, setBasicModal] = useState(false);
|
const [basicModal, setBasicModal] = useState(false);
|
||||||
if (basicModal){
|
if (basicModal){
|
||||||
setTimeout(()=> {
|
setTimeout(()=> {
|
||||||
setBasicModal(false)
|
setBasicModal(false)
|
||||||
},2000)
|
},2000)
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className='bg-image mt-5 d-flex flex-md-column flex-sm-column ' style={{ maxWidth: '1080rem' }}>
|
<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" />
|
<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='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'>
|
<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'>
|
<h2 className='text-white p-5 mb-0'>
|
||||||
<MDBBtn onClick={() => setBasicModal(true)} size='lg' color='success'>
|
<MDBBtn onClick={() => setBasicModal(true)} size='lg' color='success'>
|
||||||
دریافت نوبت آنلاین
|
دریافت نوبت آنلاین
|
||||||
<MDBIcon style={{ paddingLeft: "15px",paddingTop: "5px",maxWidth: "100px",maxHeight: '50px' }} className='me-2 ' icon='clock' />
|
<MDBIcon style={{ paddingLeft: "15px",paddingTop: "5px",maxWidth: "100px",maxHeight: '50px' }} className='me-2 ' icon='clock' />
|
||||||
</MDBBtn>
|
</MDBBtn>
|
||||||
</h2>
|
</h2>
|
||||||
{/*<h3 style={{marginRight: "5%"}} className='text-white mb-0'> 021 - 2842 6945 تماس تلفنی </h3>*/}
|
{/*<h3 style={{marginRight: "5%"}} className='text-white mb-0'> 021 - 2842 6945 تماس تلفنی </h3>*/}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{process.browser &&
|
{process.browser &&
|
||||||
<MDBModal show={basicModal} tabIndex='-1'>
|
<MDBModal show={basicModal} tabIndex='-1'>
|
||||||
<MDBModalDialog>
|
<MDBModalDialog>
|
||||||
<MDBModalContent>
|
<MDBModalContent>
|
||||||
<MDBModalHeader>
|
<MDBModalHeader>
|
||||||
<MDBModalTitle className={'d-flex justify-content-start'} >این بخش در حال حاضر دسترس نیست </MDBModalTitle>
|
<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>
|
<MDBBtn className='btn-close left left-align d-flex justify-content-end' color='none' onClick={() => setBasicModal(false)}></MDBBtn>
|
||||||
</MDBModalHeader>
|
</MDBModalHeader>
|
||||||
<MDBModalBody className={'d-flex justify-content-around'}>
|
<MDBModalBody className={'d-flex justify-content-around'}>
|
||||||
<MDBIcon className='ms-1 text-danger' icon='exclamation' size='7x' />
|
<MDBIcon className='ms-1 text-danger' icon='exclamation' size='7x' />
|
||||||
</MDBModalBody>
|
</MDBModalBody>
|
||||||
|
|
||||||
<MDBModalFooter className={'d-flex justify-content-around'}>
|
<MDBModalFooter className={'d-flex justify-content-around'}>
|
||||||
<MDBBtn color='secondary' onClick={() => setBasicModal(false)}>
|
<MDBBtn color='secondary' onClick={() => setBasicModal(false)}>
|
||||||
بستن
|
بستن
|
||||||
</MDBBtn>
|
</MDBBtn>
|
||||||
</MDBModalFooter>
|
</MDBModalFooter>
|
||||||
</MDBModalContent>
|
</MDBModalContent>
|
||||||
</MDBModalDialog>
|
</MDBModalDialog>
|
||||||
</MDBModal>
|
</MDBModal>
|
||||||
}
|
}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|
||||||
export default Paralax;
|
export default Paralax;
|
||||||
+160
-160
@@ -1,161 +1,161 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import {
|
import {
|
||||||
MDBBtn,
|
MDBBtn,
|
||||||
MDBCard,
|
MDBCard,
|
||||||
MDBCardBody,
|
MDBCardBody,
|
||||||
MDBCardText,
|
MDBCardText,
|
||||||
MDBCardTitle, MDBCol,
|
MDBCardTitle, MDBCol,
|
||||||
MDBContainer,
|
MDBContainer,
|
||||||
MDBRow,
|
MDBRow,
|
||||||
MDBTypography
|
MDBTypography
|
||||||
} from "mdb-react-ui-kit";
|
} from "mdb-react-ui-kit";
|
||||||
import { Swiper, SwiperSlide } from 'swiper/react';
|
import { Swiper, SwiperSlide } from 'swiper/react';
|
||||||
import SwiperCore, { Autoplay } from 'swiper';
|
import SwiperCore, { Autoplay } from 'swiper';
|
||||||
import * as PropTypes from "prop-types";
|
import * as PropTypes from "prop-types";
|
||||||
import Adib_user from '../../public/resource/avatar/sales/Adib_user.jpg'
|
import Adib_user from '../../public/resource/avatar/sales/Adib_user.jpg'
|
||||||
import Babagoli from '../../public/resource/avatar/sales/Babagoli.png'
|
import Babagoli from '../../public/resource/avatar/sales/Babagoli.png'
|
||||||
import Talebi from '../../public/resource/avatar/sales/Talebi.png'
|
import Talebi from '../../public/resource/avatar/sales/Talebi.png'
|
||||||
import Namaki from '../../public/resource/avatar/sales/namaki.png'
|
import Namaki from '../../public/resource/avatar/sales/namaki.png'
|
||||||
import { Badge, Box, Image, Img } from "@chakra-ui/react";
|
import { Badge, Box, Image, Img } from "@chakra-ui/react";
|
||||||
import { MdPhone } from "react-icons/md";
|
import { MdPhone } from "react-icons/md";
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import Req from "../../public/resource/parallax/Asset 1.svg";
|
import Req from "../../public/resource/parallax/Asset 1.svg";
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
SwiperCore.use([Autoplay]);
|
SwiperCore.use([Autoplay]);
|
||||||
|
|
||||||
function MDBCardImage(props) {
|
function MDBCardImage(props) {
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
MDBCardImage.propTypes = {
|
MDBCardImage.propTypes = {
|
||||||
src: PropTypes.string,
|
src: PropTypes.string,
|
||||||
alt: PropTypes.string,
|
alt: PropTypes.string,
|
||||||
position: PropTypes.string
|
position: PropTypes.string
|
||||||
};
|
};
|
||||||
const SalesTeam = () => {
|
const SalesTeam = () => {
|
||||||
const users = [
|
const users = [
|
||||||
{ id: 1, name: 'سیمین ادیب', call: '09933924405', img: Adib_user, job: 'کارشناس فروش' },
|
{ id: 1, name: 'سیمین ادیب', call: '09933924405', img: Adib_user, job: 'کارشناس فروش' },
|
||||||
{ id: 2, name: ' فاطمه باباگلی', call: '09195013991', img: Babagoli, job: 'کارشناس فروش' },
|
{ id: 2, name: ' فاطمه باباگلی', call: '09195013991', img: Babagoli, job: 'کارشناس فروش' },
|
||||||
{ id: 3, name: ' مریم طالبی ', call: '09184894952', img: Talebi, job: 'کارشناس فروش' },
|
{ id: 3, name: ' مریم طالبی ', call: '09184894952', img: Talebi, job: 'کارشناس فروش' },
|
||||||
// {id:4, name: ' دکتر اسماعیلی ', call: '09204943950', img: Namaki, job: 'مدیر فروش سهام'},
|
// {id:4, name: ' دکتر اسماعیلی ', call: '09204943950', img: Namaki, job: 'مدیر فروش سهام'},
|
||||||
]
|
]
|
||||||
// return (
|
// return (
|
||||||
// <MDBContainer className={''}>
|
// <MDBContainer className={''}>
|
||||||
|
|
||||||
// <div className={'mb-5'}>
|
// <div className={'mb-5'}>
|
||||||
// <Link href={'/recruitment'}>
|
// <Link href={'/recruitment'}>
|
||||||
// <div className={'cursor-pointer hover-shadow'}>
|
// <div className={'cursor-pointer hover-shadow'}>
|
||||||
// <Img className={'rounded'} loading={'lazy'} src={Req} />
|
// <Img className={'rounded'} loading={'lazy'} src={Req} />
|
||||||
// </div>
|
// </div>
|
||||||
// </Link>
|
// </Link>
|
||||||
// </div>
|
// </div>
|
||||||
// <div className={'flex flex-col align-items-center justify-content-center'}>
|
// <div className={'flex flex-col align-items-center justify-content-center'}>
|
||||||
// <h4 className={'bk-med'}> کارشناسان فروش سهام</h4>
|
// <h4 className={'bk-med'}> کارشناسان فروش سهام</h4>
|
||||||
// <p className={'bk-light text-gray'}>خرید و فروش سهام ، پاسخ به سوالات ، مشاوره خرید</p>
|
// <p className={'bk-light text-gray'}>خرید و فروش سهام ، پاسخ به سوالات ، مشاوره خرید</p>
|
||||||
// </div>
|
// </div>
|
||||||
// <Swiper
|
// <Swiper
|
||||||
// spaceBetween={20}
|
// spaceBetween={20}
|
||||||
// slidesPerView={3}
|
// slidesPerView={3}
|
||||||
// className={'text-center'}
|
// className={'text-center'}
|
||||||
// // onSlideChange={() => console.log('slide change')}
|
// // onSlideChange={() => console.log('slide change')}
|
||||||
// // onSwiper={(swiper) => console.log(swiper)}
|
// // onSwiper={(swiper) => console.log(swiper)}
|
||||||
// autoplay={{
|
// autoplay={{
|
||||||
// "delay": 2500,
|
// "delay": 2500,
|
||||||
// "disableOnInteraction": false
|
// "disableOnInteraction": false
|
||||||
// }}
|
// }}
|
||||||
// breakpoints={{
|
// breakpoints={{
|
||||||
// "640": {
|
// "640": {
|
||||||
// "slidesPerView": 1,
|
// "slidesPerView": 1,
|
||||||
// "spaceBetween": 0
|
// "spaceBetween": 0
|
||||||
// },
|
// },
|
||||||
// "360": {
|
// "360": {
|
||||||
// "slidesPerView": 1,
|
// "slidesPerView": 1,
|
||||||
// "spaceBetween": 0
|
// "spaceBetween": 0
|
||||||
// },
|
// },
|
||||||
// "320": {
|
// "320": {
|
||||||
// "slidesPerView": 1,
|
// "slidesPerView": 1,
|
||||||
// "spaceBetween": 0
|
// "spaceBetween": 0
|
||||||
// },
|
// },
|
||||||
// "596": {
|
// "596": {
|
||||||
// width: 1080,
|
// width: 1080,
|
||||||
// "slidesPerView": 2,
|
// "slidesPerView": 2,
|
||||||
// "spaceBetween": 20
|
// "spaceBetween": 20
|
||||||
// },
|
// },
|
||||||
// "526": {
|
// "526": {
|
||||||
// "slidesPerView": 2,
|
// "slidesPerView": 2,
|
||||||
// "spaceBetween": 20
|
// "spaceBetween": 20
|
||||||
// },
|
// },
|
||||||
|
|
||||||
// "996": {
|
// "996": {
|
||||||
// "slidesPerView": 2,
|
// "slidesPerView": 2,
|
||||||
// "spaceBetween": 20
|
// "spaceBetween": 20
|
||||||
// },
|
// },
|
||||||
// "860": {
|
// "860": {
|
||||||
// "slidesPerView": 2,
|
// "slidesPerView": 2,
|
||||||
// "spaceBetween": 20
|
// "spaceBetween": 20
|
||||||
// },
|
// },
|
||||||
// "768": {
|
// "768": {
|
||||||
// "slidesPerView": 2,
|
// "slidesPerView": 2,
|
||||||
// "spaceBetween": 20
|
// "spaceBetween": 20
|
||||||
// },
|
// },
|
||||||
// "972": {
|
// "972": {
|
||||||
// "slidesPerView": 3,
|
// "slidesPerView": 3,
|
||||||
// "spaceBetween": 20
|
// "spaceBetween": 20
|
||||||
// },
|
// },
|
||||||
// "1024": {
|
// "1024": {
|
||||||
// "slidesPerView": 3,
|
// "slidesPerView": 3,
|
||||||
// "spaceBetween": 20
|
// "spaceBetween": 20
|
||||||
// }
|
// }
|
||||||
// }}
|
// }}
|
||||||
// >
|
// >
|
||||||
// {users.map((item) => (
|
// {users.map((item) => (
|
||||||
// <SwiperSlide className={'flex justify-content-center'}>
|
// <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'>
|
// <Box width={250} className={'shadow-2-strong hover-shadow m-2'} maxW='sm' borderWidth='1px' borderRadius='lg' overflow='hidden'>
|
||||||
// <Image src={item.img} alt={'بیمارستان مهر ایرانیان'} />
|
// <Image src={item.img} alt={'بیمارستان مهر ایرانیان'} />
|
||||||
// <Box p='6'>
|
// <Box p='6'>
|
||||||
// <Box
|
// <Box
|
||||||
// textAlign={'center'}
|
// textAlign={'center'}
|
||||||
// mt='1'
|
// mt='1'
|
||||||
// fontWeight='semibold'
|
// fontWeight='semibold'
|
||||||
// as='h4'
|
// as='h4'
|
||||||
// className={'bk'}
|
// className={'bk'}
|
||||||
// lineHeight='tight'
|
// lineHeight='tight'
|
||||||
// isTruncated
|
// isTruncated
|
||||||
// >
|
// >
|
||||||
// {item.name}
|
// {item.name}
|
||||||
// </Box>
|
// </Box>
|
||||||
// <p style={{ fontSize: 12 }} className={'text-gray'}>{item.job}</p>
|
// <p style={{ fontSize: 12 }} className={'text-gray'}>{item.job}</p>
|
||||||
// <Box textAlign={'center'}>
|
// <Box textAlign={'center'}>
|
||||||
// <Box as='span' color='gray.600' fontSize='sm'>
|
// <Box as='span' color='gray.600' fontSize='sm'>
|
||||||
// <div className={'bg-dark-teal py-2 text-white p-1 rounded-pill '}>
|
// <div className={'bg-dark-teal py-2 text-white p-1 rounded-pill '}>
|
||||||
// <a className={'text-white'} href={'tel:' + item.call}>
|
// <a className={'text-white'} href={'tel:' + item.call}>
|
||||||
// <MdPhone className={'bg-white p-1 mr-2 text-lg rounded-circle text-black'} />
|
// <MdPhone className={'bg-white p-1 mr-2 text-lg rounded-circle text-black'} />
|
||||||
// {item.call}
|
// {item.call}
|
||||||
// </a>
|
// </a>
|
||||||
// </div>
|
// </div>
|
||||||
// </Box>
|
// </Box>
|
||||||
// </Box>
|
// </Box>
|
||||||
// </Box>
|
// </Box>
|
||||||
// </Box>
|
// </Box>
|
||||||
// </SwiperSlide>
|
// </SwiperSlide>
|
||||||
// ))}
|
// ))}
|
||||||
// </Swiper>
|
// </Swiper>
|
||||||
// <MDBContainer className={'mt-5'}>
|
// <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 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>
|
// <div>
|
||||||
// <MDBTypography className={'ml-2 RTL text-base md:text-[1.25rem]'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>مشاوره تلفنی خرید سهام </MDBTypography>
|
// <MDBTypography className={'ml-2 RTL text-base md:text-[1.25rem]'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>مشاوره تلفنی خرید سهام </MDBTypography>
|
||||||
// </div>
|
// </div>
|
||||||
// <div>
|
// <div>
|
||||||
// <MDBTypography className={'mr-2 text-base md:text-[1.25rem]'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>021 - 53457000 </MDBTypography>
|
// <MDBTypography className={'mr-2 text-base md:text-[1.25rem]'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>021 - 53457000 </MDBTypography>
|
||||||
// </div>
|
// </div>
|
||||||
// </div>
|
// </div>
|
||||||
// </MDBContainer>
|
// </MDBContainer>
|
||||||
// </MDBContainer>
|
// </MDBContainer>
|
||||||
// );
|
// );
|
||||||
|
|
||||||
return null
|
return null
|
||||||
};
|
};
|
||||||
|
|
||||||
export default SalesTeam;
|
export default SalesTeam;
|
||||||
+107
-107
@@ -1,108 +1,108 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import {Divider, SimpleGrid} from "@chakra-ui/react";
|
import {Divider, SimpleGrid} from "@chakra-ui/react";
|
||||||
import {MDBBtn, MDBCard, MDBCardBody, MDBCardText, MDBCardTitle} from "mdb-react-ui-kit";
|
import {MDBBtn, MDBCard, MDBCardBody, MDBCardText, MDBCardTitle} from "mdb-react-ui-kit";
|
||||||
import Investment from '../../public/resource/images/paper.png'
|
import Investment from '../../public/resource/images/paper.png'
|
||||||
import Idea from '../../public/resource/images/idea.png'
|
import Idea from '../../public/resource/images/idea.png'
|
||||||
import recruitment from '../../public/resource/images/recruitment.png'
|
import recruitment from '../../public/resource/images/recruitment.png'
|
||||||
import clinic from '../../public/resource/images/clinics.png'
|
import clinic from '../../public/resource/images/clinics.png'
|
||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
|
|
||||||
|
|
||||||
const StockSales = () => {
|
const StockSales = () => {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<SimpleGrid dir={'rtl'} columns={[1, 1, 2]} spacing='40px'>
|
<SimpleGrid dir={'rtl'} columns={[1, 1, 2]} spacing='40px'>
|
||||||
<Link href={'#callstock'}>
|
{/* <Link href={'#callstock'}>
|
||||||
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
||||||
<MDBCardBody className={'card-inner'}>
|
<MDBCardBody className={'card-inner'}>
|
||||||
<div className={'flex justify-content-space'}>
|
<div className={'flex justify-content-space'}>
|
||||||
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
||||||
<img width={60} src={Investment} />
|
<img width={60} src={Investment} />
|
||||||
</div>
|
</div>
|
||||||
<div className={'mr-5'}>
|
<div className={'mr-5'}>
|
||||||
<MDBCardTitle className={'bk-med'}>مشاوره خرید سهام </MDBCardTitle>
|
<MDBCardTitle className={'bk-med'}>مشاوره خرید سهام </MDBCardTitle>
|
||||||
<MDBCardText className={'bk-light'}>
|
<MDBCardText className={'bk-light'}>
|
||||||
خرید سهام بیمارستان مهر ایرانیان پرند
|
خرید سهام بیمارستان مهر ایرانیان پرند
|
||||||
</MDBCardText>
|
</MDBCardText>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={'flex justify-content-end'}>
|
<div className={'flex justify-content-end'}>
|
||||||
<MDBBtn href={'#callstock'} rounded className={'bk-med bg-primary-teal'}>خرید سهام </MDBBtn>
|
<MDBBtn href={'#callstock'} rounded className={'bk-med bg-primary-teal'}>خرید سهام </MDBBtn>
|
||||||
</div>
|
</div>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</Link>
|
</Link> */}
|
||||||
<Link href={'/smartadvice'}>
|
{/* <Link href={'/smartadvice'}>
|
||||||
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
||||||
<MDBCardBody className={'card-inner'}>
|
<MDBCardBody className={'card-inner'}>
|
||||||
<div className={'flex justify-content-space'}>
|
<div className={'flex justify-content-space'}>
|
||||||
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
||||||
<img width={60} src={Idea} />
|
<img width={60} src={Idea} />
|
||||||
</div>
|
</div>
|
||||||
<div className={'mr-5'}>
|
<div className={'mr-5'}>
|
||||||
<MDBCardTitle className={'bk-med'}>مشاوره هوشمند سرمایه گذاری </MDBCardTitle>
|
<MDBCardTitle className={'bk-med'}>مشاوره هوشمند سرمایه گذاری </MDBCardTitle>
|
||||||
<MDBCardText className={'bk-light text-sm'}>
|
<MDBCardText className={'bk-light text-sm'}>
|
||||||
ارائه
|
ارائه
|
||||||
بهترین گزینههای سرمایهگذاری به شما
|
بهترین گزینههای سرمایهگذاری به شما
|
||||||
</MDBCardText>
|
</MDBCardText>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={'flex justify-content-end mt-2'}>
|
<div className={'flex justify-content-end mt-2'}>
|
||||||
<Link href={'/smartadvice'}>
|
<Link href={'/smartadvice'}>
|
||||||
<MDBBtn rounded className={'bk-med bg-primary-teal'}>شروع کنید </MDBBtn>
|
<MDBBtn rounded className={'bk-med bg-primary-teal'}>شروع کنید </MDBBtn>
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</Link>
|
</Link> */}
|
||||||
<Link href={'/recruitment'}>
|
<Link href={'/recruitment'}>
|
||||||
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
||||||
<MDBCardBody className={'card-inner'}>
|
<MDBCardBody className={'card-inner'}>
|
||||||
<div className={'flex justify-content-space'}>
|
<div className={'flex justify-content-space'}>
|
||||||
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
||||||
<img width={60} src={recruitment} />
|
<img width={60} src={recruitment} />
|
||||||
</div>
|
</div>
|
||||||
<div className={'mr-5'}>
|
<div className={'mr-5'}>
|
||||||
<MDBCardTitle className={'bk-med'}>استخدام </MDBCardTitle>
|
<MDBCardTitle className={'bk-med'}>استخدام </MDBCardTitle>
|
||||||
<MDBCardText className={'bk-light text-sm'}>
|
<MDBCardText className={'bk-light text-sm'}>
|
||||||
در بخش های درمان، اداری ، خدمات
|
در بخش های درمان، اداری ، خدمات
|
||||||
</MDBCardText>
|
</MDBCardText>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={'flex justify-content-end mt-2'}>
|
<div className={'flex justify-content-end mt-2'}>
|
||||||
<Link href={'/recruitment'}>
|
<Link href={'/recruitment'}>
|
||||||
<MDBBtn rounded className={'bk-med bg-primary-teal'}>درخواست استخدام </MDBBtn>
|
<MDBBtn rounded className={'bk-med bg-primary-teal'}>درخواست استخدام </MDBBtn>
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</Link>
|
</Link>
|
||||||
<Link href={'/components/service'}>
|
<Link href={'/components/service'}>
|
||||||
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
||||||
<MDBCardBody className={'card-inner'}>
|
<MDBCardBody className={'card-inner'}>
|
||||||
<div className={'flex justify-content-space'}>
|
<div className={'flex justify-content-space'}>
|
||||||
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
||||||
<img width={60} src={clinic} />
|
<img width={60} src={clinic} />
|
||||||
</div>
|
</div>
|
||||||
<div className={'mr-5'}>
|
<div className={'mr-5'}>
|
||||||
<MDBCardTitle className={'bk-med'}>بخش های درمانی </MDBCardTitle>
|
<MDBCardTitle className={'bk-med'}>بخش های درمانی </MDBCardTitle>
|
||||||
<MDBCardText className={'bk-light text-sm'}>
|
<MDBCardText className={'bk-light text-sm'}>
|
||||||
بخش های درمانی بیمارستان مهر ایرانیان پرند
|
بخش های درمانی بیمارستان مهر ایرانیان پرند
|
||||||
</MDBCardText>
|
</MDBCardText>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={'flex justify-content-end mt-2'}>
|
<div className={'flex justify-content-end mt-2'}>
|
||||||
<Link href={'/components/service'}>
|
<Link href={'/components/service'}>
|
||||||
<MDBBtn rounded className={'bk-med bg-primary-teal'}>مشاهده </MDBBtn>
|
<MDBBtn rounded className={'bk-med bg-primary-teal'}>مشاهده </MDBBtn>
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</Link>
|
</Link>
|
||||||
</SimpleGrid>
|
</SimpleGrid>
|
||||||
<Divider />
|
<Divider />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default StockSales;
|
export default StockSales;
|
||||||
+30
-30
@@ -1,31 +1,31 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import {MDBCol, MDBRow} from "mdb-react-ui-kit";
|
import {MDBCol, MDBRow} from "mdb-react-ui-kit";
|
||||||
import {TabPanel} from "@chakra-ui/react";
|
import {TabPanel} from "@chakra-ui/react";
|
||||||
|
|
||||||
const Videos = () => {
|
const Videos = () => {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<MDBRow dir={'rtl'} style={{ marginTop: 10 }}>
|
<MDBRow dir={'rtl'} style={{ marginTop: 10 }}>
|
||||||
<MDBCol md={12} sm={12} lg={4}>
|
<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>
|
<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>
|
||||||
<MDBCol md={12} sm={12} lg={4}>
|
<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>
|
<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>
|
||||||
|
|
||||||
<MDBCol md={12} sm={12} lg={4}>
|
<MDBCol md={12} sm={12} lg={4}>
|
||||||
<iframe
|
<iframe
|
||||||
width={380} height={250}
|
width={380} height={250}
|
||||||
src="https://www.aparat.com/video/video/embed/videohash/6EVc0/vt/frame?recom=none"
|
src="https://www.aparat.com/video/video/embed/videohash/6EVc0/vt/frame?recom=none"
|
||||||
allowFullScreen="true" webkitallowfullscreen="true"
|
allowFullScreen="true" webkitallowfullscreen="true"
|
||||||
mozallowfullscreen="true">
|
mozallowfullscreen="true">
|
||||||
</iframe>
|
</iframe>
|
||||||
</MDBCol>
|
</MDBCol>
|
||||||
|
|
||||||
</MDBRow>
|
</MDBRow>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default Videos;
|
export default Videos;
|
||||||
+247
-247
@@ -1,248 +1,248 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import {
|
import {
|
||||||
MDBContainer,
|
MDBContainer,
|
||||||
} from 'mdb-react-ui-kit';
|
} from 'mdb-react-ui-kit';
|
||||||
|
|
||||||
import SwiperCore, { Autoplay } from 'swiper';
|
import SwiperCore, { Autoplay } from 'swiper';
|
||||||
import StockSales from "./StockSales";
|
import StockSales from "./StockSales";
|
||||||
|
|
||||||
SwiperCore.use([Autoplay]);
|
SwiperCore.use([Autoplay]);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const Accessgrid = () => {
|
const Accessgrid = () => {
|
||||||
return (
|
return (
|
||||||
<MDBContainer>
|
<MDBContainer>
|
||||||
<style jsx>
|
<style jsx>
|
||||||
{
|
{
|
||||||
`
|
`
|
||||||
.videoArea {
|
.videoArea {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
|
|
||||||
}
|
}
|
||||||
.videSize{
|
.videSize{
|
||||||
width: 65%;
|
width: 65%;
|
||||||
height: auto;
|
height: auto;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
border: none;
|
border: none;
|
||||||
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
|
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
|
||||||
}
|
}
|
||||||
.textArea {
|
.textArea {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 991px){
|
@media screen and (max-width: 991px){
|
||||||
.videoArea{
|
.videoArea{
|
||||||
flex-direction: column-reverse;
|
flex-direction: column-reverse;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
.textArea {
|
.textArea {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
}
|
}
|
||||||
.fix-col {
|
.fix-col {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 639px){
|
@media screen and (max-width: 639px){
|
||||||
.fix-col{
|
.fix-col{
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
`
|
`
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<div>
|
<div>
|
||||||
{/*<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>*/}
|
{/*<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>*/}
|
||||||
{/* <MDBCol >*/}
|
{/* <MDBCol >*/}
|
||||||
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
||||||
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
||||||
|
|
||||||
{/* خدمات آنلاین بیماران*/}
|
{/* خدمات آنلاین بیماران*/}
|
||||||
{/* <MDBIcon className='ms-1' icon='globe' size='sm' />*/}
|
{/* <MDBIcon className='ms-1' icon='globe' size='sm' />*/}
|
||||||
|
|
||||||
{/* </MDBCardHeader>*/}
|
{/* </MDBCardHeader>*/}
|
||||||
{/* <MDBCardBody >*/}
|
{/* <MDBCardBody >*/}
|
||||||
{/* <MDBCardText style={{fontSize: 13,lineHeight:2,height: 128}} className={'right-align RTL'}>*/}
|
{/* <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>*/}
|
{/* <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>*/}
|
{/* </MDBCardText>*/}
|
||||||
{/* </MDBCardBody>*/}
|
{/* </MDBCardBody>*/}
|
||||||
{/* </MDBCard>*/}
|
{/* </MDBCard>*/}
|
||||||
{/* </MDBCol>*/}
|
{/* </MDBCol>*/}
|
||||||
{/* <MDBCol>*/}
|
{/* <MDBCol>*/}
|
||||||
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
||||||
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
||||||
{/* سامانه کارکنان*/}
|
{/* سامانه کارکنان*/}
|
||||||
{/* <MDBIcon className='ms-1' icon='users' size='sm' />*/}
|
{/* <MDBIcon className='ms-1' icon='users' size='sm' />*/}
|
||||||
|
|
||||||
{/* </MDBCardHeader>*/}
|
{/* </MDBCardHeader>*/}
|
||||||
{/* <MDBCardBody className='text-dark'>*/}
|
{/* <MDBCardBody className='text-dark'>*/}
|
||||||
{/* <MDBCardText style={{fontSize: 13,lineHeight:2,height: 128}} className={'right-align RTL'}>*/}
|
{/* <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>*/}
|
{/* <li><a href="">درخواست همکاری </a></li>*/}
|
||||||
{/* <li><a href="">استخدام </a></li>*/}
|
{/* <li><a href="">استخدام </a></li>*/}
|
||||||
{/* </MDBCardText>*/}
|
{/* </MDBCardText>*/}
|
||||||
{/* </MDBCardBody>*/}
|
{/* </MDBCardBody>*/}
|
||||||
{/* </MDBCard>*/}
|
{/* </MDBCard>*/}
|
||||||
{/* </MDBCol>*/}
|
{/* </MDBCol>*/}
|
||||||
{/* <MDBCol>*/}
|
{/* <MDBCol>*/}
|
||||||
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
||||||
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
||||||
{/* راهنمای مراجعین*/}
|
{/* راهنمای مراجعین*/}
|
||||||
{/* <MDBIcon className='ms-1' icon='phone' size='sm' />*/}
|
{/* <MDBIcon className='ms-1' icon='phone' size='sm' />*/}
|
||||||
|
|
||||||
{/* </MDBCardHeader>*/}
|
{/* </MDBCardHeader>*/}
|
||||||
{/* <MDBCardBody className='text-dark'>*/}
|
{/* <MDBCardBody className='text-dark'>*/}
|
||||||
{/* <MDBCardText style={{fontSize: 13,lineHeight:2,height: 128}} className={'right-align RTL'}>*/}
|
{/* <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>*/}
|
{/* <li><a href="">بیمه های طرف قرارداد </a></li>*/}
|
||||||
{/* <li><a href="">رزرو وقت </a></li>*/}
|
{/* <li><a href="">رزرو وقت </a></li>*/}
|
||||||
{/* </MDBCardText>*/}
|
{/* </MDBCardText>*/}
|
||||||
{/* </MDBCardBody>*/}
|
{/* </MDBCardBody>*/}
|
||||||
{/* </MDBCard>*/}
|
{/* </MDBCard>*/}
|
||||||
{/* </MDBCol>*/}
|
{/* </MDBCol>*/}
|
||||||
{/* <MDBCol>*/}
|
{/* <MDBCol>*/}
|
||||||
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
||||||
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
||||||
{/* بخش های درمانی*/}
|
{/* بخش های درمانی*/}
|
||||||
{/* <MDBIcon className='ms-1' icon='hospital-alt' size='sm' />*/}
|
{/* <MDBIcon className='ms-1' icon='hospital-alt' size='sm' />*/}
|
||||||
{/* </MDBCardHeader>*/}
|
{/* </MDBCardHeader>*/}
|
||||||
{/* <MDBCardBody className='text-dark'>*/}
|
{/* <MDBCardBody className='text-dark'>*/}
|
||||||
{/* <MDBCardText style={{fontSize: 13,lineHeight:2,height: 128}} className={'right-align RTL'}>*/}
|
{/* <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>*/}
|
{/* <li><a href="">مرکز جراحی </a></li>*/}
|
||||||
{/* <li><a href=""> پزشکان بیمارستان</a></li>*/}
|
{/* <li><a href=""> پزشکان بیمارستان</a></li>*/}
|
||||||
{/* </MDBCardText>*/}
|
{/* </MDBCardText>*/}
|
||||||
{/* </MDBCardBody>*/}
|
{/* </MDBCardBody>*/}
|
||||||
{/* </MDBCard>*/}
|
{/* </MDBCard>*/}
|
||||||
{/* </MDBCol>*/}
|
{/* </MDBCol>*/}
|
||||||
{/*</MDBRow>*/}
|
{/*</MDBRow>*/}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<br />
|
<br />
|
||||||
<StockSales />
|
<StockSales />
|
||||||
<br />
|
<br />
|
||||||
{/*<Swiper*/}
|
{/*<Swiper*/}
|
||||||
{/* spaceBetween={20}*/}
|
{/* spaceBetween={20}*/}
|
||||||
{/* navigation={true}*/}
|
{/* navigation={true}*/}
|
||||||
{/* slidesPerView={4}*/}
|
{/* slidesPerView={4}*/}
|
||||||
{/* watchSlidesProgress*/}
|
{/* watchSlidesProgress*/}
|
||||||
{/* // onSlideChange={() => console.log('slide change')}*/}
|
{/* // onSlideChange={() => console.log('slide change')}*/}
|
||||||
{/* // onSwiper={(swiper) => console.log(swiper)}*/}
|
{/* // onSwiper={(swiper) => console.log(swiper)}*/}
|
||||||
{/* autoplay={{*/}
|
{/* autoplay={{*/}
|
||||||
{/* "delay": 2500,*/}
|
{/* "delay": 2500,*/}
|
||||||
{/* "disableOnInteraction": false*/}
|
{/* "disableOnInteraction": false*/}
|
||||||
{/* }}*/}
|
{/* }}*/}
|
||||||
{/* breakpoints={{*/}
|
{/* breakpoints={{*/}
|
||||||
{/* "640": {*/}
|
{/* "640": {*/}
|
||||||
{/* "slidesPerView": 2,*/}
|
{/* "slidesPerView": 2,*/}
|
||||||
{/* "spaceBetween": 20*/}
|
{/* "spaceBetween": 20*/}
|
||||||
{/* },*/}
|
{/* },*/}
|
||||||
{/* "360": {*/}
|
{/* "360": {*/}
|
||||||
{/* "slidesPerView": 1,*/}
|
{/* "slidesPerView": 1,*/}
|
||||||
{/* "spaceBetween": 20*/}
|
{/* "spaceBetween": 20*/}
|
||||||
{/* },*/}
|
{/* },*/}
|
||||||
{/* "320": {*/}
|
{/* "320": {*/}
|
||||||
{/* "slidesPerView": 1,*/}
|
{/* "slidesPerView": 1,*/}
|
||||||
{/* "spaceBetween": 20*/}
|
{/* "spaceBetween": 20*/}
|
||||||
{/* },*/}
|
{/* },*/}
|
||||||
{/* "596": {*/}
|
{/* "596": {*/}
|
||||||
{/* width: 1080,*/}
|
{/* width: 1080,*/}
|
||||||
{/* "slidesPerView": 1,*/}
|
{/* "slidesPerView": 1,*/}
|
||||||
{/* "spaceBetween": 20*/}
|
{/* "spaceBetween": 20*/}
|
||||||
{/* },*/}
|
{/* },*/}
|
||||||
{/* "526": {*/}
|
{/* "526": {*/}
|
||||||
{/* "slidesPerView": 1,*/}
|
{/* "slidesPerView": 1,*/}
|
||||||
{/* "spaceBetween": 2*/}
|
{/* "spaceBetween": 2*/}
|
||||||
{/* },*/}
|
{/* },*/}
|
||||||
|
|
||||||
{/* "996": {*/}
|
{/* "996": {*/}
|
||||||
{/* "slidesPerView": 1,*/}
|
{/* "slidesPerView": 1,*/}
|
||||||
{/* "spaceBetween": 40*/}
|
{/* "spaceBetween": 40*/}
|
||||||
{/* },*/}
|
{/* },*/}
|
||||||
{/* "860": {*/}
|
{/* "860": {*/}
|
||||||
{/* "slidesPerView": 1,*/}
|
{/* "slidesPerView": 1,*/}
|
||||||
{/* "spaceBetween": 40*/}
|
{/* "spaceBetween": 40*/}
|
||||||
{/* },*/}
|
{/* },*/}
|
||||||
{/* "768":{*/}
|
{/* "768":{*/}
|
||||||
{/* "slidesPerView": 1,*/}
|
{/* "slidesPerView": 1,*/}
|
||||||
{/* "spaceBetween": 40*/}
|
{/* "spaceBetween": 40*/}
|
||||||
{/* },*/}
|
{/* },*/}
|
||||||
{/* "972": {*/}
|
{/* "972": {*/}
|
||||||
{/* "slidesPerView": 1,*/}
|
{/* "slidesPerView": 1,*/}
|
||||||
{/* "spaceBetween": 40*/}
|
{/* "spaceBetween": 40*/}
|
||||||
{/* },*/}
|
{/* },*/}
|
||||||
{/* "1024": {*/}
|
{/* "1024": {*/}
|
||||||
{/* "slidesPerView": 1,*/}
|
{/* "slidesPerView": 1,*/}
|
||||||
{/* "spaceBetween": 50*/}
|
{/* "spaceBetween": 50*/}
|
||||||
{/* }*/}
|
{/* }*/}
|
||||||
{/* }}*/}
|
{/* }}*/}
|
||||||
{/*>*/}
|
{/*>*/}
|
||||||
{/* <SwiperSlide>*/}
|
{/* <SwiperSlide>*/}
|
||||||
{/* <div className={'videoArea'}>*/}
|
{/* <div className={'videoArea'}>*/}
|
||||||
{/* <dvi>*/}
|
{/* <dvi>*/}
|
||||||
{/* <video className={'videSize'} controls>*/}
|
{/* <video className={'videSize'} controls>*/}
|
||||||
{/* <source src="https://aspb31.cdn.asset.aparat.com/aparat-video/6e3b0e419f951acdadaa1156fba3f68c40504352-480p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6ImYxOWQwODJjZGExMDczNzc4OTVhZjIyN2RmMGQxYzA3IiwiZXhwIjoxNjQzMTM3NjgxLCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.SuQ7NiruYW8h17Z7_xXY3SXGnmWKpzS1isEK0439vR0"></source>*/}
|
{/* <source src="https://aspb31.cdn.asset.aparat.com/aparat-video/6e3b0e419f951acdadaa1156fba3f68c40504352-480p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6ImYxOWQwODJjZGExMDczNzc4OTVhZjIyN2RmMGQxYzA3IiwiZXhwIjoxNjQzMTM3NjgxLCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.SuQ7NiruYW8h17Z7_xXY3SXGnmWKpzS1isEK0439vR0"></source>*/}
|
||||||
{/* </video>*/}
|
{/* </video>*/}
|
||||||
{/* </dvi>*/}
|
{/* </dvi>*/}
|
||||||
{/* <div className={'textArea'}>*/}
|
{/* <div className={'textArea'}>*/}
|
||||||
{/* <h3 className={'dana font-weight-bold'}> پیشرفت ساخت پروژه </h3>*/}
|
{/* <h3 className={'dana font-weight-bold'}> پیشرفت ساخت پروژه </h3>*/}
|
||||||
{/* <p style={{ lineHeight: 2.5 }}>*/}
|
{/* <p style={{ lineHeight: 2.5 }}>*/}
|
||||||
{/* پیشرفت 85 درصدی طبقه همکف بیمارستان مهر ایرانیان*/}
|
{/* پیشرفت 85 درصدی طبقه همکف بیمارستان مهر ایرانیان*/}
|
||||||
{/* <br />*/}
|
{/* <br />*/}
|
||||||
{/* طبقه همکف تا پایان دی ماه سال 1400 با تلاش شبانه روزی مهندسین مجرب و کارگران سخت کوش*/}
|
{/* طبقه همکف تا پایان دی ماه سال 1400 با تلاش شبانه روزی مهندسین مجرب و کارگران سخت کوش*/}
|
||||||
|
|
||||||
{/* آماده بهره برداری و خدمت رسانی به عموم مردم است*/}
|
{/* آماده بهره برداری و خدمت رسانی به عموم مردم است*/}
|
||||||
{/* </p>*/}
|
{/* </p>*/}
|
||||||
{/* </div>*/}
|
{/* </div>*/}
|
||||||
{/* </div>*/}
|
{/* </div>*/}
|
||||||
{/* </SwiperSlide>*/}
|
{/* </SwiperSlide>*/}
|
||||||
{/* <SwiperSlide>*/}
|
{/* <SwiperSlide>*/}
|
||||||
{/* <div className={'videoArea'}>*/}
|
{/* <div className={'videoArea'}>*/}
|
||||||
{/* <dvi>*/}
|
{/* <dvi>*/}
|
||||||
{/* <video className={'videSize'} controls>*/}
|
{/* <video className={'videSize'} controls>*/}
|
||||||
{/* <source src="https://aspb34.cdn.asset.aparat.com/aparat-video/a81f1bdc132fa527cb86a0d63a1535cc40504208-480p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6IjEwYWU1YWI5MzJkZTc5YzYxZGFkMThmNGEzNjcxNzI4IiwiZXhwIjoxNjQzMTM3NzU3LCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.UnGNKbRAe5WXtMZxW4a3aAS1y609J1W8JvUqXB2ZWds"></source>*/}
|
{/* <source src="https://aspb34.cdn.asset.aparat.com/aparat-video/a81f1bdc132fa527cb86a0d63a1535cc40504208-480p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6IjEwYWU1YWI5MzJkZTc5YzYxZGFkMThmNGEzNjcxNzI4IiwiZXhwIjoxNjQzMTM3NzU3LCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.UnGNKbRAe5WXtMZxW4a3aAS1y609J1W8JvUqXB2ZWds"></source>*/}
|
||||||
{/* </video>*/}
|
{/* </video>*/}
|
||||||
{/* </dvi>*/}
|
{/* </dvi>*/}
|
||||||
{/* <div className={'textArea'}>*/}
|
{/* <div className={'textArea'}>*/}
|
||||||
{/* <h3 className={'dana font-weight-bold'}> خرید سهام </h3>*/}
|
{/* <h3 className={'dana font-weight-bold'}> خرید سهام </h3>*/}
|
||||||
{/* <p style={{ lineHeight: 2.5 }}>*/}
|
{/* <p style={{ lineHeight: 2.5 }}>*/}
|
||||||
{/* توضیحات دکتر نمکی مدیر عامل بیمارستان مهر ایرانیان پرند در رابطه خرید سهام بیمارستان*/}
|
{/* توضیحات دکتر نمکی مدیر عامل بیمارستان مهر ایرانیان پرند در رابطه خرید سهام بیمارستان*/}
|
||||||
{/* در این ویدئو با مزایای خرید سهام و مراحل پیشرفت پروژه آشنا می شوید*/}
|
{/* در این ویدئو با مزایای خرید سهام و مراحل پیشرفت پروژه آشنا می شوید*/}
|
||||||
{/* </p>*/}
|
{/* </p>*/}
|
||||||
{/* <MDBBtn style={{ backgroundColor: '#EF4444', fontWeight: 'bold' }} className={'d-flex mb-5 justify-content-center dana '}>مشاوره خرید سهام </MDBBtn>*/}
|
{/* <MDBBtn style={{ backgroundColor: '#EF4444', fontWeight: 'bold' }} className={'d-flex mb-5 justify-content-center dana '}>مشاوره خرید سهام </MDBBtn>*/}
|
||||||
{/* </div>*/}
|
{/* </div>*/}
|
||||||
{/* </div>*/}
|
{/* </div>*/}
|
||||||
{/* </SwiperSlide>*/}
|
{/* </SwiperSlide>*/}
|
||||||
{/*</Swiper>*/}
|
{/*</Swiper>*/}
|
||||||
{/*<MDBContainer className={'mt-5'}>*/}
|
{/*<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 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>*/}
|
{/* <div>*/}
|
||||||
{/* <MDBTypography className={'ml-2 RTL'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>مشاوره تلفنی خرید سهام </MDBTypography>*/}
|
{/* <MDBTypography className={'ml-2 RTL'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>مشاوره تلفنی خرید سهام </MDBTypography>*/}
|
||||||
{/* </div>*/}
|
{/* </div>*/}
|
||||||
{/* <div>*/}
|
{/* <div>*/}
|
||||||
{/* <MDBTypography className={'mr-2'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>021 - 28426945 </MDBTypography>*/}
|
{/* <MDBTypography className={'mr-2'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>021 - 28426945 </MDBTypography>*/}
|
||||||
{/* </div>*/}``
|
{/* </div>*/}``
|
||||||
{/* </div>*/}
|
{/* </div>*/}
|
||||||
{/*</MDBContainer>*/}
|
{/*</MDBContainer>*/}
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default Accessgrid;
|
export default Accessgrid;
|
||||||
+152
-152
@@ -1,153 +1,153 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import {useState} from "react";
|
import {useState} from "react";
|
||||||
import {useFormik ,Form} from "formik";
|
import {useFormik ,Form} from "formik";
|
||||||
import { Formik } from "formik";
|
import { Formik } from "formik";
|
||||||
|
|
||||||
import * as Yup from 'yup'
|
import * as Yup from 'yup'
|
||||||
import {
|
import {
|
||||||
MDBInputGroup,
|
MDBInputGroup,
|
||||||
MDBInputGroupText,
|
MDBInputGroupText,
|
||||||
MDBInputGroupElement, MDBContainer, MDBRow, MDBIcon, MDBInput, MDBBtn, MDBSpinner, MDBTypography
|
MDBInputGroupElement, MDBContainer, MDBRow, MDBIcon, MDBInput, MDBBtn, MDBSpinner, MDBTypography
|
||||||
} from 'mdb-react-ui-kit'
|
} from 'mdb-react-ui-kit'
|
||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
import {AppUrl} from "../../lib/api";
|
import {AppUrl} from "../../lib/api";
|
||||||
import {AiOutlinePhone, AiOutlineUser} from "react-icons/ai";
|
import {AiOutlinePhone, AiOutlineUser} from "react-icons/ai";
|
||||||
|
|
||||||
const Connect = () => {
|
const Connect = () => {
|
||||||
const [Loading,setLoading] = useState(false);
|
const [Loading,setLoading] = useState(false);
|
||||||
const [Success,setSuccess] = useState(false);
|
const [Success,setSuccess] = useState(false);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<Formik
|
<Formik
|
||||||
initialValues={{ name: "" ,PhoneNumber: "",text: ""}}
|
initialValues={{ name: "" ,PhoneNumber: "",text: ""}}
|
||||||
onSubmit={async (values,{resetForm}) => {
|
onSubmit={async (values,{resetForm}) => {
|
||||||
setLoading(true);
|
setLoading(true);
|
||||||
const dataForm = values;
|
const dataForm = values;
|
||||||
const SubmitForm = axios.post(AppUrl('contact-us'),dataForm).then((res) => {
|
const SubmitForm = axios.post(AppUrl('contact-us'),dataForm).then((res) => {
|
||||||
if (res.status === 200) {
|
if (res.status === 200) {
|
||||||
setLoading(false);
|
setLoading(false);
|
||||||
setSuccess(true);
|
setSuccess(true);
|
||||||
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
||||||
resetForm({})
|
resetForm({})
|
||||||
}}
|
}}
|
||||||
validateOnChange={false}
|
validateOnChange={false}
|
||||||
validateOnBlur={false}
|
validateOnBlur={false}
|
||||||
validationSchema={Yup.object().shape({
|
validationSchema={Yup.object().shape({
|
||||||
name: Yup.string().required("وارد کردن نام الزامی است."),
|
name: Yup.string().required("وارد کردن نام الزامی است."),
|
||||||
PhoneNumber : Yup.string().required('شماره تلفن الزامی است .'),
|
PhoneNumber : Yup.string().required('شماره تلفن الزامی است .'),
|
||||||
text : Yup.string().required('متن پیام وارد نشده است. '),
|
text : Yup.string().required('متن پیام وارد نشده است. '),
|
||||||
})}
|
})}
|
||||||
>
|
>
|
||||||
{props => {
|
{props => {
|
||||||
props.submitCount > 0 && (props.validateOnChange = true);
|
props.submitCount > 0 && (props.validateOnChange = true);
|
||||||
const {
|
const {
|
||||||
values,
|
values,
|
||||||
touched,
|
touched,
|
||||||
errors,
|
errors,
|
||||||
handleChange,
|
handleChange,
|
||||||
handleBlur,
|
handleBlur,
|
||||||
handleSubmit,
|
handleSubmit,
|
||||||
handleReset
|
handleReset
|
||||||
} = props;
|
} = props;
|
||||||
return (
|
return (
|
||||||
<form id={'contactUsform'} style={{marginTop: '25px'}} onSubmit={handleSubmit}>
|
<form id={'contactUsform'} style={{marginTop: '25px'}} onSubmit={handleSubmit}>
|
||||||
<MDBContainer>
|
<MDBContainer>
|
||||||
<h5 className={'right-align font-weight-bold'}> تماس با ما و مشاوره خرید سهام </h5>
|
<h5 className={'right-align font-weight-bold'}> تماس با ما و مشاوره خرید سهام </h5>
|
||||||
<br />
|
<br />
|
||||||
<MDBRow>
|
<MDBRow>
|
||||||
<MDBInputGroup className='mb-3' style={{width: '50%'}}>
|
<MDBInputGroup className='mb-3' style={{width: '50%'}}>
|
||||||
<MDBInputGroupElement
|
<MDBInputGroupElement
|
||||||
onChange={handleChange}
|
onChange={handleChange}
|
||||||
onBlur={handleBlur}
|
onBlur={handleBlur}
|
||||||
value={values.PhoneNumber}
|
value={values.PhoneNumber}
|
||||||
name="PhoneNumber"
|
name="PhoneNumber"
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
id="PhoneNumber"
|
id="PhoneNumber"
|
||||||
placeholder='شماره تماس '
|
placeholder='شماره تماس '
|
||||||
type='text' />
|
type='text' />
|
||||||
|
|
||||||
<MDBInputGroupText>
|
<MDBInputGroupText>
|
||||||
<AiOutlinePhone />
|
<AiOutlinePhone />
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
|
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
|
|
||||||
<MDBInputGroup className='mb-3' style={{width: '50%'}}>
|
<MDBInputGroup className='mb-3' style={{width: '50%'}}>
|
||||||
<MDBInputGroupElement
|
<MDBInputGroupElement
|
||||||
value={values.name}
|
value={values.name}
|
||||||
onChange={handleChange}
|
onChange={handleChange}
|
||||||
name="name"
|
name="name"
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
id="name"
|
id="name"
|
||||||
placeholder=' نام خود را وارد کنید '
|
placeholder=' نام خود را وارد کنید '
|
||||||
type='text' />
|
type='text' />
|
||||||
<MDBInputGroupText>
|
<MDBInputGroupText>
|
||||||
<AiOutlineUser />
|
<AiOutlineUser />
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
<MDBInputGroup className='mb-3' style={{width: '100%'}}>
|
<MDBInputGroup className='mb-3' style={{width: '100%'}}>
|
||||||
<MDBInputGroupElement
|
<MDBInputGroupElement
|
||||||
name={'text'}
|
name={'text'}
|
||||||
id={'text'}
|
id={'text'}
|
||||||
value={values.text}
|
value={values.text}
|
||||||
onChange={handleChange}
|
onChange={handleChange}
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
className={'right-align RTL'}
|
className={'right-align RTL'}
|
||||||
style={{height: '100%'}}
|
style={{height: '100%'}}
|
||||||
placeholder='متن پیام خود را وارد کنید'
|
placeholder='متن پیام خود را وارد کنید'
|
||||||
textarea
|
textarea
|
||||||
type='text' />
|
type='text' />
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
</MDBRow>
|
</MDBRow>
|
||||||
<MDBBtn type={'submit'}>
|
<MDBBtn type={'submit'}>
|
||||||
{Loading ? (
|
{Loading ? (
|
||||||
<>
|
<>
|
||||||
<MDBSpinner grow size='sm' role='status' tag='span' />
|
<MDBSpinner grow size='sm' role='status' tag='span' />
|
||||||
<span className='visually-hidden'>Loading...</span>
|
<span className='visually-hidden'>Loading...</span>
|
||||||
</>
|
</>
|
||||||
):
|
):
|
||||||
<>
|
<>
|
||||||
ارسال
|
ارسال
|
||||||
</>
|
</>
|
||||||
}
|
}
|
||||||
</MDBBtn>
|
</MDBBtn>
|
||||||
{touched.PhoneNumber && errors.PhoneNumber ? (
|
{touched.PhoneNumber && errors.PhoneNumber ? (
|
||||||
<div className={'d-flex justify-content-end text-danger '}>
|
<div className={'d-flex justify-content-end text-danger '}>
|
||||||
{errors.PhoneNumber}
|
{errors.PhoneNumber}
|
||||||
</div>
|
</div>
|
||||||
): null}
|
): null}
|
||||||
{touched.name && errors.name ? (
|
{touched.name && errors.name ? (
|
||||||
<div className={'d-flex justify-content-end text-danger '}>
|
<div className={'d-flex justify-content-end text-danger '}>
|
||||||
{errors.name}
|
{errors.name}
|
||||||
</div>
|
</div>
|
||||||
): null}
|
): null}
|
||||||
{touched.text && errors.text ? (
|
{touched.text && errors.text ? (
|
||||||
<div className={'d-flex justify-content-end text-danger '}>
|
<div className={'d-flex justify-content-end text-danger '}>
|
||||||
{errors.text}
|
{errors.text}
|
||||||
</div>
|
</div>
|
||||||
): null}
|
): null}
|
||||||
<br/>
|
<br/>
|
||||||
{Success ? (
|
{Success ? (
|
||||||
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #00B74A',borderLeft: 'none'}} note noteColor='success'>
|
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #00B74A',borderLeft: 'none'}} note noteColor='success'>
|
||||||
اطلاعات شما ارسال شد ، بعد از بررسی با شما تماس گرفته می شود .
|
اطلاعات شما ارسال شد ، بعد از بررسی با شما تماس گرفته می شود .
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
): null}
|
): null}
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</form>
|
</form>
|
||||||
);
|
);
|
||||||
}}
|
}}
|
||||||
</Formik>
|
</Formik>
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
};
|
};
|
||||||
|
|
||||||
export default Connect;
|
export default Connect;
|
||||||
+96
-96
@@ -1,97 +1,97 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import {
|
import {
|
||||||
MDBCard,
|
MDBCard,
|
||||||
MDBCardBody,
|
MDBCardBody,
|
||||||
MDBCardTitle,
|
MDBCardTitle,
|
||||||
MDBCardText,
|
MDBCardText,
|
||||||
MDBCardImage,
|
MDBCardImage,
|
||||||
MDBBtn,
|
MDBBtn,
|
||||||
MDBContainer,
|
MDBContainer,
|
||||||
MDBRow, MDBCol
|
MDBRow, MDBCol
|
||||||
} from 'mdb-react-ui-kit';
|
} from 'mdb-react-ui-kit';
|
||||||
import {useRouter} from "next/router";
|
import {useRouter} from "next/router";
|
||||||
import AppContainer from "../appContainer";
|
import AppContainer from "../appContainer";
|
||||||
|
|
||||||
const Doctors = ({children}) => {
|
const Doctors = ({children}) => {
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
|
|
||||||
const dataPageDoctors = (
|
const dataPageDoctors = (
|
||||||
<MDBContainer>
|
<MDBContainer>
|
||||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
|
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
|
||||||
کادر درمان بیمارستان مهر ایرانیان
|
کادر درمان بیمارستان مهر ایرانیان
|
||||||
<hr />
|
<hr />
|
||||||
</h5>
|
</h5>
|
||||||
<br/>
|
<br/>
|
||||||
<MDBRow className='row-cols-1 row-cols-md-4 g-6'>
|
<MDBRow className='row-cols-1 row-cols-md-4 g-6'>
|
||||||
<MDBCol>
|
<MDBCol>
|
||||||
<MDBCard className='h-80'>
|
<MDBCard className='h-80'>
|
||||||
<MDBCardImage
|
<MDBCardImage
|
||||||
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
||||||
alt='...'
|
alt='...'
|
||||||
position='top'
|
position='top'
|
||||||
/>
|
/>
|
||||||
<MDBCardBody>
|
<MDBCardBody>
|
||||||
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
||||||
<MDBCardText className={'text-center mt-3'}>
|
<MDBCardText className={'text-center mt-3'}>
|
||||||
متخصص قلب و عروق
|
متخصص قلب و عروق
|
||||||
</MDBCardText>
|
</MDBCardText>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</MDBCol>
|
</MDBCol>
|
||||||
<MDBCol>
|
<MDBCol>
|
||||||
<MDBCard className='h-80'>
|
<MDBCard className='h-80'>
|
||||||
<MDBCardImage
|
<MDBCardImage
|
||||||
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
||||||
alt='...'
|
alt='...'
|
||||||
position='top'
|
position='top'
|
||||||
/>
|
/>
|
||||||
<MDBCardBody>
|
<MDBCardBody>
|
||||||
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
||||||
<MDBCardText className={'text-center mt-3'}>
|
<MDBCardText className={'text-center mt-3'}>
|
||||||
متخصص قلب و عروق
|
متخصص قلب و عروق
|
||||||
</MDBCardText>
|
</MDBCardText>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</MDBCol>
|
</MDBCol>
|
||||||
<MDBCol>
|
<MDBCol>
|
||||||
<MDBCard className='h-80'>
|
<MDBCard className='h-80'>
|
||||||
<MDBCardImage
|
<MDBCardImage
|
||||||
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
||||||
alt='...'
|
alt='...'
|
||||||
position='top'
|
position='top'
|
||||||
/>
|
/>
|
||||||
<MDBCardBody>
|
<MDBCardBody>
|
||||||
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
||||||
<MDBCardText className={'text-center mt-3'}>
|
<MDBCardText className={'text-center mt-3'}>
|
||||||
متخصص قلب و عروق
|
متخصص قلب و عروق
|
||||||
</MDBCardText>
|
</MDBCardText>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</MDBCol>
|
</MDBCol>
|
||||||
<MDBCol>
|
<MDBCol>
|
||||||
<MDBCard className='h-80'>
|
<MDBCard className='h-80'>
|
||||||
<MDBCardImage
|
<MDBCardImage
|
||||||
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
||||||
alt='...'
|
alt='...'
|
||||||
position='top'
|
position='top'
|
||||||
/>
|
/>
|
||||||
<MDBCardBody>
|
<MDBCardBody>
|
||||||
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
||||||
<MDBCardText className={'text-center mt-3'}>
|
<MDBCardText className={'text-center mt-3'}>
|
||||||
متخصص قلب و عروق
|
متخصص قلب و عروق
|
||||||
</MDBCardText>
|
</MDBCardText>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</MDBCol>
|
</MDBCol>
|
||||||
</MDBRow>
|
</MDBRow>
|
||||||
{children}
|
{children}
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
)
|
)
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
{router.pathname === '/' ? dataPageDoctors : <AppContainer children={dataPageDoctors} />}
|
{router.pathname === '/' ? dataPageDoctors : <AppContainer children={dataPageDoctors} />}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default Doctors;
|
export default Doctors;
|
||||||
+320
-320
@@ -1,320 +1,320 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import { Swiper, SwiperSlide } from 'swiper/react'
|
import { Swiper, SwiperSlide } from 'swiper/react'
|
||||||
import SwiperCore, { Autoplay } from 'swiper'
|
import SwiperCore, { Autoplay } from 'swiper'
|
||||||
|
|
||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
import {
|
import {
|
||||||
MDBCard,
|
MDBCard,
|
||||||
MDBCardBody,
|
MDBCardBody,
|
||||||
MDBCardTitle,
|
MDBCardTitle,
|
||||||
MDBCardText,
|
MDBCardText,
|
||||||
MDBCardHeader,
|
MDBCardHeader,
|
||||||
MDBCardFooter,
|
MDBCardFooter,
|
||||||
MDBBtn,
|
MDBBtn,
|
||||||
MDBTypography,
|
MDBTypography,
|
||||||
MDBContainer,
|
MDBContainer,
|
||||||
MDBRow,
|
MDBRow,
|
||||||
MDBCol
|
MDBCol
|
||||||
} from 'mdb-react-ui-kit'
|
} from 'mdb-react-ui-kit'
|
||||||
import { useRouter } from 'next/router'
|
import { useRouter } from 'next/router'
|
||||||
import AppContainer from '../appContainer'
|
import AppContainer from '../appContainer'
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
import { Button, Center, Flex, Heading, Input, InputGroup, InputLeftAddon, InputRightAddon } from '@chakra-ui/react'
|
import { Button, Center, Flex, Heading, Input, InputGroup, InputLeftAddon, InputRightAddon } from '@chakra-ui/react'
|
||||||
import { Step, Steps, useSteps } from 'chakra-ui-steps'
|
import { Step, Steps, useSteps } from 'chakra-ui-steps'
|
||||||
|
|
||||||
SwiperCore.use([Autoplay])
|
SwiperCore.use([Autoplay])
|
||||||
|
|
||||||
// Import Swiper styles
|
// Import Swiper styles
|
||||||
|
|
||||||
const Parallax = ({ quality }) => {
|
const Parallax = ({ quality }) => {
|
||||||
return `https://image.freepik.com/free-photo/blur-hospital_1203-7957.jpg`
|
return `https://image.freepik.com/free-photo/blur-hospital_1203-7957.jpg`
|
||||||
}
|
}
|
||||||
|
|
||||||
const dataServiceList = (
|
const dataServiceList = (
|
||||||
<>
|
<>
|
||||||
<div className='parallax-container'>
|
<div className='parallax-container'>
|
||||||
<h2 className={'center-align text-dark service-text dana font-weight-bold'}> کلینیک ها و بخش ها </h2>
|
<h2 className={'center-align text-dark service-text dana font-weight-bold'}> کلینیک ها و بخش ها </h2>
|
||||||
<Image
|
<Image
|
||||||
loader={Parallax}
|
loader={Parallax}
|
||||||
src='Parallax.png'
|
src='Parallax.png'
|
||||||
className={'responsive-img shadow-5'}
|
className={'responsive-img shadow-5'}
|
||||||
alt='Picture of the author'
|
alt='Picture of the author'
|
||||||
width={3000}
|
width={3000}
|
||||||
height={1500}
|
height={1500}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<MDBContainer style={{ marginTop: 10 }}>
|
<MDBContainer style={{ marginTop: 10 }}>
|
||||||
<div>
|
<div>
|
||||||
<MDBTypography
|
<MDBTypography
|
||||||
style={{ direction: 'rtl', borderRadius: '6px solid', borderRight: '6px solid #1266f1', borderLeft: 'none' }}
|
style={{ direction: 'rtl', borderRadius: '6px solid', borderRight: '6px solid #1266f1', borderLeft: 'none' }}
|
||||||
note
|
note
|
||||||
noteColor='primary'
|
noteColor='primary'
|
||||||
>
|
>
|
||||||
برای رزرو وقت روی هر کلینیک کلیک کنید
|
برای رزرو وقت روی هر کلینیک کلیک کنید
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
</div>
|
</div>
|
||||||
<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
||||||
<MDBCol>
|
<MDBCol>
|
||||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem', height: '250px' }}>
|
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem', height: '250px' }}>
|
||||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||||
<img width={'50'} src='https://image.flaticon.com/icons/png/512/2044/2044708.png' alt='' />
|
<img width={'50'} src='https://image.flaticon.com/icons/png/512/2044/2044708.png' alt='' />
|
||||||
</MDBCardHeader>
|
</MDBCardHeader>
|
||||||
<MDBCardBody>
|
<MDBCardBody>
|
||||||
<MDBCardTitle className={'dana'}> بخش گوارش </MDBCardTitle>
|
<MDBCardTitle className={'dana'}> بخش گوارش </MDBCardTitle>
|
||||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</MDBCol>
|
</MDBCol>
|
||||||
|
|
||||||
<MDBCol>
|
<MDBCol>
|
||||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem', height: '250px' }}>
|
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem', height: '250px' }}>
|
||||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||||
<img width={'50'} src='https://image.flaticon.com/icons/png/512/1839/1839377.png' alt='' />
|
<img width={'50'} src='https://image.flaticon.com/icons/png/512/1839/1839377.png' alt='' />
|
||||||
</MDBCardHeader>
|
</MDBCardHeader>
|
||||||
<MDBCardBody>
|
<MDBCardBody>
|
||||||
<MDBCardTitle className={'dana'}> بخش قلب و عروق </MDBCardTitle>
|
<MDBCardTitle className={'dana'}> بخش قلب و عروق </MDBCardTitle>
|
||||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</MDBCol>
|
</MDBCol>
|
||||||
<MDBCol>
|
<MDBCol>
|
||||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem', height: '250px' }}>
|
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem', height: '250px' }}>
|
||||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||||
<img width={'50'} src='https://image.flaticon.com/icons/png/512/2847/2847982.png' alt='' />
|
<img width={'50'} src='https://image.flaticon.com/icons/png/512/2847/2847982.png' alt='' />
|
||||||
</MDBCardHeader>
|
</MDBCardHeader>
|
||||||
<MDBCardBody>
|
<MDBCardBody>
|
||||||
<MDBCardTitle className={'dana'}> بخش مغز و اعصاب </MDBCardTitle>
|
<MDBCardTitle className={'dana'}> بخش مغز و اعصاب </MDBCardTitle>
|
||||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</MDBCol>
|
</MDBCol>
|
||||||
<MDBCol>
|
<MDBCol>
|
||||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem', height: '250px' }}>
|
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem', height: '250px' }}>
|
||||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||||
<img width={'50'} src='https://image.flaticon.com/icons/png/512/1610/1610185.png' alt='' />
|
<img width={'50'} src='https://image.flaticon.com/icons/png/512/1610/1610185.png' alt='' />
|
||||||
</MDBCardHeader>
|
</MDBCardHeader>
|
||||||
<MDBCardBody>
|
<MDBCardBody>
|
||||||
<MDBCardTitle className={'dana'}> بخش دندان پزشکی </MDBCardTitle>
|
<MDBCardTitle className={'dana'}> بخش دندان پزشکی </MDBCardTitle>
|
||||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</MDBCol>
|
</MDBCol>
|
||||||
<MDBCol>
|
<MDBCol>
|
||||||
<MDBCard
|
<MDBCard
|
||||||
className={'color-top-card'}
|
className={'color-top-card'}
|
||||||
alignment='center'
|
alignment='center'
|
||||||
style={{ cursor: 'pointer', maxWidth: '32rem', height: '250px' }}
|
style={{ cursor: 'pointer', maxWidth: '32rem', height: '250px' }}
|
||||||
>
|
>
|
||||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||||
<img width={'50'} src='https://image.flaticon.com/icons/png/512/2660/2660065.png' alt='' />
|
<img width={'50'} src='https://image.flaticon.com/icons/png/512/2660/2660065.png' alt='' />
|
||||||
</MDBCardHeader>
|
</MDBCardHeader>
|
||||||
<MDBCardBody>
|
<MDBCardBody>
|
||||||
<MDBCardTitle className={'dana'}> بخش کلیه و مجاری ادارای </MDBCardTitle>
|
<MDBCardTitle className={'dana'}> بخش کلیه و مجاری ادارای </MDBCardTitle>
|
||||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</MDBCol>
|
</MDBCol>
|
||||||
</MDBRow>
|
</MDBRow>
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
<br />
|
<br />
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
const steps = [
|
const steps = [
|
||||||
{ label: 'Step 1', description: 'Step 1 description' },
|
{ label: 'Step 1', description: 'Step 1 description' },
|
||||||
{ label: 'Step 2', description: 'Step 2 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' },
|
||||||
{ 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 Service = () => {
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const dataMipService = [
|
const dataMipService = [
|
||||||
{ id: 1, title: 'بخش اورژانس', icon: './resource/icons/hospital-c.png', description: 'اورژانس' },
|
{ id: 1, title: 'بخش اورژانس', icon: './resource/icons/hospital-c.png', description: 'اورژانس' },
|
||||||
{ id: 2, title: 'درمانگاه', icon: './resource/icons/hospital.png', description: 'درمانگاه تخصصی' },
|
{ id: 2, title: 'درمانگاه', icon: './resource/icons/hospital.png', description: 'درمانگاه تخصصی' },
|
||||||
{ id: 3, title: 'بخش بستری داخلی', icon: './resource/icons/hospital-bed.png', description: 'بستری داخلی' },
|
{ id: 3, title: 'بخش بستری داخلی', icon: './resource/icons/hospital-bed.png', description: 'بستری داخلی' },
|
||||||
{ id: 4, title: 'بخش اسکوپی', icon: './resource/icons/scope.png', description: 'اسکوپی' },
|
{ id: 4, title: 'بخش اسکوپی', icon: './resource/icons/scope.png', description: 'اسکوپی' },
|
||||||
{ id: 5, title: 'بخش پوست', icon: './resource/icons/dermis.png', description: 'زیبایی و لیزر' },
|
{ id: 5, title: 'بخش پوست', icon: './resource/icons/dermis.png', description: 'زیبایی و لیزر' },
|
||||||
{ id: 6, title: 'بخش جراحی', icon: './resource/icons/surgery.png', description: 'تخصصی و زیبایی' },
|
{ id: 6, title: 'بخش جراحی', icon: './resource/icons/surgery.png', description: 'تخصصی و زیبایی' },
|
||||||
{ id: 7, title: 'بخش اتاق عمل', icon: './resource/icons/operating-room.png', description: 'اتاق عمل' },
|
{ id: 7, title: 'بخش اتاق عمل', icon: './resource/icons/operating-room.png', description: 'اتاق عمل' },
|
||||||
{ id: 8, title: 'بخش مراقبت های ویژه ICU', icon: './resource/icons/ICU.png', description: 'ICU' },
|
{ id: 8, title: 'بخش مراقبت های ویژه ICU', icon: './resource/icons/ICU.png', description: 'ICU' },
|
||||||
{ id: 9, title: 'بخش مراقبت های ویژه قلب CCU', icon: './resource/icons/CCU.png', description: 'CCU' },
|
{ id: 9, title: 'بخش مراقبت های ویژه قلب CCU', icon: './resource/icons/CCU.png', description: 'CCU' },
|
||||||
{ id: 10, title: 'بخش مراقبت های ویژه نوزدان NICU', icon: './resource/icons/NICU.png', description: 'NICU' },
|
{ id: 10, title: 'بخش مراقبت های ویژه نوزدان NICU', icon: './resource/icons/NICU.png', description: 'NICU' },
|
||||||
{ id: 11, title: 'بخش زایمان LDR', icon: './resource/icons/baby.png', description: 'LDR' },
|
{ id: 11, title: 'بخش زایمان LDR', icon: './resource/icons/baby.png', description: 'LDR' },
|
||||||
{ id: 12, title: 'بخش تصویر برداری', icon: './resource/icons/x-rays.png', description: 'سونوگرافی و ...' },
|
{ id: 12, title: 'بخش تصویر برداری', icon: './resource/icons/x-rays.png', description: 'سونوگرافی و ...' },
|
||||||
{ id: 13, title: 'بخش آزمایشگاه', icon: './resource/icons/test-tubes.png', description: 'تخصصی ، سلامت سنجی' },
|
{ id: 13, title: 'بخش آزمایشگاه', icon: './resource/icons/test-tubes.png', description: 'تخصصی ، سلامت سنجی' },
|
||||||
{ id: 14, title: 'بخش فیزیوتراپی', icon: './resource/icons/spinal-cord.png', description: 'تست قلب و ...' }
|
{ id: 14, title: 'بخش فیزیوتراپی', icon: './resource/icons/spinal-cord.png', description: 'تست قلب و ...' }
|
||||||
]
|
]
|
||||||
const { nextStep, prevStep, reset, activeStep } = useSteps({
|
const { nextStep, prevStep, reset, activeStep } = useSteps({
|
||||||
initialStep: 0
|
initialStep: 0
|
||||||
})
|
})
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{router.pathname === '/' ? (
|
{router.pathname === '/' ? (
|
||||||
<div className={'mt-5'}>
|
<div className={'mt-5'}>
|
||||||
<MDBContainer>
|
<MDBContainer>
|
||||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
|
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
|
||||||
کلینیک و بخش ها{' '}
|
کلینیک و بخش ها{' '}
|
||||||
</h5>
|
</h5>
|
||||||
<hr />
|
<hr />
|
||||||
<br />
|
<br />
|
||||||
<Swiper
|
<Swiper
|
||||||
spaceBetween={20}
|
spaceBetween={20}
|
||||||
navigation={true}
|
navigation={true}
|
||||||
slidesPerView={4}
|
slidesPerView={4}
|
||||||
watchSlidesProgress
|
watchSlidesProgress
|
||||||
// onSlideChange={() => console.log('slide change')}
|
// onSlideChange={() => console.log('slide change')}
|
||||||
// onSwiper={(swiper) => console.log(swiper)}
|
// onSwiper={(swiper) => console.log(swiper)}
|
||||||
autoplay={{
|
autoplay={{
|
||||||
delay: 2500,
|
delay: 2500,
|
||||||
disableOnInteraction: false
|
disableOnInteraction: false
|
||||||
}}
|
}}
|
||||||
breakpoints={{
|
breakpoints={{
|
||||||
640: {
|
640: {
|
||||||
slidesPerView: 2,
|
slidesPerView: 2,
|
||||||
spaceBetween: 20
|
spaceBetween: 20
|
||||||
},
|
},
|
||||||
360: {
|
360: {
|
||||||
slidesPerView: 1,
|
slidesPerView: 1,
|
||||||
spaceBetween: 20
|
spaceBetween: 20
|
||||||
},
|
},
|
||||||
320: {
|
320: {
|
||||||
slidesPerView: 1,
|
slidesPerView: 1,
|
||||||
spaceBetween: 20
|
spaceBetween: 20
|
||||||
},
|
},
|
||||||
596: {
|
596: {
|
||||||
width: 1080,
|
width: 1080,
|
||||||
slidesPerView: 2,
|
slidesPerView: 2,
|
||||||
spaceBetween: 20
|
spaceBetween: 20
|
||||||
},
|
},
|
||||||
526: {
|
526: {
|
||||||
slidesPerView: 1,
|
slidesPerView: 1,
|
||||||
spaceBetween: 2
|
spaceBetween: 2
|
||||||
},
|
},
|
||||||
|
|
||||||
996: {
|
996: {
|
||||||
slidesPerView: 2,
|
slidesPerView: 2,
|
||||||
spaceBetween: 40
|
spaceBetween: 40
|
||||||
},
|
},
|
||||||
860: {
|
860: {
|
||||||
slidesPerView: 2,
|
slidesPerView: 2,
|
||||||
spaceBetween: 40
|
spaceBetween: 40
|
||||||
},
|
},
|
||||||
768: {
|
768: {
|
||||||
slidesPerView: 3,
|
slidesPerView: 3,
|
||||||
spaceBetween: 40
|
spaceBetween: 40
|
||||||
},
|
},
|
||||||
972: {
|
972: {
|
||||||
slidesPerView: 3,
|
slidesPerView: 3,
|
||||||
spaceBetween: 40
|
spaceBetween: 40
|
||||||
},
|
},
|
||||||
1024: {
|
1024: {
|
||||||
slidesPerView: 5,
|
slidesPerView: 5,
|
||||||
spaceBetween: 50
|
spaceBetween: 50
|
||||||
}
|
}
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
{dataMipService.map((item, index) => {
|
{dataMipService.map((item, index) => {
|
||||||
return (
|
return (
|
||||||
<SwiperSlide key={index}>
|
<SwiperSlide key={index}>
|
||||||
<Link href={'components/service'} as={'/Service'}>
|
<Link href={'components/service'} as={'/Service'}>
|
||||||
<MDBCard
|
<MDBCard
|
||||||
className={'color-top-card '}
|
className={'color-top-card '}
|
||||||
alignment='center'
|
alignment='center'
|
||||||
style={{ maxWidth: '22rem', height: '250px' }}
|
style={{ maxWidth: '22rem', height: '250px' }}
|
||||||
>
|
>
|
||||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||||
<img width={'50'} src={item.icon} alt='' />
|
<img width={'50'} src={item.icon} alt='' />
|
||||||
</MDBCardHeader>
|
</MDBCardHeader>
|
||||||
<MDBCardBody className={'d-flex flex-column justify-content-between'}>
|
<MDBCardBody className={'d-flex flex-column justify-content-between'}>
|
||||||
<MDBCardTitle className={'dana'}> {item.title} </MDBCardTitle>
|
<MDBCardTitle className={'dana'}> {item.title} </MDBCardTitle>
|
||||||
<MDBCardText className={'bk RTL'}>{item.description}</MDBCardText>
|
<MDBCardText className={'bk RTL'}>{item.description}</MDBCardText>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</Link>
|
</Link>
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
</SwiperSlide>
|
</SwiperSlide>
|
||||||
)
|
)
|
||||||
})}
|
})}
|
||||||
<SwiperSlide>
|
<SwiperSlide>
|
||||||
<MDBCard
|
<MDBCard
|
||||||
className={'color-top-card'}
|
className={'color-top-card'}
|
||||||
alignment='center'
|
alignment='center'
|
||||||
style={{ cursor: 'pointer', maxWidth: '22rem', height: '250px' }}
|
style={{ cursor: 'pointer', maxWidth: '22rem', height: '250px' }}
|
||||||
>
|
>
|
||||||
<MDBCardBody style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
|
<MDBCardBody style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
|
||||||
<Link href={'components/service'} as={'/Service'}>
|
<Link href={'components/service'} as={'/Service'}>
|
||||||
<MDBCardText className={'bk'}>
|
<MDBCardText className={'bk'}>
|
||||||
<h1 className={'RTL dana'}>بیشتر ...</h1>{' '}
|
<h1 className={'RTL dana'}>بیشتر ...</h1>{' '}
|
||||||
</MDBCardText>
|
</MDBCardText>
|
||||||
</Link>
|
</Link>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
</SwiperSlide>
|
</SwiperSlide>
|
||||||
</Swiper>
|
</Swiper>
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<AppContainer title={'کلینیک ها و بخش ها '}>
|
<AppContainer title={'کلینیک ها و بخش ها '}>
|
||||||
<div className='parallax-container'>
|
<div className='parallax-container'>
|
||||||
<h2 className={'center-align text-dark service-text dana font-weight-bold'}> کلینیک ها و بخش ها </h2>
|
<h2 className={'center-align text-dark service-text dana font-weight-bold'}> کلینیک ها و بخش ها </h2>
|
||||||
<Image
|
<Image
|
||||||
loader={Parallax}
|
loader={Parallax}
|
||||||
src='Parallax.png'
|
src='Parallax.png'
|
||||||
className={'responsive-img shadow-5'}
|
className={'responsive-img shadow-5'}
|
||||||
alt='Picture of the author'
|
alt='Picture of the author'
|
||||||
width={3000}
|
width={3000}
|
||||||
height={1500}
|
height={1500}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<MDBContainer style={{ marginTop: 10 }}>
|
<MDBContainer style={{ marginTop: 10 }}>
|
||||||
<div>
|
<div>
|
||||||
<MDBTypography
|
<MDBTypography
|
||||||
style={{
|
style={{
|
||||||
direction: 'rtl',
|
direction: 'rtl',
|
||||||
borderRadius: '6px solid',
|
borderRadius: '6px solid',
|
||||||
borderRight: '6px solid #1266f1',
|
borderRight: '6px solid #1266f1',
|
||||||
borderLeft: 'none'
|
borderLeft: 'none'
|
||||||
}}
|
}}
|
||||||
note
|
note
|
||||||
noteColor='primary'
|
noteColor='primary'
|
||||||
>
|
>
|
||||||
برای رزرو وقت روی هر کلینیک کلیک کنید
|
برای رزرو وقت روی هر کلینیک کلیک کنید
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
</div>
|
</div>
|
||||||
<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
||||||
{dataMipService.map((item, index) => {
|
{dataMipService.map((item, index) => {
|
||||||
return (
|
return (
|
||||||
<MDBCol>
|
<MDBCol>
|
||||||
<MDBCard
|
<MDBCard
|
||||||
key={index}
|
key={index}
|
||||||
className={'color-top-card '}
|
className={'color-top-card '}
|
||||||
alignment='center'
|
alignment='center'
|
||||||
style={{ maxWidth: '22rem', height: '250px' }}
|
style={{ maxWidth: '22rem', height: '250px' }}
|
||||||
>
|
>
|
||||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||||
<img width={'50'} src={item.icon} alt='' />
|
<img width={'50'} src={item.icon} alt='' />
|
||||||
</MDBCardHeader>
|
</MDBCardHeader>
|
||||||
<MDBCardBody className={'d-flex flex-column justify-content-between'}>
|
<MDBCardBody className={'d-flex flex-column justify-content-between'}>
|
||||||
<MDBCardTitle className={'dana'}> {item.title} </MDBCardTitle>
|
<MDBCardTitle className={'dana'}> {item.title} </MDBCardTitle>
|
||||||
<MDBCardText className={'bk RTL'}>{item.description}</MDBCardText>
|
<MDBCardText className={'bk RTL'}>{item.description}</MDBCardText>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</MDBCol>
|
</MDBCol>
|
||||||
)
|
)
|
||||||
})}
|
})}
|
||||||
</MDBRow>
|
</MDBRow>
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
<br />
|
<br />
|
||||||
</AppContainer>
|
</AppContainer>
|
||||||
)}
|
)}
|
||||||
</>
|
</>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export default Service
|
export default Service
|
||||||
|
|||||||
+38
-38
@@ -1,39 +1,39 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import SliderZero from '../../public/resource/slider/PRICE_CHART.webp'
|
// import SliderZero from '../../public/resource/slider/PRICE_CHART.webp'
|
||||||
import SliderOne from '../../public/resource/slider/slier-1(1).webp'
|
// import SliderOne from '../../public/resource/slider/slier-1(1).webp'
|
||||||
import sliderJob from '../../public/resource/slider/slider-2(1).webp'
|
import sliderJob from '../../public/resource/slider/slider-2(1).webp'
|
||||||
import sliderBook from '../../public/resource/slider/slider_3.webp'
|
import sliderBook from '../../public/resource/slider/slider_3.webp'
|
||||||
import sliderCallCenter from '../../public/resource/slider/call-center.webp'
|
import sliderCallCenter from '../../public/resource/slider/call-center.webp'
|
||||||
|
|
||||||
import { Swiper, SwiperSlide } from 'swiper/react'
|
import { Swiper, SwiperSlide } from 'swiper/react'
|
||||||
import { Pagination } from 'swiper'
|
import { Pagination } from 'swiper'
|
||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
const Slider = () => {
|
const Slider = () => {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<Swiper pagination={true} autoplay={true} loop={true} modules={[Pagination]} className='mySwiper'>
|
<Swiper pagination={true} autoplay={true} loop={true} modules={[Pagination]} className='mySwiper'>
|
||||||
|
|
||||||
<SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
{/* <SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
||||||
<Link href='/stock-unit'>
|
<Link href='/stock-unit'>
|
||||||
<img src={sliderCallCenter} />
|
<img src={sliderCallCenter} />
|
||||||
</Link>
|
</Link>
|
||||||
</SwiperSlide>
|
</SwiperSlide> */}
|
||||||
<SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
{/* <SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
||||||
<Link href='/stock-price'>
|
<Link href='/stock-price'>
|
||||||
<img src={SliderOne} />
|
<img src={SliderOne} />
|
||||||
</Link>
|
</Link>
|
||||||
</SwiperSlide>
|
</SwiperSlide> */}
|
||||||
<SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
<SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
||||||
<Link href='/recruitment'>
|
<Link href='/recruitment'>
|
||||||
<img src={sliderJob} />
|
<img src={sliderJob} />
|
||||||
</Link>
|
</Link>
|
||||||
</SwiperSlide>
|
</SwiperSlide>
|
||||||
<SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
<SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
||||||
<img src={sliderBook} />
|
<img src={sliderBook} />
|
||||||
</SwiperSlide>
|
</SwiperSlide>
|
||||||
</Swiper>
|
</Swiper>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export default Slider
|
export default Slider
|
||||||
+15
-15
@@ -1,16 +1,16 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { MDBCard, MDBCardBody, MDBCardTitle, MDBCardText, MDBBtn } from 'mdb-react-ui-kit';
|
import { MDBCard, MDBCardBody, MDBCardTitle, MDBCardText, MDBBtn } from 'mdb-react-ui-kit';
|
||||||
|
|
||||||
export default function Some() {
|
export default function Some() {
|
||||||
return (
|
return (
|
||||||
<MDBCard style={{ maxWidth: '22rem' }}>
|
<MDBCard style={{ maxWidth: '22rem' }}>
|
||||||
<MDBCardBody>
|
<MDBCardBody>
|
||||||
<MDBCardTitle>Card title</MDBCardTitle>
|
<MDBCardTitle>Card title</MDBCardTitle>
|
||||||
<MDBCardText>
|
<MDBCardText>
|
||||||
Some quick example text to build on the card title and make up the bulk of the card's content.
|
Some quick example text to build on the card title and make up the bulk of the card's content.
|
||||||
</MDBCardText>
|
</MDBCardText>
|
||||||
<MDBBtn>Button</MDBBtn>
|
<MDBBtn>Button</MDBBtn>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
import dynamic from 'next/dynamic'
|
import dynamic from 'next/dynamic'
|
||||||
|
|
||||||
const DynamicComponentWithNoSSR = dynamic(() => import('./Paralax'), {
|
const DynamicComponentWithNoSSR = dynamic(() => import('./Paralax'), {
|
||||||
ssr: false
|
ssr: false
|
||||||
})
|
})
|
||||||
|
|
||||||
export default () => <DynamicComponentWithNoSSR />
|
export default () => <DynamicComponentWithNoSSR />
|
||||||
+134
-134
@@ -1,134 +1,134 @@
|
|||||||
import Head from 'next/head'
|
import Head from 'next/head'
|
||||||
import AppContainer from './appContainer'
|
import AppContainer from './appContainer'
|
||||||
import Slider from './components/slider'
|
import Slider from './components/slider'
|
||||||
import Connect from './components/connect'
|
import Connect from './components/connect'
|
||||||
import News from './News'
|
import News from './News'
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
import Req from '../public/resource/parallax/Asset 1.svg'
|
import Req from '../public/resource/parallax/Asset 1.svg'
|
||||||
import {
|
import {
|
||||||
MDBBtn,
|
MDBBtn,
|
||||||
MDBCard,
|
MDBCard,
|
||||||
MDBCardBody,
|
MDBCardBody,
|
||||||
MDBCardImage,
|
MDBCardImage,
|
||||||
MDBCardText,
|
MDBCardText,
|
||||||
MDBCardTitle,
|
MDBCardTitle,
|
||||||
MDBContainer,
|
MDBContainer,
|
||||||
MDBIcon, MDBListGroupItem,
|
MDBIcon, MDBListGroupItem,
|
||||||
MDBTypography
|
MDBTypography
|
||||||
} from 'mdb-react-ui-kit'
|
} from 'mdb-react-ui-kit'
|
||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
import Doctors from './components/doctors'
|
import Doctors from './components/doctors'
|
||||||
import Paralax from './components/Paralax'
|
import Paralax from './components/Paralax'
|
||||||
import Service from './components/service'
|
import Service from './components/service'
|
||||||
import { AppUrl } from '../lib/api'
|
import { AppUrl } from '../lib/api'
|
||||||
import Accessgrid from './components/accessgrid'
|
import Accessgrid from './components/accessgrid'
|
||||||
import React from 'react'
|
import React from 'react'
|
||||||
import { Img, SimpleGrid } from '@chakra-ui/react'
|
import { Img, SimpleGrid } from '@chakra-ui/react'
|
||||||
import SalesTeam from './components/SalesTeam'
|
import SalesTeam from './components/SalesTeam'
|
||||||
import FadeIn from 'react-fade-in'
|
import FadeIn from 'react-fade-in'
|
||||||
import Brands from './components/Brands'
|
import Brands from './components/Brands'
|
||||||
import OnlineSales from './components/OnlineSales'
|
import OnlineSales from './components/OnlineSales'
|
||||||
import Sales from './page/sales'
|
import Sales from './page/sales'
|
||||||
|
|
||||||
export default function Home({ data_NEWS }) {
|
export default function Home({ data_NEWS }) {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<style jsx>
|
<style jsx>
|
||||||
{`
|
{`
|
||||||
.fix-col {
|
.fix-col {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
}
|
}
|
||||||
@media screen and (max-width: 639px) {
|
@media screen and (max-width: 639px) {
|
||||||
.fix-col {
|
.fix-col {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
`}
|
`}
|
||||||
</style>
|
</style>
|
||||||
<AppContainer>
|
<AppContainer>
|
||||||
<Slider />
|
<Slider />
|
||||||
<br />
|
<br />
|
||||||
<MDBContainer>
|
<MDBContainer>
|
||||||
<SimpleGrid spacing={15} columns={[1, 2, 4]}>
|
<SimpleGrid spacing={15} columns={[1, 2, 4]}>
|
||||||
<FadeIn>
|
<FadeIn>
|
||||||
<Link href={'/page/contact-us'}>
|
<Link href={'/page/contact-us'}>
|
||||||
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
||||||
<MDBCardBody className={'flex justify-content-center'}>ارتباط با ما</MDBCardBody>
|
<MDBCardBody className={'flex justify-content-center'}>ارتباط با ما</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</Link>
|
</Link>
|
||||||
</FadeIn>
|
</FadeIn>
|
||||||
<Link href={'/page/sales'}>
|
<Link href={'/page/sales'}>
|
||||||
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
||||||
<MDBCardBody className={'flex justify-content-center'}> مشاوره سرمایه گذاری </MDBCardBody>
|
<MDBCardBody className={'flex justify-content-center'}> مشاوره سرمایه گذاری </MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</Link>
|
</Link>
|
||||||
<Link href={'/questions'}>
|
<Link href={'/questions'}>
|
||||||
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
||||||
<MDBCardBody className={'flex justify-content-center'}>سوالات متداول</MDBCardBody>
|
<MDBCardBody className={'flex justify-content-center'}>سوالات متداول</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</Link>
|
</Link>
|
||||||
<Link href={'/stock-price'}>
|
<Link href={'/stock-unit'}>
|
||||||
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
||||||
<MDBCardBody className={'flex justify-content-center'}>قیمت سهام</MDBCardBody>
|
<MDBCardBody className={'flex justify-content-center'}> واحد امور سهام</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</Link>
|
</Link>
|
||||||
</SimpleGrid>
|
</SimpleGrid>
|
||||||
<div className={'mt-5'}>
|
{/* <div className={'mt-5'}>
|
||||||
<OnlineSales />
|
<OnlineSales />
|
||||||
</div>
|
</div> */}
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
|
|
||||||
<Accessgrid />
|
<Accessgrid />
|
||||||
|
|
||||||
<SalesTeam />
|
<SalesTeam />
|
||||||
<News data={data_NEWS}>
|
<News data={data_NEWS}>
|
||||||
<div style={{ cursor: 'pointer' }} className=' mt-3 d-flex align-items-center justify-content-center'>
|
<div style={{ cursor: 'pointer' }} className=' mt-3 d-flex align-items-center justify-content-center'>
|
||||||
<Link
|
<Link
|
||||||
style={{ cursor: 'pointer' }}
|
style={{ cursor: 'pointer' }}
|
||||||
className={'text-white'}
|
className={'text-white'}
|
||||||
href={{ pathname: '/News', query: { list: 'list' } }}
|
href={{ pathname: '/News', query: { list: 'list' } }}
|
||||||
>
|
>
|
||||||
<MDBBtn style={{ cursor: 'pointer' }} className='mx-2 RTL bg-dark shadow-1-strong' color=''>
|
<MDBBtn style={{ cursor: 'pointer' }} className='mx-2 RTL bg-dark shadow-1-strong' color=''>
|
||||||
<MDBIcon className='ms-1 ' icon='plus' size='sm' />
|
<MDBIcon className='ms-1 ' icon='plus' size='sm' />
|
||||||
<span style={{ cursor: 'pointer !important' }} className={'text-white '}>
|
<span style={{ cursor: 'pointer !important' }} className={'text-white '}>
|
||||||
{' '}
|
{' '}
|
||||||
بیشتر ..
|
بیشتر ..
|
||||||
</span>
|
</span>
|
||||||
</MDBBtn>
|
</MDBBtn>
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
</News>
|
</News>
|
||||||
|
|
||||||
<Service />
|
<Service />
|
||||||
{/*<Doctors>*/}
|
{/*<Doctors>*/}
|
||||||
{/* <div style={{cursor: 'pointer'}} className=" mt-3 d-flex align-items-center justify-content-center">*/}
|
{/* <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' } }}>*/}
|
{/* <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=''>*/}
|
{/* <MDBBtn style={{cursor: 'pointer'}} className='mx-2 RTL bg-dark shadow-1-strong' color=''>*/}
|
||||||
{/* <MDBIcon className='ms-1 ' icon='plus' size='sm' />*/}
|
{/* <MDBIcon className='ms-1 ' icon='plus' size='sm' />*/}
|
||||||
{/* <span style={{cursor: 'pointer !important'}} className={'text-white '}> بیشتر ..</span>*/}
|
{/* <span style={{cursor: 'pointer !important'}} className={'text-white '}> بیشتر ..</span>*/}
|
||||||
{/* </MDBBtn>*/}
|
{/* </MDBBtn>*/}
|
||||||
|
|
||||||
{/* </Link>*/}
|
{/* </Link>*/}
|
||||||
{/* </div>*/}
|
{/* </div>*/}
|
||||||
{/*</Doctors>*/}
|
{/*</Doctors>*/}
|
||||||
<Paralax />
|
<Paralax />
|
||||||
<Brands />
|
<Brands />
|
||||||
{/* <Connect /> */}
|
{/* <Connect /> */}
|
||||||
<Sales />
|
<Sales />
|
||||||
{/*phoneCall item */}
|
{/*phoneCall item */}
|
||||||
|
|
||||||
{/*end phoneCall item */}
|
{/*end phoneCall item */}
|
||||||
<br />
|
<br />
|
||||||
</AppContainer>
|
</AppContainer>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export const getServerSideProps = async context => {
|
export const getServerSideProps = async context => {
|
||||||
const allPostsData = await axios.get(AppUrl('news'))
|
const allPostsData = await axios.get(AppUrl('news'))
|
||||||
const data_NEWS = await allPostsData.data.slice(0, 6)
|
const data_NEWS = await allPostsData.data.slice(0, 6)
|
||||||
|
|
||||||
return {
|
return {
|
||||||
props: { data_NEWS, fallback: false } // will be passed to the page component as props
|
props: { data_NEWS, fallback: false } // will be passed to the page component as props
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,49 +1,49 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import AppContainer from '../appContainer'
|
import AppContainer from '../appContainer'
|
||||||
import MedicalStock from '../../public/resource/medical/medical.webp'
|
import MedicalStock from '../../public/resource/medical/medical.webp'
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
import { MDBContainer, MDBTypography, MDBRow } from 'mdb-react-ui-kit'
|
import { MDBContainer, MDBTypography, MDBRow } from 'mdb-react-ui-kit'
|
||||||
const MedicalEquipment = () => {
|
const MedicalEquipment = () => {
|
||||||
return (
|
return (
|
||||||
<AppContainer title={'واحد تجهیزات پزشکی'}>
|
<AppContainer title={'واحد تجهیزات پزشکی'}>
|
||||||
<div className='parallax-container'>
|
<div className='parallax-container'>
|
||||||
<h2 className={'center-align text-white drop-shadow service-text dana font-weight-bold'}>واحد تجهیزات پزشکی</h2>
|
<h2 className={'center-align text-white drop-shadow service-text dana font-weight-bold'}>واحد تجهیزات پزشکی</h2>
|
||||||
<Image
|
<Image
|
||||||
src={MedicalStock}
|
src={MedicalStock}
|
||||||
className={'responsive-img shadow-5'}
|
className={'responsive-img shadow-5'}
|
||||||
alt='Picture of the author'
|
alt='Picture of the author'
|
||||||
width={4090}
|
width={4090}
|
||||||
height={2000}
|
height={2000}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<MDBContainer className={'my-24'}>
|
<MDBContainer className={'my-24'}>
|
||||||
<div className={'bk-med flex justify-content-center align-items-center flex-col'}>
|
<div className={'bk-med flex justify-content-center align-items-center flex-col'}>
|
||||||
<div>
|
<div>
|
||||||
<MDBTypography
|
<MDBTypography
|
||||||
style={{ borderLeft: 'none', borderRight: '6px solid ', backgroundColor: '#F0F0F0' }}
|
style={{ borderLeft: 'none', borderRight: '6px solid ', backgroundColor: '#F0F0F0' }}
|
||||||
note
|
note
|
||||||
noteColor='dark'
|
noteColor='dark'
|
||||||
className='mb-0'
|
className='mb-0'
|
||||||
>
|
>
|
||||||
<MDBRow>
|
<MDBRow>
|
||||||
<MDBTypography className={'dana right-align'}>
|
<MDBTypography className={'dana right-align'}>
|
||||||
اگر به دنبال همکاری با بخش تجهیزات بیمارستان هستید، لطفا با یکی از شمارههای زیر تماس حاصل نمایید تا
|
اگر به دنبال همکاری با بخش تجهیزات بیمارستان هستید، لطفا با یکی از شمارههای زیر تماس حاصل نمایید تا
|
||||||
اطلاعات بیشتری در این خصوص از ما دریافت کنید
|
اطلاعات بیشتری در این خصوص از ما دریافت کنید
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
</MDBRow>
|
</MDBRow>
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
</div>
|
</div>
|
||||||
<div className='flex lg:flex-row md:flex-col justify-center items-center sm:flex-col gap-x-5 mt-4'>
|
<div className='flex lg:flex-row md:flex-col justify-center items-center sm:flex-col gap-x-5 mt-4'>
|
||||||
<a className='dana' href='tel:021-53457999'>021-53457999</a>
|
<a className='dana' href='tel:021-53457999'>021-53457999</a>
|
||||||
<br />
|
<br />
|
||||||
<a className='dana' href='tel:09194199420'>09194199420</a>
|
<a className='dana' href='tel:09194199420'>09194199420</a>
|
||||||
<br />
|
<br />
|
||||||
<a>خانم زارعی</a>
|
<a>خانم زارعی</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
</AppContainer>
|
</AppContainer>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export default MedicalEquipment
|
export default MedicalEquipment
|
||||||
|
|||||||
+9
-9
@@ -1,10 +1,10 @@
|
|||||||
import React, {useEffect} from 'react';
|
import React, {useEffect} from 'react';
|
||||||
|
|
||||||
const Pack = () => {
|
const Pack = () => {
|
||||||
useEffect(() => {
|
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);}();
|
!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 <></>
|
return <></>
|
||||||
};
|
};
|
||||||
|
|
||||||
export default Pack;
|
export default Pack;
|
||||||
+116
-116
@@ -1,116 +1,116 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import AppContainer from '../appContainer'
|
import AppContainer from '../appContainer'
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
import {
|
import {
|
||||||
MDBCard,
|
MDBCard,
|
||||||
MDBCardBody,
|
MDBCardBody,
|
||||||
MDBCardHeader,
|
MDBCardHeader,
|
||||||
MDBCardImage,
|
MDBCardImage,
|
||||||
MDBCardText,
|
MDBCardText,
|
||||||
MDBCol,
|
MDBCol,
|
||||||
MDBContainer,
|
MDBContainer,
|
||||||
MDBIcon,
|
MDBIcon,
|
||||||
MDBRow,
|
MDBRow,
|
||||||
MDBTypography
|
MDBTypography
|
||||||
} from 'mdb-react-ui-kit'
|
} from 'mdb-react-ui-kit'
|
||||||
|
|
||||||
const Directors = () => {
|
const Directors = () => {
|
||||||
const Parallax = ({ quality }) => {
|
const Parallax = ({ quality }) => {
|
||||||
return `../resource/parallax/Directors.jpg`
|
return `../resource/parallax/Directors.jpg`
|
||||||
}
|
}
|
||||||
const DataUsers = [
|
const DataUsers = [
|
||||||
{
|
{
|
||||||
id: 1,
|
id: 1,
|
||||||
name: ' دکتر محمد جواد نمکی ',
|
name: ' دکتر محمد جواد نمکی ',
|
||||||
position: 'مدیر عامل و موسس',
|
position: 'مدیر عامل و موسس',
|
||||||
more: 'متخصص بیهوشی',
|
more: 'متخصص بیهوشی',
|
||||||
img: '/resource/avatar/user-2.jpg'
|
img: '/resource/avatar/user-2.jpg'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
name: 'پوریا نمکی',
|
name: 'پوریا نمکی',
|
||||||
position: 'مدیر مالی و اداری',
|
position: 'مدیر مالی و اداری',
|
||||||
more: ' عضو هیئت مدیره ',
|
more: ' عضو هیئت مدیره ',
|
||||||
img: '/resource/avatar/user-1.jpg'
|
img: '/resource/avatar/user-1.jpg'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 3,
|
id: 3,
|
||||||
name: ' مهندس احمدی ',
|
name: ' مهندس احمدی ',
|
||||||
position: ' مهندس عمران',
|
position: ' مهندس عمران',
|
||||||
more: ' مدیر ساخت',
|
more: ' مدیر ساخت',
|
||||||
img: '/resource/avatar/user-4.png'
|
img: '/resource/avatar/user-4.png'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 5,
|
id: 5,
|
||||||
name: ' مهندس هاشمی ',
|
name: ' مهندس هاشمی ',
|
||||||
position: 'مهندس ایمنی ',
|
position: 'مهندس ایمنی ',
|
||||||
more: ' ',
|
more: ' ',
|
||||||
img: '/resource/avatar/user-6.png'
|
img: '/resource/avatar/user-6.png'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 6,
|
id: 6,
|
||||||
name: 'دکتر علی اسماعیلی ',
|
name: 'دکتر علی اسماعیلی ',
|
||||||
position: ' متخصص اطفال ',
|
position: ' متخصص اطفال ',
|
||||||
more: ' ',
|
more: ' ',
|
||||||
img: '/resource/avatar/user-9.png'
|
img: '/resource/avatar/user-9.png'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 7,
|
id: 7,
|
||||||
name: ' مهندس رضاپناه ',
|
name: ' مهندس رضاپناه ',
|
||||||
position: 'مهندس برق ',
|
position: 'مهندس برق ',
|
||||||
more: ' ',
|
more: ' ',
|
||||||
img: '/resource/avatar/user-7.png'
|
img: '/resource/avatar/user-7.png'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 9,
|
id: 9,
|
||||||
name: 'دکتر سجاد نمکی ',
|
name: 'دکتر سجاد نمکی ',
|
||||||
position: ' عضو هیئت مدیره ',
|
position: ' عضو هیئت مدیره ',
|
||||||
more: 'متخصص پوست و زیبابی ',
|
more: 'متخصص پوست و زیبابی ',
|
||||||
img: '/resource/avatar/user-3.jpg'
|
img: '/resource/avatar/user-3.jpg'
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
return (
|
return (
|
||||||
<AppContainer title={' تیم پروژه بیمارستان مهر ایرانیان پرند'}>
|
<AppContainer title={' تیم پروژه بیمارستان مهر ایرانیان پرند'}>
|
||||||
<div className='parallax-container'>
|
<div className='parallax-container'>
|
||||||
<h2 className={'center-align text-white header_back service-text dana font-weight-bold'}>
|
<h2 className={'center-align text-white header_back service-text dana font-weight-bold'}>
|
||||||
{' '}
|
{' '}
|
||||||
تیم پروژه بیمارستان{' '}
|
تیم پروژه بیمارستان{' '}
|
||||||
</h2>
|
</h2>
|
||||||
<Image
|
<Image
|
||||||
loader={Parallax}
|
loader={Parallax}
|
||||||
src='Parallax.png'
|
src='Parallax.png'
|
||||||
className={'responsive-img shadow-5'}
|
className={'responsive-img shadow-5'}
|
||||||
alt='درباره بیارستان مهر ایرانیان پرند '
|
alt='درباره بیارستان مهر ایرانیان پرند '
|
||||||
width={3000}
|
width={3000}
|
||||||
height={1300}
|
height={1300}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<MDBContainer>
|
<MDBContainer>
|
||||||
<MDBRow className='row-cols-1 mt-5 mb-5 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
<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 => (
|
{DataUsers.map(item => (
|
||||||
<MDBCol key={item.id}>
|
<MDBCol key={item.id}>
|
||||||
<div class='card-team'>
|
<div class='card-team'>
|
||||||
<div class='slide slide1'>
|
<div class='slide slide1'>
|
||||||
<div class='content'>
|
<div class='content'>
|
||||||
<MDBCardImage src={item.img} />
|
<MDBCardImage src={item.img} />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class='slide slide2'>
|
<div class='slide slide2'>
|
||||||
<div class='content mt-3 flex flex-col gap-1'>
|
<div class='content mt-3 flex flex-col gap-1'>
|
||||||
<h3 className='mt-3'>{item.name}</h3>
|
<h3 className='mt-3'>{item.name}</h3>
|
||||||
<p>{item.position}</p>
|
<p>{item.position}</p>
|
||||||
<p>{item.more}</p>
|
<p>{item.more}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</MDBCol>
|
</MDBCol>
|
||||||
))}
|
))}
|
||||||
</MDBRow>
|
</MDBRow>
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
</AppContainer>
|
</AppContainer>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export default Directors
|
export default Directors
|
||||||
|
|||||||
+54
-54
@@ -1,55 +1,55 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import AppContainer from "../appContainer";
|
import AppContainer from "../appContainer";
|
||||||
import {MDBContainer, MDBProgress, MDBProgressBar} from "mdb-react-ui-kit";
|
import {MDBContainer, MDBProgress, MDBProgressBar} from "mdb-react-ui-kit";
|
||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
|
|
||||||
|
|
||||||
const About = (props) => {
|
const About = (props) => {
|
||||||
const Parallax = ({ quality }) => {
|
const Parallax = ({ quality }) => {
|
||||||
return `../resource/parallax/about.jpg`;
|
return `../resource/parallax/about.jpg`;
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<AppContainer title={'درباره بیمارستان '}>
|
<AppContainer title={'درباره بیمارستان '}>
|
||||||
<div className="parallax-container">
|
<div className="parallax-container">
|
||||||
<h1 className={'center-align text-white service-text dana font-weight-bold'}> درباره بیمارستان </h1>
|
<h1 className={'center-align text-white service-text dana font-weight-bold'}> درباره بیمارستان </h1>
|
||||||
<Image
|
<Image
|
||||||
loader={Parallax}
|
loader={Parallax}
|
||||||
src="Parallax.png"
|
src="Parallax.png"
|
||||||
className={'responsive-img shadow-5'}
|
className={'responsive-img shadow-5'}
|
||||||
alt="درباره بیارستان مهر ایرانیان پرند "
|
alt="درباره بیارستان مهر ایرانیان پرند "
|
||||||
width={3000}
|
width={3000}
|
||||||
height={1300}
|
height={1300}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<MDBContainer>
|
<MDBContainer>
|
||||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
|
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
|
||||||
آشنایی اجمالی با بیمارستان مهرایرانیان
|
آشنایی اجمالی با بیمارستان مهرایرانیان
|
||||||
<hr />
|
<hr />
|
||||||
|
|
||||||
</h5>
|
</h5>
|
||||||
<p className={'right-align RTL'}>
|
<p className={'right-align RTL'}>
|
||||||
بیمارستان تخصصی مهرایرانیان واقع در اتوبان چهاربانده اصلی داخلی شهر پرند در بهترین موقعیت مکانی و در دل مسکن مهر، با فضای درمانی به متراژ تقریبی 500/14 متر مربع همراه با 4000 متر پارکینگ طبقاتی، با هدف تبدیل شدن به یکی از قطب های درمانی منطقه در حال احداث می باشد. این بیمارستان که تنها بیمارستان تخصصی در کنار بزرگترین فرودگاه کشور است در فاز اولیه احداث دارای 96 تختخواب و دارای بخش های ICU،CCU،NICU،زایشگاه، اتاق های عمل، مرکز تصویربرداری،آزمایشگاه،داروخانه، اورژانس، بخش اسکوپی و گوارش، و دندانپزشکی عمومی و تخصصی می باشد. این بیمارستان در آینده نه چندان دور سهم بسزایی در بهداشت و درمان منطقه جنوب غرب تهران که شامل شهرهای پرند،رباط کریم،نسیم شهر و شهرک های تابعه است، خواهد داشت.
|
بیمارستان تخصصی مهرایرانیان واقع در اتوبان چهاربانده اصلی داخلی شهر پرند در بهترین موقعیت مکانی و در دل مسکن مهر، با فضای درمانی به متراژ تقریبی 500/14 متر مربع همراه با 4000 متر پارکینگ طبقاتی، با هدف تبدیل شدن به یکی از قطب های درمانی منطقه در حال احداث می باشد. این بیمارستان که تنها بیمارستان تخصصی در کنار بزرگترین فرودگاه کشور است در فاز اولیه احداث دارای 96 تختخواب و دارای بخش های ICU،CCU،NICU،زایشگاه، اتاق های عمل، مرکز تصویربرداری،آزمایشگاه،داروخانه، اورژانس، بخش اسکوپی و گوارش، و دندانپزشکی عمومی و تخصصی می باشد. این بیمارستان در آینده نه چندان دور سهم بسزایی در بهداشت و درمان منطقه جنوب غرب تهران که شامل شهرهای پرند،رباط کریم،نسیم شهر و شهرک های تابعه است، خواهد داشت.
|
||||||
در حال حاضر این پروژه 30% پیشرفت فیزیکی داشته و طبقه همکف آن که شامل اورژانس و کلینیک های تخصصی است تا پایان آبان 1400 تکمیل خواهد شد.
|
در حال حاضر این پروژه 30% پیشرفت فیزیکی داشته و طبقه همکف آن که شامل اورژانس و کلینیک های تخصصی است تا پایان آبان 1400 تکمیل خواهد شد.
|
||||||
مرحله راه اندازی بیمارستان با حداقل ظرفیت تا پایان سال 1402 و مرحله تکمیل و راه اندازی کامل بیمارستان با ظرفیت 200 تخت در سال 1403 انجام خواهد شد.
|
مرحله راه اندازی بیمارستان با حداقل ظرفیت تا پایان سال 1402 و مرحله تکمیل و راه اندازی کامل بیمارستان با ظرفیت 200 تخت در سال 1403 انجام خواهد شد.
|
||||||
|
|
||||||
</p>
|
</p>
|
||||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
|
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
|
||||||
درصد پیشرفت کار
|
درصد پیشرفت کار
|
||||||
</h5>
|
</h5>
|
||||||
<br/>
|
<br/>
|
||||||
<div>
|
<div>
|
||||||
<MDBProgress height='30'>
|
<MDBProgress height='30'>
|
||||||
<MDBProgressBar className={'dana'} width='45' valuemin={0} valuemax={100}>
|
<MDBProgressBar className={'dana'} width='45' valuemin={0} valuemax={100}>
|
||||||
45% پیشرفت فیزیکی پروژه
|
45% پیشرفت فیزیکی پروژه
|
||||||
</MDBProgressBar>
|
</MDBProgressBar>
|
||||||
</MDBProgress>
|
</MDBProgress>
|
||||||
</div>
|
</div>
|
||||||
<br/>
|
<br/>
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
</AppContainer>
|
</AppContainer>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default About;
|
export default About;
|
||||||
+104
-104
@@ -1,105 +1,105 @@
|
|||||||
import React, { useState } from 'react';
|
import React, { useState } from 'react';
|
||||||
import AppContainer from "../appContainer";
|
import AppContainer from "../appContainer";
|
||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
import { MDBCol, MDBContainer, MDBIcon, MDBInputGroupText, MDBRow, MDBTypography } from "mdb-react-ui-kit";
|
import { MDBCol, MDBContainer, MDBIcon, MDBInputGroupText, MDBRow, MDBTypography } from "mdb-react-ui-kit";
|
||||||
import Connect from "../components/connect";
|
import Connect from "../components/connect";
|
||||||
import { Map, Marker, ZoomControl } from "pigeon-maps"
|
import { Map, Marker, ZoomControl } from "pigeon-maps"
|
||||||
import { osm } from 'pigeon-maps/providers'
|
import { osm } from 'pigeon-maps/providers'
|
||||||
|
|
||||||
import { maptiler } from 'pigeon-maps/providers'
|
import { maptiler } from 'pigeon-maps/providers'
|
||||||
|
|
||||||
const ContactUs = () => {
|
const ContactUs = () => {
|
||||||
const Parallax = ({ quality }) => {
|
const Parallax = ({ quality }) => {
|
||||||
return `/resource/parallax/contact-us.jpg `;
|
return `/resource/parallax/contact-us.jpg `;
|
||||||
}
|
}
|
||||||
|
|
||||||
const maptilerProvider = maptiler('tWRA4K0zge6W26KAmgBX', 'streets')
|
const maptilerProvider = maptiler('tWRA4K0zge6W26KAmgBX', 'streets')
|
||||||
const [hue, setHue] = useState(0)
|
const [hue, setHue] = useState(0)
|
||||||
const color = `hsl(${hue % 490}deg 80% 30%)`
|
const color = `hsl(${hue % 490}deg 80% 30%)`
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<AppContainer title={'درباره ما'}>
|
<AppContainer title={'درباره ما'}>
|
||||||
<div className="parallax-container">
|
<div className="parallax-container">
|
||||||
<h2 className={'center-align text-white header_back service-text dana font-weight-bold'}> تماس با ما </h2>
|
<h2 className={'center-align text-white header_back service-text dana font-weight-bold'}> تماس با ما </h2>
|
||||||
<Image
|
<Image
|
||||||
loader={Parallax}
|
loader={Parallax}
|
||||||
src="Parallax.png"
|
src="Parallax.png"
|
||||||
className={'responsive-img shadow-5'}
|
className={'responsive-img shadow-5'}
|
||||||
alt="Picture of the author"
|
alt="Picture of the author"
|
||||||
width={2050}
|
width={2050}
|
||||||
height={950}
|
height={950}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<br />
|
<br />
|
||||||
<MDBContainer>
|
<MDBContainer>
|
||||||
<br />
|
<br />
|
||||||
<h3 className={'right-align'}>
|
<h3 className={'right-align'}>
|
||||||
آدرس
|
آدرس
|
||||||
<MDBIcon style={{ paddingLeft: 5 }} className='ms-1' icon='map-marker-alt' size='xl' />
|
<MDBIcon style={{ paddingLeft: 5 }} className='ms-1' icon='map-marker-alt' size='xl' />
|
||||||
</h3>
|
</h3>
|
||||||
<br />
|
<br />
|
||||||
<MDBTypography style={{ borderLeft: 'none', borderRight: '6px solid ', backgroundColor: '#F0F0F0' }} note noteColor='dark' className='mb-0'>
|
<MDBTypography style={{ borderLeft: 'none', borderRight: '6px solid ', backgroundColor: '#F0F0F0' }} note noteColor='dark' className='mb-0'>
|
||||||
<MDBRow>
|
<MDBRow>
|
||||||
<MDBTypography className={'dana right-align'} >
|
<MDBTypography className={'dana right-align'} >
|
||||||
تهران - شهر پرند - فاز 5 - بلوار شهید قاسم سلیمانی - بلوار رسوال اکرم - بیمارستان مهر ایرانیان پرند
|
تهران - شهر پرند - فاز 5 - بلوار شهید قاسم سلیمانی - بلوار رسوال اکرم - بیمارستان مهر ایرانیان پرند
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
</MDBRow>
|
</MDBRow>
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
<br /><br />
|
<br /><br />
|
||||||
<h3 className={'right-align'}>
|
<h3 className={'right-align'}>
|
||||||
تماس با ما
|
تماس با ما
|
||||||
<MDBIcon style={{ paddingLeft: 5 }} className='ms-1' icon='phone-square' size='xl' />
|
<MDBIcon style={{ paddingLeft: 5 }} className='ms-1' icon='phone-square' size='xl' />
|
||||||
</h3>
|
</h3>
|
||||||
<br />
|
<br />
|
||||||
<MDBTypography style={{ backgroundColor: '#F0F0F0' }} note noteColor='dark' className='mb-0'>
|
<MDBTypography style={{ backgroundColor: '#F0F0F0' }} note noteColor='dark' className='mb-0'>
|
||||||
<MDBRow>
|
<MDBRow>
|
||||||
{/*<MDBTypography className={'dana'} >*/}
|
{/*<MDBTypography className={'dana'} >*/}
|
||||||
{/* <MDBIcon style={{ paddingRight: 5 }} className='ms-1' icon='phone-alt' size='sm' />*/}
|
{/* <MDBIcon style={{ paddingRight: 5 }} className='ms-1' icon='phone-alt' size='sm' />*/}
|
||||||
{/* <a style={{ color: 'black' }} href={'tel:02153457000'}>021 5345 7000 </a>*/}
|
{/* <a style={{ color: 'black' }} href={'tel:02153457000'}>021 5345 7000 </a>*/}
|
||||||
{/*</MDBTypography>*/}
|
{/*</MDBTypography>*/}
|
||||||
|
|
||||||
<MDBTypography className={'dana'} href={'tel:02153457000'}>
|
<MDBTypography className={'dana'} href={'tel:02153457000'}>
|
||||||
<MDBIcon style={{ paddingRight: 5 }} className='ms-1' icon='phone-alt' size='sm' />
|
<MDBIcon style={{ paddingRight: 5 }} className='ms-1' icon='phone-alt' size='sm' />
|
||||||
<a style={{ color: 'black' }} href={'tel:02153457000'}>021-53457000</a>
|
<a style={{ color: 'black' }} href={'tel:02153457000'}>021-53457000</a>
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
<MDBTypography className={'dana'} href={'tel:09367529435'}>
|
<MDBTypography className={'dana'} href={'tel:09367529435'}>
|
||||||
<MDBIcon style={{ paddingRight: 5 }} className='ms-1' icon='envelope-square' size='sm' />
|
<MDBIcon style={{ paddingRight: 5 }} className='ms-1' icon='envelope-square' size='sm' />
|
||||||
contact-us@miphospital.ir
|
contact-us@miphospital.ir
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
|
|
||||||
<MDBTypography className={'dana'} href={'tel:09367529435'}>
|
<MDBTypography className={'dana'} href={'tel:09367529435'}>
|
||||||
<MDBIcon style={{ paddingRight: 5 }} className='ms-1' fab icon="instagram" size='sm' />
|
<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>
|
<a target={'_blank'} style={{ color: 'black' }} href={'https://www.instagram.com/miphospital/'}>miphospital</a>
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
</MDBRow>
|
</MDBRow>
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
<br />
|
<br />
|
||||||
<div>
|
<div>
|
||||||
<Map
|
<Map
|
||||||
provider={maptilerProvider}
|
provider={maptilerProvider}
|
||||||
provider={osm}
|
provider={osm}
|
||||||
dprs={[1, 2]} // this provider supports HiDPI tiles
|
dprs={[1, 2]} // this provider supports HiDPI tiles
|
||||||
height={400}
|
height={400}
|
||||||
defaultCenter={[35.48787, 50.92102]}
|
defaultCenter={[35.48787, 50.92102]}
|
||||||
defaultZoom={15}
|
defaultZoom={15}
|
||||||
>
|
>
|
||||||
<Marker
|
<Marker
|
||||||
width={50}
|
width={50}
|
||||||
anchor={[35.48787, 50.92102]}
|
anchor={[35.48787, 50.92102]}
|
||||||
color={color}
|
color={color}
|
||||||
onClick={() => setHue(hue + 20)}
|
onClick={() => setHue(hue + 20)}
|
||||||
/>
|
/>
|
||||||
<ZoomControl />
|
<ZoomControl />
|
||||||
</Map>
|
</Map>
|
||||||
</div>
|
</div>
|
||||||
<Connect />
|
<Connect />
|
||||||
<br />
|
<br />
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
</AppContainer>
|
</AppContainer>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default ContactUs;
|
export default ContactUs;
|
||||||
+243
-243
@@ -1,243 +1,243 @@
|
|||||||
import React from "react";
|
import React from "react";
|
||||||
import AppContainer from "../appContainer";
|
import AppContainer from "../appContainer";
|
||||||
|
|
||||||
import circle from "../../public/resource/cooperationsales/circle.svg";
|
import circle from "../../public/resource/cooperationsales/circle.svg";
|
||||||
import envelop from "../../public/resource/cooperationsales/envelop.svg";
|
import envelop from "../../public/resource/cooperationsales/envelop.svg";
|
||||||
import person from "../../public/resource/cooperationsales/person.svg";
|
import person from "../../public/resource/cooperationsales/person.svg";
|
||||||
import darsad from "../../public/resource/cooperationsales/darsad.svg";
|
import darsad from "../../public/resource/cooperationsales/darsad.svg";
|
||||||
import cart from "../../public/resource/cooperationsales/cart.svg";
|
import cart from "../../public/resource/cooperationsales/cart.svg";
|
||||||
import path from "../../public/resource/cooperationsales/path.svg";
|
import path from "../../public/resource/cooperationsales/path.svg";
|
||||||
// import cartmo from "../../public/resource/cooperationsales/CartMo.svg";
|
// import cartmo from "../../public/resource/cooperationsales/CartMo.svg";
|
||||||
|
|
||||||
const CooperationSales = () => {
|
const CooperationSales = () => {
|
||||||
return (
|
return (
|
||||||
<AppContainer>
|
<AppContainer>
|
||||||
<div className="bg-[#014258] lg:h-[450px] ">
|
<div className="bg-[#014258] lg:h-[450px] ">
|
||||||
<div className="contentSales contentSalesMobile ">
|
<div className="contentSales contentSalesMobile ">
|
||||||
<div className="contentSales2"></div>
|
<div className="contentSales2"></div>
|
||||||
<div className="contentSales3">
|
<div className="contentSales3">
|
||||||
this is svg area
|
this is svg area
|
||||||
{/* <img src ={cartmo} alt="" /> */}
|
{/* <img src ={cartmo} alt="" /> */}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<h2 className="text-white text-lg font-bold lg:text-[28px] font-extrabold text-center pt-8 xl:pt-16">
|
<h2 className="text-white text-lg font-bold lg:text-[28px] font-extrabold text-center pt-8 xl:pt-16">
|
||||||
همکاری در فروش سهام
|
همکاری در فروش سهام
|
||||||
</h2>
|
</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">
|
<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]">
|
<span className="font-bold text-sm lg:text-[22px]">
|
||||||
سود 3 درصدی
|
سود 3 درصدی
|
||||||
</span>{" "}
|
</span>{" "}
|
||||||
را از طریق سرمایه گذاری دوستان خود، کسب نمایید
|
را از طریق سرمایه گذاری دوستان خود، کسب نمایید
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div className="pb-4 lg:mb-0">
|
<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 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>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* second part */}
|
{/* second part */}
|
||||||
{/* laptop */}
|
{/* laptop */}
|
||||||
<div className="my-16">
|
<div className="my-16">
|
||||||
<h3 className="text-[#3C3C3C] text-lg font-extrabold lg:text-[28px] lg:font-bold mt-8 text-center ">
|
<h3 className="text-[#3C3C3C] text-lg font-extrabold lg:text-[28px] lg:font-bold mt-8 text-center ">
|
||||||
فرایند همکاری در فروش سهام
|
فرایند همکاری در فروش سهام
|
||||||
</h3>
|
</h3>
|
||||||
|
|
||||||
<div className="process flex justify-center items-center flex-row-reverse lg:mt-16">
|
<div className="process flex justify-center items-center flex-row-reverse lg:mt-16">
|
||||||
{/**box 1**/}
|
{/**box 1**/}
|
||||||
<div className=" flex items-center flex-row-reverse ">
|
<div className=" flex items-center flex-row-reverse ">
|
||||||
<div className="relative flex flex-column justify-center items-center">
|
<div className="relative flex flex-column justify-center items-center">
|
||||||
<div className="img contents ">
|
<div className="img contents ">
|
||||||
<img src={circle} alt="back" />
|
<img src={circle} alt="back" />
|
||||||
<div className="mt-6 lg:w-[62%] xl:w-[57%] text-center">
|
<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 className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||||
ارسال کد معرف برای دوستان خود
|
ارسال کد معرف برای دوستان خود
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="absolute lg:left-[60px] xl:left-[72px] top-[-13px] mt-4">
|
<div class="absolute lg:left-[60px] xl:left-[72px] top-[-13px] mt-4">
|
||||||
<img
|
<img
|
||||||
src={envelop}
|
src={envelop}
|
||||||
alt="back"
|
alt="back"
|
||||||
className="lg:w-[2.5rem] xl:w-full"
|
className="lg:w-[2.5rem] xl:w-full"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className=" mt-[-80px] lg:ml-[-90px] lg:mr-[-64px] xl:ml-[-111px] xl:mr-[-72px]">
|
<div className=" mt-[-80px] lg:ml-[-90px] lg:mr-[-64px] xl:ml-[-111px] xl:mr-[-72px]">
|
||||||
<img src={path} alt="path" />
|
<img src={path} alt="path" />
|
||||||
</div>
|
</div>
|
||||||
{/** box2 **/}
|
{/** box2 **/}
|
||||||
<div className=" flex items-center flex-row-reverse ">
|
<div className=" flex items-center flex-row-reverse ">
|
||||||
<div className="relative flex flex-column justify-center items-center">
|
<div className="relative flex flex-column justify-center items-center">
|
||||||
<div className="img contents lg:w-[3rem] xl:w-full ">
|
<div className="img contents lg:w-[3rem] xl:w-full ">
|
||||||
<img src={circle} alt="back" />
|
<img src={circle} alt="back" />
|
||||||
<div className="mt-6 lg:w-[62%] xl:w-[57%] text-center">
|
<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 className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||||
ثبت نام دوستان شما با کد معرف شما
|
ثبت نام دوستان شما با کد معرف شما
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="absolute lg:left-[75px] xl:left-[88px] top-[-13px] mt-4 ">
|
<div class="absolute lg:left-[75px] xl:left-[88px] top-[-13px] mt-4 ">
|
||||||
<img
|
<img
|
||||||
src={person}
|
src={person}
|
||||||
alt="back"
|
alt="back"
|
||||||
className="lg:w-[2.5rem] xl:w-full"
|
className="lg:w-[2.5rem] xl:w-full"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="lg:mr-[-84px] lg:ml-[-66px] mt-[-136px] xl:mr-[-98px] xl:ml-[-81px] rotate-180">
|
<div className="lg:mr-[-84px] lg:ml-[-66px] mt-[-136px] xl:mr-[-98px] xl:ml-[-81px] rotate-180">
|
||||||
<img src={path} alt="path" />
|
<img src={path} alt="path" />
|
||||||
</div>
|
</div>
|
||||||
{/** box3 **/}
|
{/** box3 **/}
|
||||||
<div className=" flex items-center flex-row-reverse ">
|
<div className=" flex items-center flex-row-reverse ">
|
||||||
<div className="relative flex flex-column justify-center items-center">
|
<div className="relative flex flex-column justify-center items-center">
|
||||||
<div className="img contents lg:w-[3rem] xl:w-full ">
|
<div className="img contents lg:w-[3rem] xl:w-full ">
|
||||||
<img src={circle} alt="back" />
|
<img src={circle} alt="back" />
|
||||||
<div className="mt-6 lg:w-[62%] xl:w-[57%] text-center">
|
<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 className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||||
خرید سهام توسط دوستان شما
|
خرید سهام توسط دوستان شما
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="absolute lg:left-[44px] lg:top-[-9px] xl:left-[58px] xl:top-[-13px] mt-4 ">
|
<div class="absolute lg:left-[44px] lg:top-[-9px] xl:left-[58px] xl:top-[-13px] mt-4 ">
|
||||||
<img
|
<img
|
||||||
src={cart}
|
src={cart}
|
||||||
alt="back"
|
alt="back"
|
||||||
className="lg:w-[2.5rem] xl:w-full"
|
className="lg:w-[2.5rem] xl:w-full"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="lg:mr-[-54px] lg:ml-[-71px] xl:mr-[-72px] mt-[-80px] xl:ml-[-94px]">
|
<div className="lg:mr-[-54px] lg:ml-[-71px] xl:mr-[-72px] mt-[-80px] xl:ml-[-94px]">
|
||||||
<img src={path} alt="path" />
|
<img src={path} alt="path" />
|
||||||
</div>
|
</div>
|
||||||
{/** box4 **/}
|
{/** box4 **/}
|
||||||
<div className=" flex items-center flex-row-reverse ">
|
<div className=" flex items-center flex-row-reverse ">
|
||||||
<div className="relative flex flex-column justify-center items-center">
|
<div className="relative flex flex-column justify-center items-center">
|
||||||
<div className="img contents ">
|
<div className="img contents ">
|
||||||
<img src={circle} alt="back" />
|
<img src={circle} alt="back" />
|
||||||
<div className="mt-6 lg:w-[62%] xl:w-[57%] text-center">
|
<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 className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||||
دریافت سود 3 درصد معرف خرید
|
دریافت سود 3 درصد معرف خرید
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="absolute lg:left-[50px] xl:left-[66px] top-[-13px] mt-4">
|
<div class="absolute lg:left-[50px] xl:left-[66px] top-[-13px] mt-4">
|
||||||
<img
|
<img
|
||||||
src={darsad}
|
src={darsad}
|
||||||
alt="back"
|
alt="back"
|
||||||
className="lg:w-[2.5rem] xl:w-full"
|
className="lg:w-[2.5rem] xl:w-full"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* mobile proces */}
|
{/* mobile proces */}
|
||||||
<div className="processMobile flex flex-column justify-center items-center mt-14">
|
<div className="processMobile flex flex-column justify-center items-center mt-14">
|
||||||
{/**box 1**/}
|
{/**box 1**/}
|
||||||
<div className=" flex items-center flex-row-reverse ">
|
<div className=" flex items-center flex-row-reverse ">
|
||||||
<div className="relative flex flex-column justify-center items-center">
|
<div className="relative flex flex-column justify-center items-center">
|
||||||
<div className="img contents ">
|
<div className="img contents ">
|
||||||
<img src={circle} alt="back" />
|
<img src={circle} alt="back" />
|
||||||
<div className="mt-6 w-[55%] text-center">
|
<div className="mt-6 w-[55%] text-center">
|
||||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||||
ارسال کد معرف برای دوستان خود
|
ارسال کد معرف برای دوستان خود
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="absolute left-[55px] top-[-13px] mt-4">
|
<div class="absolute left-[55px] top-[-13px] mt-4">
|
||||||
<img
|
<img
|
||||||
src={envelop}
|
src={envelop}
|
||||||
alt="back"
|
alt="back"
|
||||||
className="lg:w-[2.5rem] xl:w-full"
|
className="lg:w-[2.5rem] xl:w-full"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/** box2 **/}
|
{/** box2 **/}
|
||||||
<div className=" flex items-center flex-row-reverse pt-8 ">
|
<div className=" flex items-center flex-row-reverse pt-8 ">
|
||||||
<div className="relative flex flex-column justify-center items-center">
|
<div className="relative flex flex-column justify-center items-center">
|
||||||
<div className="img contents lg:w-[3rem] xl:w-full ">
|
<div className="img contents lg:w-[3rem] xl:w-full ">
|
||||||
<img src={circle} alt="back" />
|
<img src={circle} alt="back" />
|
||||||
<div className="mt-6 w-[55%] text-center">
|
<div className="mt-6 w-[55%] text-center">
|
||||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||||
ثبت نام دوستان شما با کد معرف شما
|
ثبت نام دوستان شما با کد معرف شما
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="absolute left-[70px] top-[-13px] mt-4 ">
|
<div class="absolute left-[70px] top-[-13px] mt-4 ">
|
||||||
<img
|
<img
|
||||||
src={person}
|
src={person}
|
||||||
alt="back"
|
alt="back"
|
||||||
className="lg:w-[2.5rem] xl:w-full"
|
className="lg:w-[2.5rem] xl:w-full"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/** box3 **/}
|
{/** box3 **/}
|
||||||
<div className=" flex items-center flex-row-reverse pt-8 ">
|
<div className=" flex items-center flex-row-reverse pt-8 ">
|
||||||
<div className="relative flex flex-column justify-center items-center">
|
<div className="relative flex flex-column justify-center items-center">
|
||||||
<div className="img contents lg:w-[3rem] xl:w-full ">
|
<div className="img contents lg:w-[3rem] xl:w-full ">
|
||||||
<img src={circle} alt="back" />
|
<img src={circle} alt="back" />
|
||||||
<div className="mt-6 w-[55%] xl:w-[57%] text-center">
|
<div className="mt-6 w-[55%] xl:w-[57%] text-center">
|
||||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||||
خرید سهام توسط دوستان شما
|
خرید سهام توسط دوستان شما
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="absolute left-[39px] top-[-13px] mt-4 ">
|
<div class="absolute left-[39px] top-[-13px] mt-4 ">
|
||||||
<img
|
<img
|
||||||
src={cart}
|
src={cart}
|
||||||
alt="back"
|
alt="back"
|
||||||
className="lg:w-[2.5rem] xl:w-full"
|
className="lg:w-[2.5rem] xl:w-full"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/** box4 **/}
|
{/** box4 **/}
|
||||||
<div className=" flex items-center flex-row-reverse pt-8 ">
|
<div className=" flex items-center flex-row-reverse pt-8 ">
|
||||||
<div className="relative flex flex-column justify-center items-center">
|
<div className="relative flex flex-column justify-center items-center">
|
||||||
<div className="img contents ">
|
<div className="img contents ">
|
||||||
<img src={circle} alt="back" />
|
<img src={circle} alt="back" />
|
||||||
<div className="mt-6 w-[55%] xl:w-[57%] text-center">
|
<div className="mt-6 w-[55%] xl:w-[57%] text-center">
|
||||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||||
دریافت سود 3 درصد معرف خرید
|
دریافت سود 3 درصد معرف خرید
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="absolute left-[55px] top-[-13px] mt-4">
|
<div class="absolute left-[55px] top-[-13px] mt-4">
|
||||||
<img
|
<img
|
||||||
src={darsad}
|
src={darsad}
|
||||||
alt="back"
|
alt="back"
|
||||||
className="lg:w-[2.5rem] xl:w-full"
|
className="lg:w-[2.5rem] xl:w-full"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
{/* end mobile process */}
|
{/* end mobile process */}
|
||||||
</div>
|
</div>
|
||||||
</AppContainer>
|
</AppContainer>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default CooperationSales;
|
export default CooperationSales;
|
||||||
|
|||||||
+49
-49
@@ -1,50 +1,50 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
import AppContainer from "../appContainer";
|
import AppContainer from "../appContainer";
|
||||||
import {MDBContainer, MDBIcon, MDBTypography} from "mdb-react-ui-kit";
|
import {MDBContainer, MDBIcon, MDBTypography} from "mdb-react-ui-kit";
|
||||||
|
|
||||||
const Docs = () => {
|
const Docs = () => {
|
||||||
const Parallax = ({ quality }) => {
|
const Parallax = ({ quality }) => {
|
||||||
return `../resource/parallax/files-bg.jpg`;
|
return `../resource/parallax/files-bg.jpg`;
|
||||||
}
|
}
|
||||||
const dataFile = [
|
const dataFile = [
|
||||||
// {id: 1,title: 'اساسنامه شرکت سهامی مهر ایرانیان پرند' ,url: '../resource/files/اساسنامه شرکت سهامی.pdf'},
|
// {id: 1,title: 'اساسنامه شرکت سهامی مهر ایرانیان پرند' ,url: '../resource/files/اساسنامه شرکت سهامی.pdf'},
|
||||||
{id: 2,title: 'آگهی افزایش سرمایه بیمارستان مهر ایرانیان پرند' ,url: '../resource/files/آگهی افزایش سرمایه.pdf'},
|
{id: 2,title: 'آگهی افزایش سرمایه بیمارستان مهر ایرانیان پرند' ,url: '../resource/files/آگهی افزایش سرمایه.pdf'},
|
||||||
{id: 3,title: 'آگهی تغییرات روزنامه رسمی' ,url: '../resource/files/آگهی تغییرات روزنامه رسمی.jpg'},
|
{id: 3,title: 'آگهی تغییرات روزنامه رسمی' ,url: '../resource/files/آگهی تغییرات روزنامه رسمی.jpg'},
|
||||||
{id: 4,title: 'موافقت اصولی' ,url: '../resource/files/Agrement.pdf'},
|
{id: 4,title: 'موافقت اصولی' ,url: '../resource/files/Agrement.pdf'},
|
||||||
{id: 5,title: ' اساسنامه شرکت سهامی خاص پزشکی مهر ایرانیان پرند' ,url: '../resource/files/اساسنامه شرکت سهامی خاص پزشکی مهرایرانیان پرند.pdf'},
|
{id: 5,title: ' اساسنامه شرکت سهامی خاص پزشکی مهر ایرانیان پرند' ,url: '../resource/files/اساسنامه شرکت سهامی خاص پزشکی مهرایرانیان پرند.pdf'},
|
||||||
]
|
]
|
||||||
return (
|
return (
|
||||||
<AppContainer title={' اساسنامه شرکت'}>
|
<AppContainer title={' اساسنامه شرکت'}>
|
||||||
<div className="parallax-container">
|
<div className="parallax-container">
|
||||||
<div className={'d-flex'}>
|
<div className={'d-flex'}>
|
||||||
<h2 className={'center-align text-white header_back service-text dana font-weight-bold'}> اسناد رسمی شرکت پزشکی مهر ایرانیان پرند </h2>
|
<h2 className={'center-align text-white header_back service-text dana font-weight-bold'}> اسناد رسمی شرکت پزشکی مهر ایرانیان پرند </h2>
|
||||||
</div>
|
</div>
|
||||||
<Image
|
<Image
|
||||||
loader={Parallax}
|
loader={Parallax}
|
||||||
src="Parallax.png"
|
src="Parallax.png"
|
||||||
className={'responsive-img shadow-5'}
|
className={'responsive-img shadow-5'}
|
||||||
alt=" اساسنامه بیارستان مهر ایرانیان پرند "
|
alt=" اساسنامه بیارستان مهر ایرانیان پرند "
|
||||||
width={3000}
|
width={3000}
|
||||||
height={1300}
|
height={1300}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<MDBContainer className={'mt-5 mb-5'}>
|
<MDBContainer className={'mt-5 mb-5'}>
|
||||||
<div className={'flex justify-content-center align-items-center w-100 mb-5 text-center'}>
|
<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'} />
|
<Image height={150} width={150} src={'/resource/icons/files.png'} />
|
||||||
</div>
|
</div>
|
||||||
{dataFile.map((fileItem) => (
|
{dataFile.map((fileItem) => (
|
||||||
<>
|
<>
|
||||||
<MDBTypography key={fileItem.id} style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #1266f1',borderLeft: 'none'}} note noteColor='primary'>
|
<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' />
|
<MDBIcon className='ms-1' icon='download' size='sm' />
|
||||||
<a title={fileItem.title} download href={fileItem.url}>{fileItem.title}</a>
|
<a title={fileItem.title} download href={fileItem.url}>{fileItem.title}</a>
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
</>
|
</>
|
||||||
))}
|
))}
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
</AppContainer>
|
</AppContainer>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default Docs;
|
export default Docs;
|
||||||
+10
-10
@@ -1,11 +1,11 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import Doctors from "../components/doctors";
|
import Doctors from "../components/doctors";
|
||||||
const DoctorPage = () => {
|
const DoctorPage = () => {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<Doctors />
|
<Doctors />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default DoctorPage;
|
export default DoctorPage;
|
||||||
+188
-190
@@ -1,190 +1,188 @@
|
|||||||
import React, { useEffect } from 'react'
|
import React, { useEffect } from 'react'
|
||||||
import { useRouter } from 'next/router'
|
import parse from 'html-react-parser'
|
||||||
import parse from 'html-react-parser'
|
import axios from 'axios'
|
||||||
import axios from 'axios'
|
import AppContainer from '../../appContainer'
|
||||||
import AppContainer from '../../appContainer'
|
import { FiChevronLeft, FiUser } from 'react-icons/fi'
|
||||||
import { FiChevronLeft, FiUser } from 'react-icons/fi'
|
import Link from 'next/link'
|
||||||
import Link from 'next/link'
|
import {
|
||||||
import {
|
MDBBtn,
|
||||||
MDBBtn,
|
MDBCard,
|
||||||
MDBCard,
|
MDBCardBody,
|
||||||
MDBCardBody,
|
MDBCardImage,
|
||||||
MDBCardImage,
|
MDBCardText,
|
||||||
MDBCardText,
|
MDBCardTitle,
|
||||||
MDBCardTitle,
|
MDBCol,
|
||||||
MDBCol,
|
MDBContainer,
|
||||||
MDBContainer,
|
MDBListGroupItem,
|
||||||
MDBListGroup,
|
MDBRow,
|
||||||
MDBListGroupItem,
|
MDBTypography
|
||||||
MDBRow,
|
} from 'mdb-react-ui-kit'
|
||||||
MDBTypography
|
import Image from 'next/image'
|
||||||
} from 'mdb-react-ui-kit'
|
import { AppFile, AppUrl } from '../../../lib/api'
|
||||||
import Image from 'next/image'
|
import { Tag, TagLabel, HStack } from '@chakra-ui/react'
|
||||||
import { AppFile, AppUrl } from '../../../lib/api'
|
|
||||||
import { Tag, TagLabel, HStack } from '@chakra-ui/react'
|
const moment = require('moment-jalaali')
|
||||||
|
|
||||||
const moment = require('moment-jalaali')
|
const News = ({ post }) => {
|
||||||
|
const Parallax = ({ quality }) => {
|
||||||
const News = ({ post }) => {
|
return AppFile(`panel-public/uploads/${post.cover}`)
|
||||||
const Parallax = ({ quality }) => {
|
}
|
||||||
return AppFile(`panel-public/uploads/${post.cover}`)
|
return (
|
||||||
}
|
<AppContainer title={post.title}>
|
||||||
return (
|
<div className='parallax-container'>
|
||||||
<AppContainer title={post.title}>
|
<h1
|
||||||
<div className='parallax-container'>
|
style={{ width: '95%', lineHeight: '2' }}
|
||||||
<h1
|
className={'center-align text-white service-text font-weight-bold header_back'}
|
||||||
style={{ width: '95%', lineHeight: '2' }}
|
>
|
||||||
className={'center-align text-white service-text font-weight-bold header_back'}
|
{post.title}{' '}
|
||||||
>
|
</h1>
|
||||||
{post.title}{' '}
|
<Image
|
||||||
</h1>
|
loader={Parallax}
|
||||||
<Image
|
src='Parallax.png'
|
||||||
loader={Parallax}
|
className={'responsive-img shadow-5'}
|
||||||
src='Parallax.png'
|
alt='Picture of the author'
|
||||||
className={'responsive-img shadow-5'}
|
width={2050}
|
||||||
alt='Picture of the author'
|
height={1050}
|
||||||
width={2050}
|
priority
|
||||||
height={1050}
|
/>
|
||||||
priority
|
</div>
|
||||||
/>
|
<br />
|
||||||
</div>
|
<MDBContainer>
|
||||||
<br />
|
<div className={'RTL bk image_center responsive-img'}>
|
||||||
<MDBContainer>
|
<style jsx>
|
||||||
<div className={'RTL bk image_center responsive-img'}>
|
{`
|
||||||
<style jsx>
|
* {
|
||||||
{`
|
font-weight: 800;
|
||||||
* {
|
font-family: yekanBakh !important;
|
||||||
font-weight: 800;
|
}
|
||||||
font-family: yekanBakh !important;
|
* span span span {
|
||||||
}
|
background-color: red;
|
||||||
* span span span {
|
color: red;
|
||||||
background-color: red;
|
}
|
||||||
color: red;
|
|
||||||
}
|
img {
|
||||||
|
max-width: 100% !important;
|
||||||
img {
|
height: auto !important;
|
||||||
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'>
|
||||||
</style>
|
<MDBCol xs={12} md={12} lg={9}>
|
||||||
<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
<MDBCard style={{ borderTop: '4px solid #39a2a5', borderRadius: 0 }}>
|
||||||
<MDBCol xs={12} md={12} lg={9}>
|
<MDBCardBody>
|
||||||
<MDBCard style={{ borderTop: '4px solid #39a2a5', borderRadius: 0 }}>
|
<MDBCardTitle className={'flex align-items-center justify-content-between'}>
|
||||||
<MDBCardBody>
|
<div>{post.title}</div>
|
||||||
<MDBCardTitle className={'flex align-items-center justify-content-between'}>
|
</MDBCardTitle>
|
||||||
<div>{post.title}</div>
|
<hr />
|
||||||
</MDBCardTitle>
|
<br />
|
||||||
<hr />
|
<MDBCardText
|
||||||
<br />
|
className='text-right news-content right !bk-light right-align'
|
||||||
<MDBCardText
|
style={{ direction: 'rtl', lineHeight: '2.3' }}
|
||||||
className='text-right news-content right !bk-light right-align'
|
>
|
||||||
style={{ direction: 'rtl', lineHeight: '2.3' }}
|
{parse(post.text.replace('/n', ' '))}
|
||||||
>
|
<hr />
|
||||||
{parse(post.text.replace('/n', ' '))}
|
<HStack className='flex sm:flex-col' spacing={4}>
|
||||||
<hr />
|
<Tag size='md' className='flex gap-x-10' borderRadius='full'>
|
||||||
<HStack className='flex sm:flex-col' spacing={4}>
|
<TagLabel className='text-sm p-2'>سرمایه گذاری</TagLabel>
|
||||||
<Tag size='md' className='flex gap-x-10' borderRadius='full'>
|
</Tag>
|
||||||
<TagLabel className='text-sm p-2'>سرمایه گذاری</TagLabel>
|
<Tag size='md' className='flex gap-x-10' borderRadius='full'>
|
||||||
</Tag>
|
<TagLabel className='text-sm p-2'>بیمارستان پرند </TagLabel>
|
||||||
<Tag size='md' className='flex gap-x-10' borderRadius='full'>
|
</Tag>
|
||||||
<TagLabel className='text-sm p-2'>بیمارستان پرند </TagLabel>
|
<Tag size='md' className='flex gap-x-10' borderRadius='full'>
|
||||||
</Tag>
|
<TagLabel className='text-sm p-2'>شهر پرند </TagLabel>
|
||||||
<Tag size='md' className='flex gap-x-10' borderRadius='full'>
|
</Tag>
|
||||||
<TagLabel className='text-sm p-2'>شهر پرند </TagLabel>
|
|
||||||
</Tag>
|
</HStack>
|
||||||
|
</MDBCardText>
|
||||||
</HStack>
|
</MDBCardBody>
|
||||||
</MDBCardText>
|
</MDBCard>
|
||||||
</MDBCardBody>
|
</MDBCol>
|
||||||
</MDBCard>
|
<MDBCol xs={12} md={12} lg={3}>
|
||||||
</MDBCol>
|
{/* <Link href={'https://panel.mehriranianco.ir/welcome'}>
|
||||||
<MDBCol xs={12} md={12} lg={3}>
|
<MDBCardImage
|
||||||
<Link href={'https://panel.mehriranianco.ir/welcome'}>
|
className={'rounded-6 cursor-pointer'}
|
||||||
<MDBCardImage
|
style={{ width: 512, height: 275 }}
|
||||||
className={'rounded-6 cursor-pointer'}
|
src={'/resource/images/price-anim.gif'}
|
||||||
style={{ width: 512, height: 275 }}
|
/>
|
||||||
src={'/resource/images/price-anim.gif'}
|
</Link> */}
|
||||||
/>
|
{/* <Link href={'https://panel.mehriranianco.ir/welcome'}>
|
||||||
</Link>
|
<MDBCardImage
|
||||||
<Link href={'https://panel.mehriranianco.ir/welcome'}>
|
className={'rounded-6 cursor-pointer mt-3'}
|
||||||
<MDBCardImage
|
style={{ width: 512, height: 275 }}
|
||||||
className={'rounded-6 cursor-pointer mt-3'}
|
src={'/resource/images/SequenceyEKTANET.gif'}
|
||||||
style={{ width: 512, height: 275 }}
|
/>
|
||||||
src={'/resource/images/SequenceyEKTANET.gif'}
|
</Link> */}
|
||||||
/>
|
<MDBCard shadow='5' border='info' className={'border mt-4'}>
|
||||||
</Link>
|
<MDBCardBody>
|
||||||
<MDBCard shadow='5' border='info' className={'border mt-4'}>
|
<MDBCardTitle>مطالب اخیر </MDBCardTitle>
|
||||||
<MDBCardBody>
|
<hr />
|
||||||
<MDBCardTitle>مطالب اخیر </MDBCardTitle>
|
<MDBCardText className={'mt-4'}>
|
||||||
<hr />
|
{/* <Link href={'https://panel.mehriranianco.ir/welcome'}>
|
||||||
<MDBCardText className={'mt-4'}>
|
<MDBListGroupItem style={{ cursor: 'pointer' }} className={'border-none bk-light p-1'}>
|
||||||
<Link href={'https://panel.mehriranianco.ir/welcome'}>
|
<FiChevronLeft />
|
||||||
<MDBListGroupItem style={{ cursor: 'pointer' }} className={'border-none bk-light p-1'}>
|
خرید سهام
|
||||||
<FiChevronLeft />
|
</MDBListGroupItem>
|
||||||
خرید سهام
|
</Link> */}
|
||||||
</MDBListGroupItem>
|
<Link href={'/page/news/34'}>
|
||||||
</Link>
|
<MDBListGroupItem style={{ cursor: 'pointer' }} className={'border-none bk-light p-1'}>
|
||||||
<Link href={'/page/news/34'}>
|
<FiChevronLeft />
|
||||||
<MDBListGroupItem style={{ cursor: 'pointer' }} className={'border-none bk-light p-1'}>
|
انتقال سهام
|
||||||
<FiChevronLeft />
|
</MDBListGroupItem>
|
||||||
انتقال سهام
|
</Link>
|
||||||
</MDBListGroupItem>
|
{/* <Link href={'/page/news/29'}>
|
||||||
</Link>
|
<MDBListGroupItem className={'border-none bk-light p-1'}>
|
||||||
<Link href={'/page/news/29'}>
|
<FiChevronLeft />
|
||||||
<MDBListGroupItem className={'border-none bk-light p-1'}>
|
سرمایه گذاری بدون ریسک
|
||||||
<FiChevronLeft />
|
</MDBListGroupItem>
|
||||||
سرمایه گذاری بدون ریسک
|
</Link> */}
|
||||||
</MDBListGroupItem>
|
<MDBListGroupItem className={'border-none bk-light p-1'}>
|
||||||
</Link>
|
<FiChevronLeft />
|
||||||
<MDBListGroupItem className={'border-none bk-light p-1'}>
|
<a className={'bk-light text-black'} download href={'./take-stock.pdf'}>
|
||||||
<FiChevronLeft />
|
دفترچه سهام
|
||||||
<a className={'bk-light text-black'} download href={'./take-stock.pdf'}>
|
</a>
|
||||||
دفترچه سهام
|
</MDBListGroupItem>
|
||||||
</a>
|
<MDBListGroupItem className={'border-none bk-light p-1'}>
|
||||||
</MDBListGroupItem>
|
<FiChevronLeft />
|
||||||
<MDBListGroupItem className={'border-none bk-light p-1'}>
|
<a
|
||||||
<FiChevronLeft />
|
className={'bk-light text-black'}
|
||||||
<a
|
download
|
||||||
className={'bk-light text-black'}
|
href={'./Explanatory_plan_of_Mehr_ranian_Parand_Hospital.pdf'}
|
||||||
download
|
>
|
||||||
href={'./Explanatory_plan_of_Mehr_ranian_Parand_Hospital.pdf'}
|
دانلود طرح توجیهی
|
||||||
>
|
</a>
|
||||||
دانلود طرح توجیهی
|
</MDBListGroupItem>
|
||||||
</a>
|
</MDBCardText>
|
||||||
</MDBListGroupItem>
|
</MDBCardBody>
|
||||||
</MDBCardText>
|
</MDBCard>
|
||||||
</MDBCardBody>
|
</MDBCol>
|
||||||
</MDBCard>
|
</MDBRow>
|
||||||
</MDBCol>
|
<br />
|
||||||
</MDBRow>
|
<hr />
|
||||||
<br />
|
<MDBTypography className='dana font-light'>
|
||||||
<hr />
|
تاریخ انتشار :{moment(post.created_at, 'YYYY-M-D HH:mm:ss').format('HH:mm - jYYYY/jM/jD')}
|
||||||
<MDBTypography className='dana font-light'>
|
</MDBTypography>
|
||||||
تاریخ انتشار :{moment(post.created_at, 'YYYY-M-D HH:mm:ss').format('HH:mm - jYYYY/jM/jD')}
|
</div>
|
||||||
</MDBTypography>
|
</MDBContainer>
|
||||||
</div>
|
<br />
|
||||||
</MDBContainer>
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<br />
|
</AppContainer>
|
||||||
<br />
|
)
|
||||||
</AppContainer>
|
}
|
||||||
)
|
|
||||||
}
|
export default News
|
||||||
|
|
||||||
export default News
|
export const getServerSideProps = async context => {
|
||||||
|
const { query } = context
|
||||||
export const getServerSideProps = async context => {
|
const posData = await axios.get(AppUrl(`news/${query.slug}`))
|
||||||
const { query } = context
|
const post = await posData.data
|
||||||
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
|
||||||
return {
|
}
|
||||||
props: { post, fallback: false } // will be passed to the page component as props
|
}
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|||||||
+198
-198
@@ -1,198 +1,198 @@
|
|||||||
import React, { useState } from 'react'
|
import React, { useState } from 'react'
|
||||||
|
|
||||||
import AppContainer from '../appContainer'
|
import AppContainer from '../appContainer'
|
||||||
import { BsFillTelephoneFill } from 'react-icons/bs'
|
import { BsFillTelephoneFill } from 'react-icons/bs'
|
||||||
import { MdEmail } from 'react-icons/md'
|
import { MdEmail } from 'react-icons/md'
|
||||||
import { FaMapMarkerAlt } from 'react-icons/fa'
|
import { FaMapMarkerAlt } from 'react-icons/fa'
|
||||||
import { BsWhatsapp } from 'react-icons/bs'
|
import { BsWhatsapp } from 'react-icons/bs'
|
||||||
import { BsTwitter } from 'react-icons/bs'
|
import { BsTwitter } from 'react-icons/bs'
|
||||||
import { AiOutlineInstagram } from 'react-icons/ai'
|
import { AiOutlineInstagram } from 'react-icons/ai'
|
||||||
import toast, { Toaster } from 'react-hot-toast'
|
import toast, { Toaster } from 'react-hot-toast'
|
||||||
import { MDBRadio } from 'mdb-react-ui-kit'
|
import { MDBRadio } from 'mdb-react-ui-kit'
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
import NumberFormat from 'react-number-format'
|
import NumberFormat from 'react-number-format'
|
||||||
import { AppProduction } from '../../lib/api'
|
import { AppProduction } from '../../lib/api'
|
||||||
|
|
||||||
const Sales = () => {
|
const Sales = () => {
|
||||||
const [name, setName] = useState()
|
const [name, setName] = useState()
|
||||||
const [mobileNumber, setMobileNumber] = useState('')
|
const [mobileNumber, setMobileNumber] = useState('')
|
||||||
const [InvestmentPrice, setInvestmentPrice] = useState('')
|
const [InvestmentPrice, setInvestmentPrice] = useState('0')
|
||||||
const [InvestmentType, setInvestmentType] = useState('1')
|
const [InvestmentType, setInvestmentType] = useState('1')
|
||||||
const [Loading, setLoading] = useState(false)
|
const [Loading, setLoading] = useState(false)
|
||||||
|
|
||||||
const SubmitForm = () => {
|
const SubmitForm = () => {
|
||||||
setLoading(true)
|
setLoading(true)
|
||||||
toast.loading('در حال ثبت درخواست شما')
|
toast.loading('در حال ثبت درخواست شما')
|
||||||
axios
|
axios
|
||||||
.post(`${AppProduction}public/website/request`, {
|
.post(`${AppProduction}public/website/request`, {
|
||||||
name: name,
|
name: name,
|
||||||
mobile_number: mobileNumber,
|
mobile_number: mobileNumber,
|
||||||
investment_price: InvestmentPrice,
|
investment_price: InvestmentPrice,
|
||||||
investment_type: InvestmentType
|
investment_type: InvestmentType
|
||||||
})
|
})
|
||||||
.then(async res => {
|
.then(async res => {
|
||||||
setLoading(false)
|
setLoading(false)
|
||||||
toast.remove()
|
toast.remove()
|
||||||
toast.success('درخواست شما ثبت شد به زودی کار شناسان فروش ما به شما تماس می گیرند')
|
toast.success('درخواست شما ثبت شد به زودی کار شناسان ما به شما تماس می گیرند')
|
||||||
await console.log('res', res)
|
await console.log('res', res)
|
||||||
})
|
})
|
||||||
.catch(async err => {
|
.catch(async err => {
|
||||||
setLoading(false)
|
setLoading(false)
|
||||||
toast.remove()
|
toast.remove()
|
||||||
await toast.error(err.response.data.err)
|
await toast.error(err.response.data.err)
|
||||||
await console.log('err', err)
|
await console.log('err', err)
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div id='callstock' className=' text-center py-8 m '>
|
<div id='callstock' className=' text-center py-8 m '>
|
||||||
<h1 className='text-[#3c3c3c] text-[28px] font-bold mt-5 '>مشاوره خرید سهام</h1>
|
<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 className='text-[#656565] text-base p-2 md:text-[22px] md:p-0 font-light'>
|
||||||
برای دریافت مشاوره فرم زیر را تکمیل کنید
|
برای ارتباط با ما فرم زیر را تکمیل کنید
|
||||||
</span>
|
</span>
|
||||||
<Toaster />
|
<Toaster />
|
||||||
|
|
||||||
<div className='bg-white shadow-lg w-10/12 mx-auto rounded-[20px] grid lg:grid-cols-9 mt-8 SALES'>
|
<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='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='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]'>
|
<div className='addressAbout pr-8 pl-8 pt-[1.8rem]'>
|
||||||
<h4 className='text-white font-bold md:text-xl '>ارتباط با ما</h4>
|
<h4 className='text-white font-bold md:text-xl '>ارتباط با ما</h4>
|
||||||
<p className='text-white font-light md:text-lg pt-[0.5rem]'>
|
<p className='text-white font-light md:text-lg pt-[0.5rem]'>
|
||||||
بعد از ارسال فرم، مشاوران سهام طی 24 ساعت با شما تماس خواهند گرفت
|
بعد از ارسال فرم، کارشناسان طی 24 ساعت با شما تماس خواهند گرفت
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<div className='address'>
|
<div className='address'>
|
||||||
<div className=''>
|
<div className=''>
|
||||||
<span className='md:text-base font-normal text-white pr-[0.5rem]'>021-53457000</span>
|
<span className='md:text-base font-normal text-white pr-[0.5rem]'>021-53457000</span>
|
||||||
<BsFillTelephoneFill className='text-[#57C5C6] text-[0.9rem] md:text-[1.3rem]' />
|
<BsFillTelephoneFill className='text-[#57C5C6] text-[0.9rem] md:text-[1.3rem]' />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className='py-4 flex align-center md:justify-end'>
|
<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>
|
<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]' />
|
<MdEmail className='text-[#57C5C6] text-[0.8rem] md:text-[1.3rem]' />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className='flex justify-end xl:justify-start '>
|
<div className='flex justify-end xl:justify-start '>
|
||||||
<span className='md:text-base font-normal text-white pr-[0.5rem]'>
|
<span className='md:text-base font-normal text-white pr-[0.5rem]'>
|
||||||
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم
|
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم
|
||||||
</span>
|
</span>
|
||||||
<FaMapMarkerAlt className='text-[#57C5C6] text-[2rem] md:text-[1.3rem] ' />
|
<FaMapMarkerAlt className='text-[#57C5C6] text-[2rem] md:text-[1.3rem] ' />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className='contentFooter grid lg:grid-cols-5 xl:grid-cols-2'>
|
<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='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]'>
|
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
|
||||||
<BsWhatsapp className='socail' />
|
<BsWhatsapp className='socail' />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className='socailS text-white mx-[0.5rem] text-[1.2rem] hover:bg-[#57C5C6]'>
|
<div className='socailS text-white mx-[0.5rem] text-[1.2rem] hover:bg-[#57C5C6]'>
|
||||||
<BsTwitter className='socail' />
|
<BsTwitter className='socail' />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
|
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
|
||||||
<AiOutlineInstagram className='socail' />
|
<AiOutlineInstagram className='socail' />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className='circle1 lg:col-span-3 xl:col-span-1'>
|
<div className='circle1 lg:col-span-3 xl:col-span-1'>
|
||||||
<div className='circle2'></div>
|
<div className='circle2'></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className='rightForm lg:col-span-5 p-8 '>
|
<div className='rightForm lg:col-span-5 p-8 '>
|
||||||
<div className=''>
|
<div className=''>
|
||||||
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='username'>
|
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='username'>
|
||||||
نام و نام خانوادگی
|
نام و نام خانوادگی
|
||||||
</label>
|
</label>
|
||||||
<div className='text-end'>
|
<div className='text-end'>
|
||||||
<input
|
<input
|
||||||
onChange={e => setName(e.target.value)}
|
onChange={e => setName(e.target.value)}
|
||||||
className='outline-0 bg-transparent w-11/12 text-end pt-3
|
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] '
|
border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
|
||||||
id='username'
|
id='username'
|
||||||
type='text'
|
type='text'
|
||||||
placeHolder=' نام و نام خانوادگی راوارد کنید'
|
placeHolder=' نام و نام خانوادگی راوارد کنید'
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className='mt-9'>
|
<div className='mt-9'>
|
||||||
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='phone'>
|
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='phone'>
|
||||||
شماره تماس
|
شماره تماس
|
||||||
</label>
|
</label>
|
||||||
<div className='text-end'>
|
<div className='text-end'>
|
||||||
<input
|
<input
|
||||||
onChange={e => setMobileNumber(e.target.value)}
|
onChange={e => setMobileNumber(e.target.value)}
|
||||||
className='outline-0 bg-transparent w-11/12 text-end pt-3
|
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 '
|
border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] pt-2 '
|
||||||
id='phone'
|
id='phone'
|
||||||
type='text'
|
type='text'
|
||||||
placeHolder='+98 912 525 4477'
|
placeHolder='+98 912 525 4477'
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className='mt-9 '>
|
{/* <div className='mt-9 '>
|
||||||
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='money'>
|
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='money'>
|
||||||
مبلغ سرمایه گذاری شما
|
مبلغ سرمایه گذاری شما
|
||||||
</label>
|
</label>
|
||||||
<div className='text-end'>
|
<div className='text-end'>
|
||||||
<NumberFormat
|
<NumberFormat
|
||||||
onValueChange={values => {
|
onValueChange={values => {
|
||||||
const { formattedValue, value } = values
|
const { formattedValue, value } = values
|
||||||
setInvestmentPrice(value)
|
setInvestmentPrice(value)
|
||||||
}}
|
}}
|
||||||
className='outline-0 bg-transparent w-11/12 text-end pt-3
|
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] '
|
border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
|
||||||
type={'text'}
|
type={'text'}
|
||||||
prefix={'تومان'}
|
prefix={'تومان'}
|
||||||
thousandSeparator={true}
|
thousandSeparator={true}
|
||||||
dir={'ltr'}
|
dir={'ltr'}
|
||||||
placeHolder=' مبلغ مد نظر خود برای شروع سرمایه گذاری وارد نمایید'
|
placeHolder=' مبلغ مد نظر خود برای شروع سرمایه گذاری وارد نمایید'
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className='mt-9'>
|
<div className='mt-9'>
|
||||||
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='buyStock'>
|
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='buyStock'>
|
||||||
به چه صورت تمایل به خرید سهام دارید؟
|
به چه صورت تمایل به خرید سهام دارید؟
|
||||||
</label>
|
</label>
|
||||||
<div className='text-end flex justify-end items-center mt-3'>
|
<div className='text-end flex justify-end items-center mt-3'>
|
||||||
<div className="ml-5'">
|
<div className="ml-5'">
|
||||||
<MDBRadio
|
<MDBRadio
|
||||||
onClick={() => setInvestmentType(2)}
|
onClick={() => setInvestmentType(2)}
|
||||||
name='flexRadioDefault'
|
name='flexRadioDefault'
|
||||||
id='flexRadioDefault1'
|
id='flexRadioDefault1'
|
||||||
label='اقساطی '
|
label='اقساطی '
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div style={{ marginLeft: 20 }} className="ml-5'">
|
<div style={{ marginLeft: 20 }} className="ml-5'">
|
||||||
<MDBRadio
|
<MDBRadio
|
||||||
onClick={() => setInvestmentType(1)}
|
onClick={() => setInvestmentType(1)}
|
||||||
name='flexRadioDefault'
|
name='flexRadioDefault'
|
||||||
id='flexRadioDefault2'
|
id='flexRadioDefault2'
|
||||||
label='نقدی'
|
label='نقدی'
|
||||||
defaultChecked
|
defaultChecked
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div> */}
|
||||||
|
|
||||||
<div className='mt-[6rem] mb-2'>
|
<div className='mt-[6rem] mb-2'>
|
||||||
<button
|
<button
|
||||||
onClick={SubmitForm}
|
onClick={SubmitForm}
|
||||||
className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold '
|
className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold '
|
||||||
>
|
>
|
||||||
{!Loading ? 'ثبت درخواست' : 'در حال ثبت درخواست'}
|
{!Loading ? 'ثبت درخواست' : 'در حال ثبت درخواست'}
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export default Sales
|
export default Sales
|
||||||
|
|||||||
+13
-13
@@ -1,14 +1,14 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import dynamic from 'next/dynamic'
|
import dynamic from 'next/dynamic'
|
||||||
|
|
||||||
|
|
||||||
const Chart = dynamic(() => import('../../src/Chart/stock-price'), {ssr:false})
|
const Chart = dynamic(() => import('../../src/Chart/stock-price'), {ssr:false})
|
||||||
const Price = () => {
|
const Price = () => {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<Chart />
|
<Chart />
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export default Price
|
export default Price
|
||||||
+35
-35
@@ -1,36 +1,36 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import {Box, Button, Collapse, Fade, useDisclosure} from "@chakra-ui/react";
|
import {Box, Button, Collapse, Fade, useDisclosure} from "@chakra-ui/react";
|
||||||
import {ArrowDownIcon, ArrowUpIcon} from "@chakra-ui/icons";
|
import {ArrowDownIcon, ArrowUpIcon} from "@chakra-ui/icons";
|
||||||
|
|
||||||
const CollapseItem = ({title, text}) => {
|
const CollapseItem = ({title, text}) => {
|
||||||
const { isOpen, onToggle } = useDisclosure()
|
const { isOpen, onToggle } = useDisclosure()
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div onClick={onToggle} className={'mt-2 cursor-pointer'}>
|
<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'}>
|
<div style={{ border: '1px solid #39a2a5' }} className={'flex p-2 rounded-5 align-items-center justify-content-between'}>
|
||||||
{isOpen ? (
|
{isOpen ? (
|
||||||
<ArrowUpIcon />
|
<ArrowUpIcon />
|
||||||
): (
|
): (
|
||||||
<ArrowDownIcon />
|
<ArrowDownIcon />
|
||||||
)}
|
)}
|
||||||
<strong dir={'rtl'} className={'bk-light'} > {title} </strong>
|
<strong dir={'rtl'} className={'bk-light'} > {title} </strong>
|
||||||
</div>
|
</div>
|
||||||
<Collapse in={isOpen}>
|
<Collapse in={isOpen}>
|
||||||
<Box
|
<Box
|
||||||
p='40px'
|
p='40px'
|
||||||
color='black'
|
color='black'
|
||||||
mt='4'
|
mt='4'
|
||||||
bg='gray.200'
|
bg='gray.200'
|
||||||
rounded='md'
|
rounded='md'
|
||||||
shadow='md'
|
shadow='md'
|
||||||
>
|
>
|
||||||
<p dir={'rtl'} className={'bk-light'}>
|
<p dir={'rtl'} className={'bk-light'}>
|
||||||
{text}
|
{text}
|
||||||
</p>
|
</p>
|
||||||
</Box>
|
</Box>
|
||||||
</Collapse>
|
</Collapse>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default CollapseItem;
|
export default CollapseItem;
|
||||||
+63
-63
@@ -1,63 +1,63 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import AppContainer from '../appContainer'
|
import AppContainer from '../appContainer'
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
import { MDBContainer } from 'mdb-react-ui-kit'
|
import { MDBContainer } from 'mdb-react-ui-kit'
|
||||||
import CollapseItem from './Collapse'
|
import CollapseItem from './Collapse'
|
||||||
import { Stock_price } from '../../src/vat'
|
import { Stock_price } from '../../src/vat'
|
||||||
|
|
||||||
const QuestionAndAnswer = () => {
|
const QuestionAndAnswer = () => {
|
||||||
const Parallax = ({ quality }) => {
|
const Parallax = ({ quality }) => {
|
||||||
return `../resource/images/q-a.jpg`
|
return `../resource/images/q-a.jpg`
|
||||||
}
|
}
|
||||||
const qaData = [
|
const qaData = [
|
||||||
{
|
// {
|
||||||
id: 1,
|
// id: 1,
|
||||||
title: ' قیمت سهام ',
|
// title: ' قیمت سهام ',
|
||||||
text: ` (بروزرسانی : خرداد 1401 ) فروش سهام با تعداد محدود و مدت محدود با ${Stock_price} قيمت تومان`
|
// text: ` (بروزرسانی : خرداد 1401 ) فروش سهام با تعداد محدود و مدت محدود با ${Stock_price} قيمت تومان`
|
||||||
},
|
// },
|
||||||
{
|
{
|
||||||
id: 2,
|
id: 2,
|
||||||
title: 'چگونه سهام خریداری کنیم ؟ ',
|
title: 'چگونه سهام خریداری کنیم ؟ ',
|
||||||
text: 'برای خرید سهام می توانید با شماره 53547000-021 تماس حاصل فرمایید یا از طریق مراجعه به دفتر خرید سهام (واقع در شهر پرند ، بلوار شهید فاسم سلیمانی ( چهار بانده) فاز 5 ، بیمارستان مهر ایرانیان پرند) اقدام به خرید سهام فرمایید .'
|
text: 'برای خرید سهام می توانید با شماره 53547000-021 تماس حاصل فرمایید یا از طریق مراجعه به دفتر خرید سهام (واقع در شهر پرند ، بلوار شهید فاسم سلیمانی ( چهار بانده) فاز 5 ، بیمارستان مهر ایرانیان پرند) اقدام به خرید سهام فرمایید .'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 3,
|
id: 3,
|
||||||
title: 'سود سالیانه هر سهامدار چگونه انجام می شود ؟ ',
|
title: 'سود سالیانه هر سهامدار چگونه انجام می شود ؟ ',
|
||||||
text: 'سود سالیانه بر اساس درآمد یک ساله بیمارستان بعد از برآورد هزینه ها و خرج های بیمارستان و تصمیم هیئت مدیره شرکت سهامی بر اساس مقدار سهم سهامدار سود پرداخت می شود'
|
text: 'سود سالیانه بر اساس درآمد یک ساله بیمارستان بعد از برآورد هزینه ها و خرج های بیمارستان و تصمیم هیئت مدیره شرکت سهامی بر اساس مقدار سهم سهامدار سود پرداخت می شود'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 7,
|
id: 7,
|
||||||
title: 'آیا امکان انتقال سهام وجود دارد ؟ ',
|
title: 'آیا امکان انتقال سهام وجود دارد ؟ ',
|
||||||
text: 'بله امكان فروش مجدد سهام وجود دارد , نقل و انتقال مورد قبول شركت فقط از طريق طي مراحل قانوني كه در دفتر امور سهام شركت و مبايعه نامه نقل و انتقال في مابين خريدار و فروشنده ميبايست به تاييد شركت و هر نوع معامله اي ميبايست به نرخ اعلامي روز از جانب شركت انجام گرفته شده باشد.'
|
text: 'بله امكان فروش مجدد سهام وجود دارد , نقل و انتقال مورد قبول شركت فقط از طريق طي مراحل قانوني كه در دفتر امور سهام شركت و مبايعه نامه نقل و انتقال في مابين خريدار و فروشنده ميبايست به تاييد شركت و هر نوع معامله اي ميبايست به نرخ اعلامي روز از جانب شركت انجام گرفته شده باشد.'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: 5,
|
id: 5,
|
||||||
title: 'امکانات باشگاه VIP سهامداران',
|
title: 'امکانات باشگاه VIP سهامداران',
|
||||||
text: 'بله , تمامی سهامداران عضو باشگاه VIP بوده که یعنی برای آنها معاینات سالیانه خدمات رفاهی,بیمه مکمـــل درمـان , تفریحات دوره ای و... در نظر گرفته شده است'
|
text: 'بله , تمامی سهامداران عضو باشگاه VIP بوده که یعنی برای آنها معاینات سالیانه خدمات رفاهی,بیمه مکمـــل درمـان , تفریحات دوره ای و... در نظر گرفته شده است'
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<AppContainer title={'سوالات متداول'}>
|
<AppContainer title={'سوالات متداول'}>
|
||||||
<div className='parallax-container'>
|
<div className='parallax-container'>
|
||||||
<h1 className={'center-align text-white header_back service-text dana font-weight-bold'}> سوالات متداول </h1>
|
<h1 className={'center-align text-white header_back service-text dana font-weight-bold'}> سوالات متداول </h1>
|
||||||
<Image
|
<Image
|
||||||
loader={Parallax}
|
loader={Parallax}
|
||||||
src='Parallax.png'
|
src='Parallax.png'
|
||||||
className={'responsive-img shadow-5'}
|
className={'responsive-img shadow-5'}
|
||||||
alt='فرصت های شغلی بیمارستان مهر ایرانیان پرند'
|
alt='فرصت های شغلی بیمارستان مهر ایرانیان پرند'
|
||||||
width={3000}
|
width={3000}
|
||||||
height={1300}
|
height={1300}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<MDBContainer className={'mb-5 mt-5'}>
|
<MDBContainer className={'mb-5 mt-5'}>
|
||||||
{qaData.map(item => (
|
{qaData.map(item => (
|
||||||
<CollapseItem key={item.id} text={item.text} title={item.title} />
|
<CollapseItem key={item.id} text={item.text} title={item.title} />
|
||||||
))}
|
))}
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
</AppContainer>
|
</AppContainer>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export default QuestionAndAnswer
|
export default QuestionAndAnswer
|
||||||
|
|||||||
+127
-127
@@ -1,127 +1,127 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import AppContainer from '../appContainer'
|
import AppContainer from '../appContainer'
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
import { FiUsers, FiArrowLeft } from 'react-icons/fi'
|
import { FiUsers, FiArrowLeft } from 'react-icons/fi'
|
||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
import {
|
import {
|
||||||
MDBBtn,
|
MDBBtn,
|
||||||
MDBCard,
|
MDBCard,
|
||||||
MDBCardBody,
|
MDBCardBody,
|
||||||
MDBCardText,
|
MDBCardText,
|
||||||
MDBCardTitle,
|
MDBCardTitle,
|
||||||
MDBContainer,
|
MDBContainer,
|
||||||
MDBIcon,
|
MDBIcon,
|
||||||
MDBTypography
|
MDBTypography
|
||||||
} from 'mdb-react-ui-kit'
|
} from 'mdb-react-ui-kit'
|
||||||
import { Box, Divider, ScaleFade, SimpleGrid } from '@chakra-ui/react'
|
import { Box, Divider, ScaleFade, SimpleGrid } from '@chakra-ui/react'
|
||||||
import { AppProduction, VueApi } from '../../lib/api'
|
import { AppProduction, VueApi } from '../../lib/api'
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
import { data } from 'autoprefixer'
|
import { data } from 'autoprefixer'
|
||||||
import { Link as LinkChakra } from '@chakra-ui/react'
|
import { Link as LinkChakra } from '@chakra-ui/react'
|
||||||
import { ExternalLinkIcon } from '@chakra-ui/icons'
|
import { ExternalLinkIcon } from '@chakra-ui/icons'
|
||||||
|
|
||||||
const Recruitment = dataoccupational => {
|
const Recruitment = dataoccupational => {
|
||||||
const Parallax = ({ quality }) => {
|
const Parallax = ({ quality }) => {
|
||||||
return `../resource/parallax/Directors.jpg`
|
return `../resource/parallax/Directors.jpg`
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<AppContainer title={'فرصت های شغلی بیمارستان مهر ایرانیان پرند'}>
|
<AppContainer title={'فرصت های شغلی بیمارستان مهر ایرانیان پرند'}>
|
||||||
<div className='parallax-container'>
|
<div className='parallax-container'>
|
||||||
<div className={'flex flex-column'}>
|
<div className={'flex flex-column'}>
|
||||||
<div className={'mb-5'}>
|
<div className={'mb-5'}>
|
||||||
<h2 className={'center-align bk-med text-white header_back service-text dana font-weight-bold'}>
|
<h2 className={'center-align bk-med text-white header_back service-text dana font-weight-bold'}>
|
||||||
فرصت های شغلی
|
فرصت های شغلی
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<div className={'mt-2'}>
|
<div className={'mt-2'}>
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<p
|
<p
|
||||||
className={'center-align bk-light RTL text-white mt-5 header_back service-text dana font-weight-bold'}
|
className={'center-align bk-light RTL text-white mt-5 header_back service-text dana font-weight-bold'}
|
||||||
>
|
>
|
||||||
فرصتهایی برای اینکه رویاهای خودتان را در کنار ما بسازید.
|
فرصتهایی برای اینکه رویاهای خودتان را در کنار ما بسازید.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<Image
|
<Image
|
||||||
loader={Parallax}
|
loader={Parallax}
|
||||||
src='Parallax.png'
|
src='Parallax.png'
|
||||||
className={'responsive-img shadow-5'}
|
className={'responsive-img shadow-5'}
|
||||||
alt='فرصت های شغلی بیمارستان مهر ایرانیان پرند'
|
alt='فرصت های شغلی بیمارستان مهر ایرانیان پرند'
|
||||||
width={3000}
|
width={3000}
|
||||||
height={1300}
|
height={1300}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<MDBContainer className={'mt-5'}>
|
<MDBContainer className={'mt-5'}>
|
||||||
<div className={'bk-med flex justify-content-center W-100 align-items-center flex-col'}>
|
<div className={'bk-med flex justify-content-center W-100 align-items-center flex-col'}>
|
||||||
<MDBTypography className={'bk-md text-primary-teal font-weight-bold'} variant={'h3'}>
|
<MDBTypography className={'bk-md text-primary-teal font-weight-bold'} variant={'h3'}>
|
||||||
فرصت های همکاری
|
فرصت های همکاری
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
<MDBTypography className={'bk-light text-primary-teal mt-2'}>
|
<MDBTypography className={'bk-light text-primary-teal mt-2'}>
|
||||||
ردیف شغلی مورد علاقه خود را انتخاب کنید{' '}
|
ردیف شغلی مورد علاقه خود را انتخاب کنید{' '}
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
<LinkChakra as={Link} className='cursor-pointer' href='/recruitment/inquiry'>
|
<LinkChakra as={Link} className='cursor-pointer' href='/recruitment/inquiry'>
|
||||||
<div className='border-2 text-sm cursor-pointer'>
|
<div className='border-2 text-sm cursor-pointer'>
|
||||||
استعلام وضعیت درخواست استخدام <ExternalLinkIcon mx='2px' />
|
استعلام وضعیت درخواست استخدام <ExternalLinkIcon mx='2px' />
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</LinkChakra>
|
</LinkChakra>
|
||||||
</div>
|
</div>
|
||||||
<Divider />
|
<Divider />
|
||||||
<SimpleGrid dir={'rtl'} columns={[1, 2, 4]} spacing={5}>
|
<SimpleGrid dir={'rtl'} columns={[1, 2, 4]} spacing={5}>
|
||||||
{dataoccupational.data.data.map(item => (
|
{dataoccupational.data.data.map(item => (
|
||||||
<ScaleFade initialScale={0.9} in={() => setTimeout(() => true, 3000)}>
|
<ScaleFade initialScale={0.9} in={() => setTimeout(() => true, 3000)}>
|
||||||
<Box key={item.id}>
|
<Box key={item.id}>
|
||||||
<MDBCard className={'jobs-item-card rounded-6'}>
|
<MDBCard className={'jobs-item-card rounded-6'}>
|
||||||
<MDBCardBody className={'flex flex-col align-items-center justify-content-between'}>
|
<MDBCardBody className={'flex flex-col align-items-center justify-content-between'}>
|
||||||
<div>
|
<div>
|
||||||
<FiUsers size={35} />
|
<FiUsers size={35} />
|
||||||
</div>
|
</div>
|
||||||
<MDBCardTitle className={'bk-med mt-2 right'}>{item.title} </MDBCardTitle>
|
<MDBCardTitle className={'bk-med mt-2 right'}>{item.title} </MDBCardTitle>
|
||||||
<Link href={`recruitment/item/${item.id}`}>
|
<Link href={`recruitment/item/${item.id}`}>
|
||||||
<MDBBtn rounded size={'sm'} className={'mt-2 flex align-items-center bk-light bg-primary-teal'}>
|
<MDBBtn rounded size={'sm'} className={'mt-2 flex align-items-center bk-light bg-primary-teal'}>
|
||||||
مشاهده
|
مشاهده
|
||||||
<FiArrowLeft className={'mr-2'} />
|
<FiArrowLeft className={'mr-2'} />
|
||||||
</MDBBtn>
|
</MDBBtn>
|
||||||
</Link>
|
</Link>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</Box>
|
</Box>
|
||||||
</ScaleFade>
|
</ScaleFade>
|
||||||
))}
|
))}
|
||||||
</SimpleGrid>
|
</SimpleGrid>
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
</AppContainer>
|
</AppContainer>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export default Recruitment
|
export default Recruitment
|
||||||
|
|
||||||
export async function getServerSideProps() {
|
export async function getServerSideProps() {
|
||||||
// Fetch data from external API
|
// Fetch data from external API
|
||||||
const res = await axios
|
const res = await axios
|
||||||
.get(`${AppProduction}public/job/occupational/`)
|
.get(`${AppProduction}public/job/occupational/`)
|
||||||
.then(res => {
|
.then(res => {
|
||||||
return res.data
|
return res.data
|
||||||
})
|
})
|
||||||
.catch(err => {
|
.catch(err => {
|
||||||
console.log(err)
|
console.log(err)
|
||||||
})
|
})
|
||||||
const data = await res
|
const data = await res
|
||||||
|
|
||||||
// Pass data to the page via props
|
// Pass data to the page via props
|
||||||
return { props: { data } }
|
return { props: { data } }
|
||||||
}
|
}
|
||||||
|
|||||||
+109
-109
@@ -1,109 +1,109 @@
|
|||||||
import React, {useState} from 'react'
|
import React, {useState} from 'react'
|
||||||
import AppContainer from '../../appContainer'
|
import AppContainer from '../../appContainer'
|
||||||
import {MDBBtn, MDBCard, MDBCardBody, MDBCardText, MDBCardTitle, MDBInput} from "mdb-react-ui-kit";
|
import {MDBBtn, MDBCard, MDBCardBody, MDBCardText, MDBCardTitle, MDBInput} from "mdb-react-ui-kit";
|
||||||
import {Input, ListItem, UnorderedList} from "@chakra-ui/react";
|
import {Input, ListItem, UnorderedList} from "@chakra-ui/react";
|
||||||
import {useForm} from "react-hook-form";
|
import {useForm} from "react-hook-form";
|
||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
import {AppProduction} from "../../../lib/api";
|
import {AppProduction} from "../../../lib/api";
|
||||||
|
|
||||||
const InquiryJob = () => {
|
const InquiryJob = () => {
|
||||||
const {register, handleSubmit, formState: {errors}} = useForm();
|
const {register, handleSubmit, formState: {errors}} = useForm();
|
||||||
const [loading, setLoading] = useState(false)
|
const [loading, setLoading] = useState(false)
|
||||||
const [result, setResult] = useState(null)
|
const [result, setResult] = useState(null)
|
||||||
const onSubmit = data => {
|
const onSubmit = data => {
|
||||||
setLoading(true)
|
setLoading(true)
|
||||||
axios.post(`${AppProduction}public/job-request/inquiry`, data).then(res => {
|
axios.post(`${AppProduction}public/job-request/inquiry`, data).then(res => {
|
||||||
console.log('res', res)
|
console.log('res', res)
|
||||||
if (res.status == 208) {
|
if (res.status == 208) {
|
||||||
alert(res.data.status.message)
|
alert(res.data.status.message)
|
||||||
}
|
}
|
||||||
if(res.status == 200) {
|
if(res.status == 200) {
|
||||||
setResult(res.data)
|
setResult(res.data)
|
||||||
}
|
}
|
||||||
setLoading(false)
|
setLoading(false)
|
||||||
}).catch(err => {
|
}).catch(err => {
|
||||||
console.log('err', err)
|
console.log('err', err)
|
||||||
setLoading(false)
|
setLoading(false)
|
||||||
})
|
})
|
||||||
};
|
};
|
||||||
return (
|
return (
|
||||||
<AppContainer title='استعلام وضعیت درخواست استخدام '>
|
<AppContainer title='استعلام وضعیت درخواست استخدام '>
|
||||||
<div dir="rtl" className='bk-bold flex inquiry-bg justify-content-center align-items-center'>
|
<div dir="rtl" className='bk-bold flex inquiry-bg justify-content-center align-items-center'>
|
||||||
<MDBCard className="shadow-6-strong lg:w-[40%] my-[10rem]">
|
<MDBCard className="shadow-6-strong lg:w-[40%] my-[10rem]">
|
||||||
{!result ? (
|
{!result ? (
|
||||||
<MDBCardBody>
|
<MDBCardBody>
|
||||||
<MDBCardTitle tag={'h4'} className="text-right my-3 text-primary-teal bk-heavy"> وضعیت درخواست
|
<MDBCardTitle tag={'h4'} className="text-right my-3 text-primary-teal bk-heavy"> وضعیت درخواست
|
||||||
استخدام
|
استخدام
|
||||||
</MDBCardTitle>
|
</MDBCardTitle>
|
||||||
<form onSubmit={handleSubmit(onSubmit)}>
|
<form onSubmit={handleSubmit(onSubmit)}>
|
||||||
<MDBCardText className="flex flex-column gap-2">
|
<MDBCardText className="flex flex-column gap-2">
|
||||||
<Input
|
<Input
|
||||||
maxLength="10"
|
maxLength="10"
|
||||||
{...register('national_code', {
|
{...register('national_code', {
|
||||||
required: {
|
required: {
|
||||||
message: 'کد ملی اجباری است.' ,
|
message: 'کد ملی اجباری است.' ,
|
||||||
value: true
|
value: true
|
||||||
},
|
},
|
||||||
minLength: {
|
minLength: {
|
||||||
message: 'کد ملی معتبر نیست ',
|
message: 'کد ملی معتبر نیست ',
|
||||||
value: 10
|
value: 10
|
||||||
},
|
},
|
||||||
})}
|
})}
|
||||||
variant='filled'
|
variant='filled'
|
||||||
placeholder='کد ملی را وارد نمایید.'
|
placeholder='کد ملی را وارد نمایید.'
|
||||||
/>
|
/>
|
||||||
<Input
|
<Input
|
||||||
maxLength="11"
|
maxLength="11"
|
||||||
{...register('phone_number', {
|
{...register('phone_number', {
|
||||||
required: {
|
required: {
|
||||||
message: ' شماره موبایل اجباری است.' ,
|
message: ' شماره موبایل اجباری است.' ,
|
||||||
value: true
|
value: true
|
||||||
},
|
},
|
||||||
minLength: {
|
minLength: {
|
||||||
message: 'شماره موبایل معتبر نیست ',
|
message: 'شماره موبایل معتبر نیست ',
|
||||||
value: 11
|
value: 11
|
||||||
},
|
},
|
||||||
})}
|
})}
|
||||||
variant='filled'
|
variant='filled'
|
||||||
placeholder=' شماره موبایل را وارد نمایید.'
|
placeholder=' شماره موبایل را وارد نمایید.'
|
||||||
/>
|
/>
|
||||||
</MDBCardText>
|
</MDBCardText>
|
||||||
{errors.national_code && (
|
{errors.national_code && (
|
||||||
<p className="text-danger">
|
<p className="text-danger">
|
||||||
{errors.national_code.message}
|
{errors.national_code.message}
|
||||||
</p>
|
</p>
|
||||||
)}
|
)}
|
||||||
{errors.phone_number && (
|
{errors.phone_number && (
|
||||||
<p className="text-danger">
|
<p className="text-danger">
|
||||||
{errors.phone_number.message}
|
{errors.phone_number.message}
|
||||||
</p>
|
</p>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
<MDBBtn disabled={loading} type="submit" className="left-align left bg-primary-teal">
|
<MDBBtn disabled={loading} type="submit" className="left-align left bg-primary-teal">
|
||||||
{loading ? 'در حال بررسی' : 'استعلام وضعیت'}
|
{loading ? 'در حال بررسی' : 'استعلام وضعیت'}
|
||||||
</MDBBtn>
|
</MDBBtn>
|
||||||
</form>
|
</form>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
): (
|
): (
|
||||||
<MDBCardBody className="text-center">
|
<MDBCardBody className="text-center">
|
||||||
<h4 className="text-primary-teal"> {result.status.name} </h4>
|
<h4 className="text-primary-teal"> {result.status.name} </h4>
|
||||||
<hr />
|
<hr />
|
||||||
<UnorderedList>
|
<UnorderedList>
|
||||||
<ListItem className="text-primary-teal bk"> تعیین وضعیت نشده است.</ListItem>
|
<ListItem className="text-primary-teal bk"> تعیین وضعیت نشده است.</ListItem>
|
||||||
</UnorderedList>
|
</UnorderedList>
|
||||||
<Link href="/recruitment">
|
<Link href="/recruitment">
|
||||||
<MDBBtn onClick={() => {
|
<MDBBtn onClick={() => {
|
||||||
setLoading(false)
|
setLoading(false)
|
||||||
setLoading(null)
|
setLoading(null)
|
||||||
}} className="left-align left bg-primary-teal"> بازگشت</MDBBtn>
|
}} className="left-align left bg-primary-teal"> بازگشت</MDBBtn>
|
||||||
</Link>
|
</Link>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
)}
|
)}
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</div>
|
</div>
|
||||||
</AppContainer>
|
</AppContainer>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export default InquiryJob
|
export default InquiryJob
|
||||||
|
|||||||
@@ -1,133 +1,133 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
import { FiUsers, FiArrowLeft } from 'react-icons/fi'
|
import { FiUsers, FiArrowLeft } from 'react-icons/fi'
|
||||||
import {
|
import {
|
||||||
MDBBtn,
|
MDBBtn,
|
||||||
MDBCard,
|
MDBCard,
|
||||||
MDBCardBody,
|
MDBCardBody,
|
||||||
MDBCardText,
|
MDBCardText,
|
||||||
MDBCardTitle,
|
MDBCardTitle,
|
||||||
MDBContainer,
|
MDBContainer,
|
||||||
MDBIcon,
|
MDBIcon,
|
||||||
MDBTypography
|
MDBTypography
|
||||||
} from 'mdb-react-ui-kit'
|
} from 'mdb-react-ui-kit'
|
||||||
import { Box, Divider, SimpleGrid } from '@chakra-ui/react'
|
import { Box, Divider, SimpleGrid } from '@chakra-ui/react'
|
||||||
import AppContainer from '../../appContainer'
|
import AppContainer from '../../appContainer'
|
||||||
import { useRouter } from 'next/router'
|
import { useRouter } from 'next/router'
|
||||||
import axios from 'axios'
|
import axios from 'axios'
|
||||||
import { AppProduction } from '../../../lib/api'
|
import { AppProduction } from '../../../lib/api'
|
||||||
|
|
||||||
const Recruitment = jobs => {
|
const Recruitment = jobs => {
|
||||||
console.log(jobs)
|
console.log(jobs)
|
||||||
const Parallax = ({ quality }) => {
|
const Parallax = ({ quality }) => {
|
||||||
return `../../resource/parallax/33012321.jpg`
|
return `../../resource/parallax/33012321.jpg`
|
||||||
}
|
}
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const { category_id } = router.query
|
const { category_id } = router.query
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<AppContainer title={'فرصت های شغلی بیمارستان مهر ایرانیان پرند'}>
|
<AppContainer title={'فرصت های شغلی بیمارستان مهر ایرانیان پرند'}>
|
||||||
<div className='parallax-container'>
|
<div className='parallax-container'>
|
||||||
<div className={'flex flex-column'}>
|
<div className={'flex flex-column'}>
|
||||||
<div className={'mb-5'}>
|
<div className={'mb-5'}>
|
||||||
<h2 className={'center-align bk-med text-white header_back service-text dana font-weight-bold'}>
|
<h2 className={'center-align bk-med text-white header_back service-text dana font-weight-bold'}>
|
||||||
|
|
||||||
فرصت های شغلی بیمارستان مهر ایرانیان
|
فرصت های شغلی بیمارستان مهر ایرانیان
|
||||||
</h2>
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<div className={'mt-2'}>
|
<div className={'mt-2'}>
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<p
|
<p
|
||||||
className={'center-align bk-light RTL text-white mt-5 header_back service-text dana font-weight-bold'}
|
className={'center-align bk-light RTL text-white mt-5 header_back service-text dana font-weight-bold'}
|
||||||
>
|
>
|
||||||
فرصتهایی برای اینکه رویاهای خودتان را در کنار ما بسازید.
|
فرصتهایی برای اینکه رویاهای خودتان را در کنار ما بسازید.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<Image
|
<Image
|
||||||
loader={Parallax}
|
loader={Parallax}
|
||||||
src='Parallax.png'
|
src='Parallax.png'
|
||||||
className={'responsive-img shadow-5'}
|
className={'responsive-img shadow-5'}
|
||||||
alt={category_id}
|
alt={category_id}
|
||||||
width={3000}
|
width={3000}
|
||||||
height={1300}
|
height={1300}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<MDBContainer className={'mt-5'}>
|
<MDBContainer className={'mt-5'}>
|
||||||
<div className={'bk-med flex justify-content-center align-items-center flex-col'}>
|
<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 className={'bk-md text-primary-teal font-weight-bold'} variant={'h3'}>
|
||||||
{jobs.jobs.name.title}{' '}
|
{jobs.jobs.name.title}{' '}
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
<MDBTypography className={'bk-light text-primary-teal mt-2'}>
|
<MDBTypography className={'bk-light text-primary-teal mt-2'}>
|
||||||
شغل مورد علاقه خود را انتخاب کنید{' '}
|
شغل مورد علاقه خود را انتخاب کنید{' '}
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
</div>
|
</div>
|
||||||
<Divider />
|
<Divider />
|
||||||
<SimpleGrid dir={'rtl'} columns={[1, 1, 3]} spacing={3}>
|
<SimpleGrid dir={'rtl'} columns={[1, 1, 3]} spacing={3}>
|
||||||
{jobs.jobs.data &&
|
{jobs.jobs.data &&
|
||||||
jobs.jobs.data.map(item => (
|
jobs.jobs.data.map(item => (
|
||||||
<Box key={item.id}>
|
<Box key={item.id}>
|
||||||
<Link href={`/recruitment/item/request/${item.id}`}>
|
<Link href={`/recruitment/item/request/${item.id}`}>
|
||||||
<MDBCard className={'jobs-item-card rounded-6'}>
|
<MDBCard className={'jobs-item-card rounded-6'}>
|
||||||
<MDBCardBody
|
<MDBCardBody
|
||||||
className={
|
className={
|
||||||
'flex align-items-center lg:flex-row md:flex-col sm:flex-col justify-content-between'
|
'flex align-items-center lg:flex-row md:flex-col sm:flex-col justify-content-between'
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<div>
|
<div>
|
||||||
<MDBCardTitle title={item.title} className={'bk-med text-summery-2 mt-2 right'}>
|
<MDBCardTitle title={item.title} className={'bk-med text-summery-2 mt-2 right'}>
|
||||||
{item.title}{' '}
|
{item.title}{' '}
|
||||||
</MDBCardTitle>
|
</MDBCardTitle>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<Link href={`/recruitment/item/request/${item.id}`}>
|
<Link href={`/recruitment/item/request/${item.id}`}>
|
||||||
<MDBBtn
|
<MDBBtn
|
||||||
rounded
|
rounded
|
||||||
size={'sm'}
|
size={'sm'}
|
||||||
className={'mt-2 flex align-items-center bk-light bg-primary-teal'}
|
className={'mt-2 flex align-items-center bk-light bg-primary-teal'}
|
||||||
>
|
>
|
||||||
درخواست همکاری
|
درخواست همکاری
|
||||||
<FiArrowLeft className={'ml-2'} />
|
<FiArrowLeft className={'ml-2'} />
|
||||||
</MDBBtn>
|
</MDBBtn>
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</Link>
|
</Link>
|
||||||
</Box>
|
</Box>
|
||||||
))}
|
))}
|
||||||
</SimpleGrid>
|
</SimpleGrid>
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
</AppContainer>
|
</AppContainer>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export async function getServerSideProps(ctx) {
|
export async function getServerSideProps(ctx) {
|
||||||
// Fetch data from external API
|
// Fetch data from external API
|
||||||
const { query } = ctx
|
const { query } = ctx
|
||||||
|
|
||||||
const res = await axios
|
const res = await axios
|
||||||
.get(`${AppProduction}public/job/${query.category_id}`)
|
.get(`${AppProduction}public/job/${query.category_id}`)
|
||||||
.then(res => {
|
.then(res => {
|
||||||
return res.data
|
return res.data
|
||||||
})
|
})
|
||||||
.catch(err => {
|
.catch(err => {
|
||||||
console.log(err)
|
console.log(err)
|
||||||
})
|
})
|
||||||
const jobs = await res
|
const jobs = await res
|
||||||
|
|
||||||
// Pass data to the page via props
|
// Pass data to the page via props
|
||||||
return { props: { jobs } }
|
return { props: { jobs } }
|
||||||
}
|
}
|
||||||
|
|
||||||
export default Recruitment
|
export default Recruitment
|
||||||
|
|||||||
@@ -1,182 +1,182 @@
|
|||||||
import React, {useContext, useState} from 'react';
|
import React, {useContext, useState} from 'react';
|
||||||
import {Box, Input, Select, SimpleGrid} from "@chakra-ui/react";
|
import {Box, Input, Select, SimpleGrid} from "@chakra-ui/react";
|
||||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||||
import {FiUser} from "react-icons/fi";
|
import {FiUser} from "react-icons/fi";
|
||||||
import {useForm} from "react-hook-form";
|
import {useForm} from "react-hook-form";
|
||||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||||
|
|
||||||
const CoursesData = () => {
|
const CoursesData = () => {
|
||||||
const {setPage, coursesData, setCoursesData, langStatus, setLangStatus} = useContext(HandleFormReq)
|
const {setPage, coursesData, setCoursesData, langStatus, setLangStatus} = useContext(HandleFormReq)
|
||||||
const [formValues, setFormValues] = useState(coursesData)
|
const [formValues, setFormValues] = useState(coursesData)
|
||||||
|
|
||||||
let handleChange = (i, e) => {
|
let handleChange = (i, e) => {
|
||||||
let newFormValues = [...formValues];
|
let newFormValues = [...formValues];
|
||||||
newFormValues[i][e.target.name] = e.target.value;
|
newFormValues[i][e.target.name] = e.target.value;
|
||||||
setFormValues(newFormValues);
|
setFormValues(newFormValues);
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
let addFormFields = () => {
|
let addFormFields = () => {
|
||||||
setFormValues([...formValues, {
|
setFormValues([...formValues, {
|
||||||
courseName: '',
|
courseName: '',
|
||||||
courseEdu: '',
|
courseEdu: '',
|
||||||
courseLocal: '',
|
courseLocal: '',
|
||||||
courseTime: '',
|
courseTime: '',
|
||||||
}])
|
}])
|
||||||
}
|
}
|
||||||
|
|
||||||
let removeFormFields = (i) => {
|
let removeFormFields = (i) => {
|
||||||
let newFormValues = [...formValues];
|
let newFormValues = [...formValues];
|
||||||
newFormValues.splice(i, 1);
|
newFormValues.splice(i, 1);
|
||||||
setFormValues(newFormValues)
|
setFormValues(newFormValues)
|
||||||
}
|
}
|
||||||
|
|
||||||
let handleSubmit = (event) => {
|
let handleSubmit = (event) => {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
setCoursesData(formValues)
|
setCoursesData(formValues)
|
||||||
console.log(formValues);
|
console.log(formValues);
|
||||||
console.log('coursesData', coursesData);
|
console.log('coursesData', coursesData);
|
||||||
console.log('langStatus', langStatus.status);
|
console.log('langStatus', langStatus.status);
|
||||||
setPage(4)
|
setPage(4)
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<SimpleGrid className={'mt-2 flex justify-content-between mt-5'} dir={'rtl'} columns={[1,1,2]} spacingX='390px' spacingY='20px'>
|
<SimpleGrid className={'mt-2 flex justify-content-between mt-5'} dir={'rtl'} columns={[1,1,2]} spacingX='390px' spacingY='20px'>
|
||||||
<Box>
|
<Box>
|
||||||
<MDBInputGroup className='flex flex-md-row flex-lg-row flex-sm-column'>
|
<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 style={{ flexDirection: 'column' }} className={'flex align-items-center flex-md-row flex-lg-row flex-sm-column'}>
|
||||||
<div>
|
<div>
|
||||||
<MDBInputGroupText className={'rounded-0 border-0'}>
|
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||||
میزان آشنایی با زبان انگلیسی :
|
میزان آشنایی با زبان انگلیسی :
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
</div>
|
</div>
|
||||||
{process.browser && (
|
{process.browser && (
|
||||||
<div>
|
<div>
|
||||||
<select
|
<select
|
||||||
required
|
required
|
||||||
onChange={(e) => setLangStatus({status: e.target.value})}
|
onChange={(e) => setLangStatus({status: e.target.value})}
|
||||||
dir={'ltr'}
|
dir={'ltr'}
|
||||||
defaultValue={langStatus.status}
|
defaultValue={langStatus.status}
|
||||||
style={{ width: 200 }}
|
style={{ width: 200 }}
|
||||||
placeholder={'سطح زبان خود را مشخص کنید '}
|
placeholder={'سطح زبان خود را مشخص کنید '}
|
||||||
>
|
>
|
||||||
<option value='3'> ضعیف </option>
|
<option value='3'> ضعیف </option>
|
||||||
<option value='2'> خوب </option>
|
<option value='2'> خوب </option>
|
||||||
<option value='1'> عالی </option>
|
<option value='1'> عالی </option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
</Box>
|
</Box>
|
||||||
</SimpleGrid>
|
</SimpleGrid>
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<p className={'right'}>در صورتی که دوره آموزشی خاصی را گذرانده اید اطلاعات آن را وارد کنید </p>
|
<p className={'right'}>در صورتی که دوره آموزشی خاصی را گذرانده اید اطلاعات آن را وارد کنید </p>
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<form onSubmit={handleSubmit} id={'persondataform'}>
|
<form onSubmit={handleSubmit} id={'persondataform'}>
|
||||||
<SimpleGrid className={'mt-4'} dir={'rtl'} columns={[1, 1, 1]} spacing={3}>
|
<SimpleGrid className={'mt-4'} dir={'rtl'} columns={[1, 1, 1]} spacing={3}>
|
||||||
{process.browser && formValues.map((element, index) => (
|
{process.browser && formValues.map((element, index) => (
|
||||||
<>
|
<>
|
||||||
<Box className={'d-lg-flex d-md-block justify-content-between'} key={index}>
|
<Box className={'d-lg-flex d-md-block justify-content-between'} key={index}>
|
||||||
<Box>
|
<Box>
|
||||||
<div>
|
<div>
|
||||||
<MDBInputGroup className='mb-3'>
|
<MDBInputGroup className='mb-3'>
|
||||||
<div className={'flex align-items-center'}>
|
<div className={'flex align-items-center'}>
|
||||||
<MDBInputGroupText className={'rounded-0'}>
|
<MDBInputGroupText className={'rounded-0'}>
|
||||||
<FiUser />
|
<FiUser />
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
<Input
|
<Input
|
||||||
id='courseName'
|
id='courseName'
|
||||||
name="courseName"
|
name="courseName"
|
||||||
onChange={e => handleChange(index, e)}
|
onChange={e => handleChange(index, e)}
|
||||||
defaultValue={element.courseName || ""} className={'bk-med rounded-0'}
|
defaultValue={element.courseName || ""} className={'bk-med rounded-0'}
|
||||||
style={{ height: 40 }}
|
style={{ height: 40 }}
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
type='text'
|
type='text'
|
||||||
placeholder="نام دوره آموزشی"
|
placeholder="نام دوره آموزشی"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
</div>
|
</div>
|
||||||
</Box>
|
</Box>
|
||||||
<Box>
|
<Box>
|
||||||
<div>
|
<div>
|
||||||
<MDBInputGroup className='mb-3 flex'>
|
<MDBInputGroup className='mb-3 flex'>
|
||||||
<div className={'flex align-items-center'}>
|
<div className={'flex align-items-center'}>
|
||||||
<MDBInputGroupText className={'rounded-0'}>
|
<MDBInputGroupText className={'rounded-0'}>
|
||||||
<FiUser />
|
<FiUser />
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
<Input
|
<Input
|
||||||
id='courseEdu'
|
id='courseEdu'
|
||||||
name="courseEdu"
|
name="courseEdu"
|
||||||
onChange={e => handleChange(index, e)}
|
onChange={e => handleChange(index, e)}
|
||||||
defaultValue={element.courseEdu || ""} className={'bk-med rounded-0'}
|
defaultValue={element.courseEdu || ""} className={'bk-med rounded-0'}
|
||||||
style={{ height: 40 }}
|
style={{ height: 40 }}
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
type='text'
|
type='text'
|
||||||
placeholder="نام موسسه آموزشی "
|
placeholder="نام موسسه آموزشی "
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
</div>
|
</div>
|
||||||
</Box>
|
</Box>
|
||||||
<Box>
|
<Box>
|
||||||
<MDBInputGroup className='mb-3 flex'>
|
<MDBInputGroup className='mb-3 flex'>
|
||||||
<div className={'flex align-items-center'}>
|
<div className={'flex align-items-center'}>
|
||||||
<MDBInputGroupText className={'rounded-0'}>
|
<MDBInputGroupText className={'rounded-0'}>
|
||||||
<FiUser />
|
<FiUser />
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
<Input
|
<Input
|
||||||
id='courseLocal'
|
id='courseLocal'
|
||||||
name="courseLocal"
|
name="courseLocal"
|
||||||
onChange={e => handleChange(index, e)}
|
onChange={e => handleChange(index, e)}
|
||||||
defaultValue={element.courseLocal || ""} className={'bk-med rounded-0'}
|
defaultValue={element.courseLocal || ""} className={'bk-med rounded-0'}
|
||||||
style={{ height: 40 }}
|
style={{ height: 40 }}
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
type='text'
|
type='text'
|
||||||
placeholder="مکان موسسه "
|
placeholder="مکان موسسه "
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
</Box>
|
</Box>
|
||||||
<Box>
|
<Box>
|
||||||
<MDBInputGroup className='mb-3 flex'>
|
<MDBInputGroup className='mb-3 flex'>
|
||||||
<div className={'flex align-items-center'}>
|
<div className={'flex align-items-center'}>
|
||||||
<MDBInputGroupText className={'rounded-0'}>
|
<MDBInputGroupText className={'rounded-0'}>
|
||||||
<FiUser />
|
<FiUser />
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
<Input
|
<Input
|
||||||
id='courseTime'
|
id='courseTime'
|
||||||
name="courseTime"
|
name="courseTime"
|
||||||
onChange={e => handleChange(index, e)}
|
onChange={e => handleChange(index, e)}
|
||||||
defaultValue={element.courseTime || ""} className={'bk-med rounded-0'}
|
defaultValue={element.courseTime || ""} className={'bk-med rounded-0'}
|
||||||
style={{ height: 40 }}
|
style={{ height: 40 }}
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
type='text'
|
type='text'
|
||||||
placeholder="مدت آموزش "
|
placeholder="مدت آموزش "
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
</Box>
|
</Box>
|
||||||
</Box>
|
</Box>
|
||||||
|
|
||||||
{
|
{
|
||||||
index ?
|
index ?
|
||||||
<MDBBtn color={'danger'} outline type="button" className="button remove" onClick={() => removeFormFields(index)}>پاک کردن</MDBBtn>
|
<MDBBtn color={'danger'} outline type="button" className="button remove" onClick={() => removeFormFields(index)}>پاک کردن</MDBBtn>
|
||||||
: null
|
: null
|
||||||
}
|
}
|
||||||
</>
|
</>
|
||||||
))}
|
))}
|
||||||
</SimpleGrid>
|
</SimpleGrid>
|
||||||
<div className="flex justify-content-end mt-5">
|
<div className="flex justify-content-end mt-5">
|
||||||
<MDBBtn color={'warning'} className="button add" type="button" onClick={() => addFormFields()}>اضافه کردن </MDBBtn>
|
<MDBBtn color={'warning'} className="button add" type="button" onClick={() => addFormFields()}>اضافه کردن </MDBBtn>
|
||||||
</div>
|
</div>
|
||||||
<MDBBtn type={'submit'} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
<MDBBtn type={'submit'} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default CoursesData;
|
export default CoursesData;
|
||||||
|
|||||||
@@ -1,170 +1,170 @@
|
|||||||
import React, {useContext, useState} from 'react';
|
import React, {useContext, useState} from 'react';
|
||||||
import {Box, Input, SimpleGrid} from "@chakra-ui/react";
|
import {Box, Input, SimpleGrid} from "@chakra-ui/react";
|
||||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||||
import {FiUser} from "react-icons/fi";
|
import {FiUser} from "react-icons/fi";
|
||||||
import {useForm} from "react-hook-form";
|
import {useForm} from "react-hook-form";
|
||||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||||
|
|
||||||
const EducationalData = () => {
|
const EducationalData = () => {
|
||||||
const {setPage, educationalData, setEducationalData} = useContext(HandleFormReq)
|
const {setPage, educationalData, setEducationalData} = useContext(HandleFormReq)
|
||||||
const [formValues, setFormValues] = useState(educationalData)
|
const [formValues, setFormValues] = useState(educationalData)
|
||||||
console.log('edd', educationalData)
|
console.log('edd', educationalData)
|
||||||
let handleChange = (i, e) => {
|
let handleChange = (i, e) => {
|
||||||
let newFormValues = [...formValues];
|
let newFormValues = [...formValues];
|
||||||
newFormValues[i][e.target.name] = e.target.value;
|
newFormValues[i][e.target.name] = e.target.value;
|
||||||
setFormValues(newFormValues);
|
setFormValues(newFormValues);
|
||||||
}
|
}
|
||||||
|
|
||||||
let addFormFields = () => {
|
let addFormFields = () => {
|
||||||
setFormValues([...formValues, {
|
setFormValues([...formValues, {
|
||||||
university: '',
|
university: '',
|
||||||
field : '',
|
field : '',
|
||||||
trend: '',
|
trend: '',
|
||||||
score: '',
|
score: '',
|
||||||
dateField: '',
|
dateField: '',
|
||||||
}])
|
}])
|
||||||
}
|
}
|
||||||
|
|
||||||
let removeFormFields = (i) => {
|
let removeFormFields = (i) => {
|
||||||
let newFormValues = [...formValues];
|
let newFormValues = [...formValues];
|
||||||
newFormValues.splice(i, 1);
|
newFormValues.splice(i, 1);
|
||||||
setFormValues(newFormValues)
|
setFormValues(newFormValues)
|
||||||
}
|
}
|
||||||
|
|
||||||
let handleSubmit = (event) => {
|
let handleSubmit = (event) => {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
console.log(formValues);
|
console.log(formValues);
|
||||||
setEducationalData(formValues)
|
setEducationalData(formValues)
|
||||||
setPage(3)
|
setPage(3)
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<form onSubmit={handleSubmit} id={'persondataform'}>
|
<form onSubmit={handleSubmit} id={'persondataform'}>
|
||||||
<SimpleGrid className={'mt-4'} dir={'rtl'} columns={[1, 1, 1]} spacing={3}>
|
<SimpleGrid className={'mt-4'} dir={'rtl'} columns={[1, 1, 1]} spacing={3}>
|
||||||
{process.browser && formValues.map((element, index) => (
|
{process.browser && formValues.map((element, index) => (
|
||||||
<>
|
<>
|
||||||
<Box className={'d-lg-flex d-md-block justify-content-between'} key={index}>
|
<Box className={'d-lg-flex d-md-block justify-content-between'} key={index}>
|
||||||
<Box>
|
<Box>
|
||||||
<div>
|
<div>
|
||||||
<MDBInputGroup className='mb-3'>
|
<MDBInputGroup className='mb-3'>
|
||||||
<div className={'flex align-items-center'}>
|
<div className={'flex align-items-center'}>
|
||||||
<MDBInputGroupText className={'rounded-0'}>
|
<MDBInputGroupText className={'rounded-0'}>
|
||||||
<FiUser />
|
<FiUser />
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
<Input
|
<Input
|
||||||
required
|
required
|
||||||
id='university'
|
id='university'
|
||||||
name="university"
|
name="university"
|
||||||
onChange={e => handleChange(index, e)}
|
onChange={e => handleChange(index, e)}
|
||||||
defaultValue={element.university || ""} className={'bk-med rounded-0'}
|
defaultValue={element.university || ""} className={'bk-med rounded-0'}
|
||||||
style={{ height: 40 }}
|
style={{ height: 40 }}
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
type='text'
|
type='text'
|
||||||
placeholder="دانشگاه / موسسه "
|
placeholder="دانشگاه / موسسه "
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
</div>
|
</div>
|
||||||
</Box>
|
</Box>
|
||||||
<Box>
|
<Box>
|
||||||
<div>
|
<div>
|
||||||
<MDBInputGroup className='mb-3 flex'>
|
<MDBInputGroup className='mb-3 flex'>
|
||||||
<div className={'flex align-items-center'}>
|
<div className={'flex align-items-center'}>
|
||||||
<MDBInputGroupText className={'rounded-0'}>
|
<MDBInputGroupText className={'rounded-0'}>
|
||||||
<FiUser />
|
<FiUser />
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
<Input
|
<Input
|
||||||
id='field'
|
id='field'
|
||||||
name="field"
|
name="field"
|
||||||
required
|
required
|
||||||
onChange={e => handleChange(index, e)}
|
onChange={e => handleChange(index, e)}
|
||||||
defaultValue={element.field || ""} className={'bk-med rounded-0'}
|
defaultValue={element.field || ""} className={'bk-med rounded-0'}
|
||||||
style={{ height: 40 }}
|
style={{ height: 40 }}
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
type='text'
|
type='text'
|
||||||
placeholder="رشته تحصیلی "
|
placeholder="رشته تحصیلی "
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
</div>
|
</div>
|
||||||
</Box>
|
</Box>
|
||||||
<Box>
|
<Box>
|
||||||
<MDBInputGroup className='mb-3 flex'>
|
<MDBInputGroup className='mb-3 flex'>
|
||||||
<div className={'flex align-items-center'}>
|
<div className={'flex align-items-center'}>
|
||||||
<MDBInputGroupText className={'rounded-0'}>
|
<MDBInputGroupText className={'rounded-0'}>
|
||||||
<FiUser />
|
<FiUser />
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
<Input
|
<Input
|
||||||
id='trend'
|
id='trend'
|
||||||
name="trend"
|
name="trend"
|
||||||
required
|
required
|
||||||
onChange={e => handleChange(index, e)}
|
onChange={e => handleChange(index, e)}
|
||||||
defaultValue={element.trend || ""} className={'bk-med rounded-0'}
|
defaultValue={element.trend || ""} className={'bk-med rounded-0'}
|
||||||
style={{ height: 40 }}
|
style={{ height: 40 }}
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
type='text'
|
type='text'
|
||||||
placeholder="گرایش "
|
placeholder="گرایش "
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
</Box>
|
</Box>
|
||||||
<Box>
|
<Box>
|
||||||
<MDBInputGroup className='mb-3 flex'>
|
<MDBInputGroup className='mb-3 flex'>
|
||||||
<div className={'flex align-items-center'}>
|
<div className={'flex align-items-center'}>
|
||||||
<MDBInputGroupText className={'rounded-0'}>
|
<MDBInputGroupText className={'rounded-0'}>
|
||||||
<FiUser />
|
<FiUser />
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
<Input
|
<Input
|
||||||
id='dateField'
|
id='dateField'
|
||||||
name="dateField"
|
name="dateField"
|
||||||
required
|
required
|
||||||
onChange={e => handleChange(index, e)}
|
onChange={e => handleChange(index, e)}
|
||||||
defaultValue={element.dateField || ""} className={'bk-med rounded-0'}
|
defaultValue={element.dateField || ""} className={'bk-med rounded-0'}
|
||||||
style={{ height: 40 }}
|
style={{ height: 40 }}
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
type='text'
|
type='text'
|
||||||
placeholder="تاریخ اخذ مدرک "
|
placeholder="تاریخ اخذ مدرک "
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
</Box>
|
</Box>
|
||||||
<Box>
|
<Box>
|
||||||
<MDBInputGroup className='mb-3 flex'>
|
<MDBInputGroup className='mb-3 flex'>
|
||||||
<div className={'flex align-items-center'}>
|
<div className={'flex align-items-center'}>
|
||||||
<MDBInputGroupText className={'rounded-0'}>
|
<MDBInputGroupText className={'rounded-0'}>
|
||||||
<FiUser />
|
<FiUser />
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
<Input
|
<Input
|
||||||
id='score'
|
id='score'
|
||||||
name="score"
|
name="score"
|
||||||
required
|
required
|
||||||
onChange={e => handleChange(index, e)}
|
onChange={e => handleChange(index, e)}
|
||||||
defaultValue={element.score || ""} className={'bk-med rounded-0'}
|
defaultValue={element.score || ""} className={'bk-med rounded-0'}
|
||||||
style={{ height: 40 }}
|
style={{ height: 40 }}
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
type='text'
|
type='text'
|
||||||
placeholder="معدل "
|
placeholder="معدل "
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
</Box>
|
</Box>
|
||||||
</Box>
|
</Box>
|
||||||
|
|
||||||
{
|
{
|
||||||
index ?
|
index ?
|
||||||
<MDBBtn color={'danger'} outline type="button" className="button remove" onClick={() => removeFormFields(index)}>پاک کردن</MDBBtn>
|
<MDBBtn color={'danger'} outline type="button" className="button remove" onClick={() => removeFormFields(index)}>پاک کردن</MDBBtn>
|
||||||
: null
|
: null
|
||||||
}
|
}
|
||||||
</>
|
</>
|
||||||
))}
|
))}
|
||||||
</SimpleGrid>
|
</SimpleGrid>
|
||||||
<div className="flex justify-content-end mt-5">
|
<div className="flex justify-content-end mt-5">
|
||||||
<MDBBtn color={'warning'} className="button add" type="button" onClick={() => addFormFields()}>اضافه کردن </MDBBtn>
|
<MDBBtn color={'warning'} className="button add" type="button" onClick={() => addFormFields()}>اضافه کردن </MDBBtn>
|
||||||
</div>
|
</div>
|
||||||
<MDBBtn type={'submit'} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
<MDBBtn type={'submit'} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default EducationalData;
|
export default EducationalData;
|
||||||
@@ -1,90 +1,90 @@
|
|||||||
import React, {useContext, useState} from 'react';
|
import React, {useContext, useState} from 'react';
|
||||||
import {Box, Checkbox, Input, Radio, RadioGroup, Select, SimpleGrid, Stack, Text, Textarea} from "@chakra-ui/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 {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||||
import {FiUser} from "react-icons/fi";
|
import {FiUser} from "react-icons/fi";
|
||||||
import {useForm} from "react-hook-form";
|
import {useForm} from "react-hook-form";
|
||||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||||
import NumberFormat from "react-number-format";
|
import NumberFormat from "react-number-format";
|
||||||
import log from "tailwindcss/lib/util/log";
|
import log from "tailwindcss/lib/util/log";
|
||||||
|
|
||||||
const Furtherinformation = () => {
|
const Furtherinformation = () => {
|
||||||
const {setPage, furtherinformation, setFurtherinformation} = useContext(HandleFormReq)
|
const {setPage, furtherinformation, setFurtherinformation} = useContext(HandleFormReq)
|
||||||
const [criminal,setCriminal] = useState(process.browser && furtherinformation.criminal.toString())
|
const [criminal,setCriminal] = useState(process.browser && furtherinformation.criminal.toString())
|
||||||
const [salary, setSalary] = useState(process.browser && furtherinformation.salary)
|
const [salary, setSalary] = useState(process.browser && furtherinformation.salary)
|
||||||
const [Introduced, setIntroduced] = useState(process.browser && furtherinformation.Introduced)
|
const [Introduced, setIntroduced] = useState(process.browser && furtherinformation.Introduced)
|
||||||
|
|
||||||
// let handleSubmit = () => {
|
// let handleSubmit = () => {
|
||||||
// setPage(7)
|
// setPage(7)
|
||||||
// }
|
// }
|
||||||
let handleChange = (e) => {
|
let handleChange = (e) => {
|
||||||
setFurtherinformation({criminal: criminal,salary: salary, Introduced: Introduced})
|
setFurtherinformation({criminal: criminal,salary: salary, Introduced: Introduced})
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
{process.browser && (
|
{process.browser && (
|
||||||
<div>
|
<div>
|
||||||
<SimpleGrid className={'mt-2 flex mt-5'} dir={'rtl'} columns={[1,1,2]} spacingX='390px' spacingY='20px'>
|
<SimpleGrid className={'mt-2 flex mt-5'} dir={'rtl'} columns={[1,1,2]} spacingX='390px' spacingY='20px'>
|
||||||
<Box>
|
<Box>
|
||||||
<MDBInputGroup className='flex flex-md-row flex-lg-row flex-sm-column '>
|
<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 style={{ flexDirection: 'column' }} className={'flex align-items-center flex-md-row flex-lg-row flex-sm-column '}>
|
||||||
<MDBInputGroupText className={'rounded-0 border-0'}>
|
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||||
آیا سابقه کیفری دارید :
|
آیا سابقه کیفری دارید :
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
<RadioGroup className={'flex align-items-center'} onChange={setCriminal} value={criminal}>
|
<RadioGroup className={'flex align-items-center'} onChange={setCriminal} value={criminal}>
|
||||||
<Stack spacing={4} direction='row'>
|
<Stack spacing={4} direction='row'>
|
||||||
<Radio value='1'> ندارم </Radio>
|
<Radio value='1'> ندارم </Radio>
|
||||||
<Radio value='2'> دارم </Radio>
|
<Radio value='2'> دارم </Radio>
|
||||||
</Stack>
|
</Stack>
|
||||||
</RadioGroup>
|
</RadioGroup>
|
||||||
</div>
|
</div>
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
</Box>
|
</Box>
|
||||||
<Box>
|
<Box>
|
||||||
<MDBInputGroup className='mb-3 flex'>
|
<MDBInputGroup className='mb-3 flex'>
|
||||||
<div className={'flex align-items-center'}>
|
<div className={'flex align-items-center'}>
|
||||||
<MDBInputGroupText className={'rounded-0'}>
|
<MDBInputGroupText className={'rounded-0'}>
|
||||||
<FiUser />
|
<FiUser />
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
<NumberFormat
|
<NumberFormat
|
||||||
style={{ height: 40 }}
|
style={{ height: 40 }}
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
onValueChange={(values) => {
|
onValueChange={(values) => {
|
||||||
const { formattedValue, value } = values;
|
const { formattedValue, value } = values;
|
||||||
handleChange()
|
handleChange()
|
||||||
setSalary(formattedValue)
|
setSalary(formattedValue)
|
||||||
console.log('salery', salary)
|
console.log('salery', salary)
|
||||||
}}
|
}}
|
||||||
className={'form-control'}
|
className={'form-control'}
|
||||||
type={'text'}
|
type={'text'}
|
||||||
thousandSeparator={true}
|
thousandSeparator={true}
|
||||||
defaultValue={furtherinformation.salary}
|
defaultValue={furtherinformation.salary}
|
||||||
placeholder=" حقوق پیشنهادی(تومان) "
|
placeholder=" حقوق پیشنهادی(تومان) "
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
</Box>
|
</Box>
|
||||||
</SimpleGrid>
|
</SimpleGrid>
|
||||||
<Box dir={'rtl'} className={''}>
|
<Box dir={'rtl'} className={''}>
|
||||||
<br /><br />
|
<br /><br />
|
||||||
<Textarea
|
<Textarea
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
defaultValue={furtherinformation.Introduced}
|
defaultValue={furtherinformation.Introduced}
|
||||||
onChange={(e) => {
|
onChange={(e) => {
|
||||||
handleChange()
|
handleChange()
|
||||||
setIntroduced(e.target.value)}
|
setIntroduced(e.target.value)}
|
||||||
}
|
}
|
||||||
placeholder='در صورتی که معرفی دارید نام و شماره تماس آن را وارد کنید '
|
placeholder='در صورتی که معرفی دارید نام و شماره تماس آن را وارد کنید '
|
||||||
/>
|
/>
|
||||||
</Box>
|
</Box>
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|
||||||
{/*<MDBBtn onClick={handleSubmit} size={'sm'} className={'mt-2 bg-primary-teal'} >ثبت درخواست </MDBBtn>*/}
|
{/*<MDBBtn onClick={handleSubmit} size={'sm'} className={'mt-2 bg-primary-teal'} >ثبت درخواست </MDBBtn>*/}
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default Furtherinformation;
|
export default Furtherinformation;
|
||||||
|
|||||||
@@ -1,170 +1,170 @@
|
|||||||
import React, {useContext, useState} from 'react';
|
import React, {useContext, useState} from 'react';
|
||||||
import {Box, Input, Select, SimpleGrid} from "@chakra-ui/react";
|
import {Box, Input, Select, SimpleGrid} from "@chakra-ui/react";
|
||||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||||
import {FiUser} from "react-icons/fi";
|
import {FiUser} from "react-icons/fi";
|
||||||
import {useForm} from "react-hook-form";
|
import {useForm} from "react-hook-form";
|
||||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||||
|
|
||||||
const JobData = () => {
|
const JobData = () => {
|
||||||
const {setPage, jobData, setJob} = useContext(HandleFormReq)
|
const {setPage, jobData, setJob} = useContext(HandleFormReq)
|
||||||
const [formValues, setFormValues] = useState(jobData)
|
const [formValues, setFormValues] = useState(jobData)
|
||||||
|
|
||||||
let handleChange = (i, e) => {
|
let handleChange = (i, e) => {
|
||||||
let newFormValues = [...formValues];
|
let newFormValues = [...formValues];
|
||||||
newFormValues[i][e.target.name] = e.target.value;
|
newFormValues[i][e.target.name] = e.target.value;
|
||||||
setFormValues(newFormValues);
|
setFormValues(newFormValues);
|
||||||
}
|
}
|
||||||
|
|
||||||
let addFormFields = () => {
|
let addFormFields = () => {
|
||||||
setFormValues([...formValues, {
|
setFormValues([...formValues, {
|
||||||
companyName: '',
|
companyName: '',
|
||||||
position: '',
|
position: '',
|
||||||
workTime: '',
|
workTime: '',
|
||||||
exitReason: '',
|
exitReason: '',
|
||||||
lastIncome: ''
|
lastIncome: ''
|
||||||
}])
|
}])
|
||||||
console.log('add nf', formValues);
|
console.log('add nf', formValues);
|
||||||
}
|
}
|
||||||
|
|
||||||
let removeFormFields = (i) => {
|
let removeFormFields = (i) => {
|
||||||
let newFormValues = [...formValues];
|
let newFormValues = [...formValues];
|
||||||
newFormValues.splice(i, 1);
|
newFormValues.splice(i, 1);
|
||||||
setFormValues(newFormValues)
|
setFormValues(newFormValues)
|
||||||
}
|
}
|
||||||
|
|
||||||
let handleSubmit = (event) => {
|
let handleSubmit = (event) => {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
setJob(formValues)
|
setJob(formValues)
|
||||||
setPage(5)
|
setPage(5)
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<p className={'right'}>در صورتی که سابقه کاری دارید اطلاعات آن را وارد کنید </p>
|
<p className={'right'}>در صورتی که سابقه کاری دارید اطلاعات آن را وارد کنید </p>
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<form onSubmit={handleSubmit} id={'persondataform'}>
|
<form onSubmit={handleSubmit} id={'persondataform'}>
|
||||||
<SimpleGrid className={'mt-4'} dir={'rtl'} columns={[1, 1, 1]} spacing={3}>
|
<SimpleGrid className={'mt-4'} dir={'rtl'} columns={[1, 1, 1]} spacing={3}>
|
||||||
{process.browser && formValues.map((element, index) => (
|
{process.browser && formValues.map((element, index) => (
|
||||||
<>
|
<>
|
||||||
<Box className={'d-lg-flex d-md-block justify-content-between'} key={index}>
|
<Box className={'d-lg-flex d-md-block justify-content-between'} key={index}>
|
||||||
<Box>
|
<Box>
|
||||||
<div>
|
<div>
|
||||||
<MDBInputGroup className='mb-3'>
|
<MDBInputGroup className='mb-3'>
|
||||||
<div className={'flex align-items-center'}>
|
<div className={'flex align-items-center'}>
|
||||||
<MDBInputGroupText className={'rounded-0'}>
|
<MDBInputGroupText className={'rounded-0'}>
|
||||||
<FiUser />
|
<FiUser />
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
<Input
|
<Input
|
||||||
id='companyName'
|
id='companyName'
|
||||||
name="companyName"
|
name="companyName"
|
||||||
onChange={e => handleChange(index, e)}
|
onChange={e => handleChange(index, e)}
|
||||||
defaultValue={element.companyName || ""} className={'bk-med rounded-0'}
|
defaultValue={element.companyName || ""} className={'bk-med rounded-0'}
|
||||||
style={{ height: 40 }}
|
style={{ height: 40 }}
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
type='text'
|
type='text'
|
||||||
placeholder="نام شرکت / موسسه"
|
placeholder="نام شرکت / موسسه"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
</div>
|
</div>
|
||||||
</Box>
|
</Box>
|
||||||
<Box>
|
<Box>
|
||||||
<div>
|
<div>
|
||||||
<MDBInputGroup className='mb-3 flex'>
|
<MDBInputGroup className='mb-3 flex'>
|
||||||
<div className={'flex align-items-center'}>
|
<div className={'flex align-items-center'}>
|
||||||
<MDBInputGroupText className={'rounded-0'}>
|
<MDBInputGroupText className={'rounded-0'}>
|
||||||
<FiUser />
|
<FiUser />
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
<Input
|
<Input
|
||||||
id='position'
|
id='position'
|
||||||
name="position"
|
name="position"
|
||||||
onChange={e => handleChange(index, e)}
|
onChange={e => handleChange(index, e)}
|
||||||
defaultValue={element.position || ""} className={'bk-med rounded-0'}
|
defaultValue={element.position || ""} className={'bk-med rounded-0'}
|
||||||
style={{ height: 40 }}
|
style={{ height: 40 }}
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
type='text'
|
type='text'
|
||||||
placeholder="موضعیت شغلی "
|
placeholder="موضعیت شغلی "
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
</div>
|
</div>
|
||||||
</Box>
|
</Box>
|
||||||
<Box>
|
<Box>
|
||||||
<MDBInputGroup className='mb-3 flex'>
|
<MDBInputGroup className='mb-3 flex'>
|
||||||
<div className={'flex align-items-center'}>
|
<div className={'flex align-items-center'}>
|
||||||
<MDBInputGroupText className={'rounded-0'}>
|
<MDBInputGroupText className={'rounded-0'}>
|
||||||
<FiUser />
|
<FiUser />
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
<Input
|
<Input
|
||||||
id='workTime'
|
id='workTime'
|
||||||
name="workTime"
|
name="workTime"
|
||||||
onChange={e => handleChange(index, e)}
|
onChange={e => handleChange(index, e)}
|
||||||
defaultValue={element.workTime || ""} className={'bk-med rounded-0'}
|
defaultValue={element.workTime || ""} className={'bk-med rounded-0'}
|
||||||
style={{ height: 40 }}
|
style={{ height: 40 }}
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
type='text'
|
type='text'
|
||||||
placeholder="مدت همکاری "
|
placeholder="مدت همکاری "
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
</Box>
|
</Box>
|
||||||
<Box>
|
<Box>
|
||||||
<MDBInputGroup className='mb-3 flex'>
|
<MDBInputGroup className='mb-3 flex'>
|
||||||
<div className={'flex align-items-center'}>
|
<div className={'flex align-items-center'}>
|
||||||
<MDBInputGroupText className={'rounded-0'}>
|
<MDBInputGroupText className={'rounded-0'}>
|
||||||
<FiUser />
|
<FiUser />
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
<Input
|
<Input
|
||||||
id='exitReason'
|
id='exitReason'
|
||||||
name="exitReason"
|
name="exitReason"
|
||||||
onChange={e => handleChange(index, e)}
|
onChange={e => handleChange(index, e)}
|
||||||
defaultValue={element.exitReason || ""} className={'bk-med rounded-0'}
|
defaultValue={element.exitReason || ""} className={'bk-med rounded-0'}
|
||||||
style={{ height: 40 }}
|
style={{ height: 40 }}
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
type='text'
|
type='text'
|
||||||
placeholder="دلیل خروج "
|
placeholder="دلیل خروج "
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
</Box>
|
</Box>
|
||||||
<Box>
|
<Box>
|
||||||
<MDBInputGroup className='mb-3 flex'>
|
<MDBInputGroup className='mb-3 flex'>
|
||||||
<div className={'flex align-items-center'}>
|
<div className={'flex align-items-center'}>
|
||||||
<MDBInputGroupText className={'rounded-0'}>
|
<MDBInputGroupText className={'rounded-0'}>
|
||||||
<FiUser />
|
<FiUser />
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
<Input
|
<Input
|
||||||
id='lastIncome'
|
id='lastIncome'
|
||||||
name="lastIncome"
|
name="lastIncome"
|
||||||
onChange={e => handleChange(index, e)}
|
onChange={e => handleChange(index, e)}
|
||||||
defaultValue={element.lastIncome || ""} className={'bk-med rounded-0'}
|
defaultValue={element.lastIncome || ""} className={'bk-med rounded-0'}
|
||||||
style={{ height: 40 }}
|
style={{ height: 40 }}
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
type='text'
|
type='text'
|
||||||
placeholder="حقوقی دریافتی (تومان) "
|
placeholder="حقوقی دریافتی (تومان) "
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
</Box>
|
</Box>
|
||||||
</Box>
|
</Box>
|
||||||
|
|
||||||
{
|
{
|
||||||
index ?
|
index ?
|
||||||
<MDBBtn color={'danger'} outline type="button" className="button remove" onClick={() => removeFormFields(index)}>پاک کردن</MDBBtn>
|
<MDBBtn color={'danger'} outline type="button" className="button remove" onClick={() => removeFormFields(index)}>پاک کردن</MDBBtn>
|
||||||
: null
|
: null
|
||||||
}
|
}
|
||||||
</>
|
</>
|
||||||
))}
|
))}
|
||||||
</SimpleGrid>
|
</SimpleGrid>
|
||||||
<div className="flex justify-content-end mt-5">
|
<div className="flex justify-content-end mt-5">
|
||||||
<MDBBtn color={'warning'} className="button add" type="button" onClick={() => addFormFields()}>اضافه کردن </MDBBtn>
|
<MDBBtn color={'warning'} className="button add" type="button" onClick={() => addFormFields()}>اضافه کردن </MDBBtn>
|
||||||
</div>
|
</div>
|
||||||
<MDBBtn type={'submit'} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
<MDBBtn type={'submit'} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default JobData;
|
export default JobData;
|
||||||
@@ -1,55 +1,55 @@
|
|||||||
import React, {useContext, useState} from 'react';
|
import React, {useContext, useState} from 'react';
|
||||||
import {Box, Input, Radio, RadioGroup, Select, SimpleGrid, Stack, Text, Textarea} from "@chakra-ui/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 {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||||
import {FiUser} from "react-icons/fi";
|
import {FiUser} from "react-icons/fi";
|
||||||
import {useForm} from "react-hook-form";
|
import {useForm} from "react-hook-form";
|
||||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||||
|
|
||||||
const PcSkill = () => {
|
const PcSkill = () => {
|
||||||
const {setPage, pcSkillData, setPcSkillData} = useContext(HandleFormReq)
|
const {setPage, pcSkillData, setPcSkillData} = useContext(HandleFormReq)
|
||||||
let icdlStr = process.browser && pcSkillData.icdlLevel.toString()
|
let icdlStr = process.browser && pcSkillData.icdlLevel.toString()
|
||||||
const [icdl, seticdl] = useState(icdlStr)
|
const [icdl, seticdl] = useState(icdlStr)
|
||||||
const [text, settext] = useState('')
|
const [text, settext] = useState('')
|
||||||
let handleSubmit = () => {
|
let handleSubmit = () => {
|
||||||
setPcSkillData({text:text,icdlLevel: icdl})
|
setPcSkillData({text:text,icdlLevel: icdl})
|
||||||
setPage(7)
|
setPage(7)
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<Box dir={'rtl'} >
|
<Box dir={'rtl'} >
|
||||||
{process.browser && (
|
{process.browser && (
|
||||||
<div>
|
<div>
|
||||||
<MDBInputGroup className='flex flex-md-row flex-lg-row flex-sm-column mt-5'>
|
<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'}>
|
<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'}>
|
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||||
آیا به ICDL (مهارت های هفتگانه آشنا هستید) :
|
آیا به ICDL (مهارت های هفتگانه آشنا هستید) :
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
<RadioGroup onChange={seticdl} value={icdl} >
|
<RadioGroup onChange={seticdl} value={icdl} >
|
||||||
<Stack direction='row'>
|
<Stack direction='row'>
|
||||||
<Radio value='1'>بله </Radio>
|
<Radio value='1'>بله </Radio>
|
||||||
<Radio value='2'>خیر</Radio>
|
<Radio value='2'>خیر</Radio>
|
||||||
</Stack>
|
</Stack>
|
||||||
</RadioGroup>
|
</RadioGroup>
|
||||||
</div>
|
</div>
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
<br /><br />
|
<br /><br />
|
||||||
<Textarea
|
<Textarea
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
defaultValue={pcSkillData.text}
|
defaultValue={pcSkillData.text}
|
||||||
onChange={(e) => settext(e.target.value)}
|
onChange={(e) => settext(e.target.value)}
|
||||||
placeholder='در صورتی که به نرم افزار خاصی مسلط هستید نام آن را وارد کنید '
|
placeholder='در صورتی که به نرم افزار خاصی مسلط هستید نام آن را وارد کنید '
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</Box>
|
</Box>
|
||||||
|
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<MDBBtn onClick={handleSubmit} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
<MDBBtn onClick={handleSubmit} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default PcSkill;
|
export default PcSkill;
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
@@ -1,41 +1,41 @@
|
|||||||
import React, {useContext, useState} from 'react';
|
import React, {useContext, useState} from 'react';
|
||||||
import {Box, Input, Select, SimpleGrid, Textarea} from "@chakra-ui/react";
|
import {Box, Input, Select, SimpleGrid, Textarea} from "@chakra-ui/react";
|
||||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||||
import {FiUser} from "react-icons/fi";
|
import {FiUser} from "react-icons/fi";
|
||||||
import {useForm} from "react-hook-form";
|
import {useForm} from "react-hook-form";
|
||||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||||
|
|
||||||
const ScientificData = () => {
|
const ScientificData = () => {
|
||||||
const {setPage, scientificData, setScientificData} = useContext(HandleFormReq)
|
const {setPage, scientificData, setScientificData} = useContext(HandleFormReq)
|
||||||
|
|
||||||
|
|
||||||
let handleSubmit = () => {
|
let handleSubmit = () => {
|
||||||
console.log('scientificData', scientificData)
|
console.log('scientificData', scientificData)
|
||||||
setPage(6)
|
setPage(6)
|
||||||
}
|
}
|
||||||
let handleChange = (e) => {
|
let handleChange = (e) => {
|
||||||
setScientificData({text: e.target.value})
|
setScientificData({text: e.target.value})
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<Box className={''}>
|
<Box className={''}>
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
{process.browser && (
|
{process.browser && (
|
||||||
<Textarea
|
<Textarea
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
defaultValue={scientificData.text}
|
defaultValue={scientificData.text}
|
||||||
onChange={handleChange}
|
onChange={handleChange}
|
||||||
placeholder='در صورتی داشتن مقاله یا دستاورد علمی اطلاعات آن را وارد کنید'
|
placeholder='در صورتی داشتن مقاله یا دستاورد علمی اطلاعات آن را وارد کنید'
|
||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
</Box>
|
</Box>
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<MDBBtn onClick={handleSubmit} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
<MDBBtn onClick={handleSubmit} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default ScientificData;
|
export default ScientificData;
|
||||||
|
|||||||
File diff suppressed because it is too large
Load Diff
+127
-127
@@ -1,128 +1,128 @@
|
|||||||
import React, {createContext, useMemo, useState} from 'react';
|
import React, {createContext, useMemo, useState} from 'react';
|
||||||
import {MDBBtn, MDBCard, MDBCardImage, MDBContainer, MDBTypography} from "mdb-react-ui-kit";
|
import {MDBBtn, MDBCard, MDBCardImage, MDBContainer, MDBTypography} from "mdb-react-ui-kit";
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
import StepOne from "./layout/StepOne";
|
import StepOne from "./layout/StepOne";
|
||||||
import {Progress, SlideFade} from "@chakra-ui/react";
|
import {Progress, SlideFade} from "@chakra-ui/react";
|
||||||
import imageStepOne from '../../public/resource/Smart/headre.png'
|
import imageStepOne from '../../public/resource/Smart/headre.png'
|
||||||
import imageStepTwo from '../../public/resource/Smart/step-2.png'
|
import imageStepTwo from '../../public/resource/Smart/step-2.png'
|
||||||
import imageStepThree from '../../public/resource/Smart/step-3.png'
|
import imageStepThree from '../../public/resource/Smart/step-3.png'
|
||||||
import imageStepFour from '../../public/resource/Smart/step-4.png'
|
import imageStepFour from '../../public/resource/Smart/step-4.png'
|
||||||
import imageStepFive from '../../public/resource/Smart/step-5.png'
|
import imageStepFive from '../../public/resource/Smart/step-5.png'
|
||||||
import StepTwo from "./layout/StepTwo";
|
import StepTwo from "./layout/StepTwo";
|
||||||
import StepThree from "./layout/StepThree";
|
import StepThree from "./layout/StepThree";
|
||||||
import StepFour from "./layout/StepFouur";
|
import StepFour from "./layout/StepFouur";
|
||||||
import StepFive from "./layout/StepFive";
|
import StepFive from "./layout/StepFive";
|
||||||
import {HandlePage} from "../../lib/HnadelPagge";
|
import {HandlePage} from "../../lib/HnadelPagge";
|
||||||
import axios from "axios";
|
import axios from "axios";
|
||||||
import {AppUrl} from "../../lib/api";
|
import {AppUrl} from "../../lib/api";
|
||||||
import {useRouter} from "next/router";
|
import {useRouter} from "next/router";
|
||||||
|
|
||||||
const SmartAdvice = () => {
|
const SmartAdvice = () => {
|
||||||
const [page, setPage] = useState(1)
|
const [page, setPage] = useState(1)
|
||||||
const [investment, setInvestment] = useState(1)
|
const [investment, setInvestment] = useState(1)
|
||||||
const [phoneNumber, setPhoneNumber] = useState('')
|
const [phoneNumber, setPhoneNumber] = useState('')
|
||||||
const [Loading, setLoading] = useState(false)
|
const [Loading, setLoading] = useState(false)
|
||||||
const [Success, setSuccess] = useState(false)
|
const [Success, setSuccess] = useState(false)
|
||||||
const value = useMemo(
|
const value = useMemo(
|
||||||
() => ({ page, setPage, investment, setInvestment, phoneNumber, setPhoneNumber }),
|
() => ({ page, setPage, investment, setInvestment, phoneNumber, setPhoneNumber }),
|
||||||
[page, investment, phoneNumber]
|
[page, investment, phoneNumber]
|
||||||
);
|
);
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const SubmitForm = () => {
|
const SubmitForm = () => {
|
||||||
axios.post(AppUrl('contact-us'),{PhoneNumber: phoneNumber, name: 'From smart', text: 'from smart'}).then((res) => {
|
axios.post(AppUrl('contact-us'),{PhoneNumber: phoneNumber, name: 'From smart', text: 'from smart'}).then((res) => {
|
||||||
setLoading(false);
|
setLoading(false);
|
||||||
|
|
||||||
if (res.status === 200) {
|
if (res.status === 200) {
|
||||||
setLoading(false);
|
setLoading(false);
|
||||||
setSuccess(true);
|
setSuccess(true);
|
||||||
router.push('/')
|
router.push('/')
|
||||||
alert('درخواست شما ثبت شد ')
|
alert('درخواست شما ثبت شد ')
|
||||||
|
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<div>
|
<div>
|
||||||
<div className={'flex justify-content-center flex-column'}>
|
<div className={'flex justify-content-center flex-column'}>
|
||||||
{(() => {
|
{(() => {
|
||||||
switch(page) {
|
switch(page) {
|
||||||
case 1:
|
case 1:
|
||||||
return (
|
return (
|
||||||
<SlideFade in={true}>
|
<SlideFade in={true}>
|
||||||
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepOne} />
|
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepOne} />
|
||||||
</SlideFade>
|
</SlideFade>
|
||||||
)
|
)
|
||||||
case 2:
|
case 2:
|
||||||
return (
|
return (
|
||||||
<SlideFade in={true}>
|
<SlideFade in={true}>
|
||||||
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepTwo} />
|
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepTwo} />
|
||||||
</SlideFade>
|
</SlideFade>
|
||||||
)
|
)
|
||||||
case 3:
|
case 3:
|
||||||
return (
|
return (
|
||||||
<SlideFade in={true}>
|
<SlideFade in={true}>
|
||||||
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepThree} />
|
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepThree} />
|
||||||
</SlideFade>
|
</SlideFade>
|
||||||
)
|
)
|
||||||
case 4:
|
case 4:
|
||||||
return (
|
return (
|
||||||
<SlideFade in={true}>
|
<SlideFade in={true}>
|
||||||
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepFour} />
|
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepFour} />
|
||||||
</SlideFade>
|
</SlideFade>
|
||||||
)
|
)
|
||||||
case 5:
|
case 5:
|
||||||
return (
|
return (
|
||||||
<SlideFade in={true}>
|
<SlideFade in={true}>
|
||||||
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepFive} />
|
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepFive} />
|
||||||
</SlideFade>
|
</SlideFade>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
})()}
|
})()}
|
||||||
<MDBCard style={{ borderTopLeftRadius: 25, borderTopRightRadius: 25, height: '75vh' }} className={'position-absolute shadow-5-soft top-60 w-100 h-90'}>
|
<MDBCard style={{ borderTopLeftRadius: 25, borderTopRightRadius: 25, height: '75vh' }} className={'position-absolute shadow-5-soft top-60 w-100 h-90'}>
|
||||||
<MDBContainer>
|
<MDBContainer>
|
||||||
<HandlePage.Provider value={value}>
|
<HandlePage.Provider value={value}>
|
||||||
{(() => {
|
{(() => {
|
||||||
switch(page) {
|
switch(page) {
|
||||||
case 1:
|
case 1:
|
||||||
return (
|
return (
|
||||||
<SlideFade in={true}>
|
<SlideFade in={true}>
|
||||||
<StepOne />
|
<StepOne />
|
||||||
</SlideFade>
|
</SlideFade>
|
||||||
)
|
)
|
||||||
case 2:return <StepTwo />
|
case 2:return <StepTwo />
|
||||||
case 3:return <StepThree />
|
case 3:return <StepThree />
|
||||||
case 4:return <StepFour />
|
case 4:return <StepFour />
|
||||||
case 5:return <StepFive />
|
case 5:return <StepFive />
|
||||||
}
|
}
|
||||||
})()}
|
})()}
|
||||||
</HandlePage.Provider>
|
</HandlePage.Provider>
|
||||||
|
|
||||||
<div className={'mt-5'}>
|
<div className={'mt-5'}>
|
||||||
<Progress dir={'rtl'} value={page * 20} size='xs' colorScheme='teal' />
|
<Progress dir={'rtl'} value={page * 20} size='xs' colorScheme='teal' />
|
||||||
<div dir={'rtl'} className={'m-2 mt-2 mb-2 flex justify-content-between'}>
|
<div dir={'rtl'} className={'m-2 mt-2 mb-2 flex justify-content-between'}>
|
||||||
{page !== 1 && page !== 5 ? (
|
{page !== 1 && page !== 5 ? (
|
||||||
<MDBBtn color='link' size={'sm'} className={'mt-2'} onClick={() => setPage(page - 1)} >مرحله قبل</MDBBtn>
|
<MDBBtn color='link' size={'sm'} className={'mt-2'} onClick={() => setPage(page - 1)} >مرحله قبل</MDBBtn>
|
||||||
): ''}
|
): ''}
|
||||||
{page !== 1 && page !== 5 ? (
|
{page !== 1 && page !== 5 ? (
|
||||||
(
|
(
|
||||||
<MDBBtn size={'sm'} className={'mt-2 bg-primary-teal'} onClick={() => setPage(page + 1)} >مرحله بعد</MDBBtn>
|
<MDBBtn size={'sm'} className={'mt-2 bg-primary-teal'} onClick={() => setPage(page + 1)} >مرحله بعد</MDBBtn>
|
||||||
)
|
)
|
||||||
): ''}
|
): ''}
|
||||||
</div>
|
</div>
|
||||||
<div className={'flex justify-content-center m-2'}>
|
<div className={'flex justify-content-center m-2'}>
|
||||||
{page === 5 ? (
|
{page === 5 ? (
|
||||||
<MDBBtn onClick={SubmitForm} size={'lg'} className={'mt-2 bk-med text-center bg-primary-teal'}>ثبت در خواست مشاوره خرید سهام </MDBBtn>
|
<MDBBtn onClick={SubmitForm} size={'lg'} className={'mt-2 bk-med text-center bg-primary-teal'}>ثبت در خواست مشاوره خرید سهام </MDBBtn>
|
||||||
): ''}
|
): ''}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</div>
|
</div>
|
||||||
<h1>شرکت مهر ایراناین پرند</h1>
|
<h1>شرکت مهر ایراناین پرند</h1>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default SmartAdvice;
|
export default SmartAdvice;
|
||||||
@@ -1,57 +1,57 @@
|
|||||||
import React, {useContext} from 'react';
|
import React, {useContext} from 'react';
|
||||||
import {
|
import {
|
||||||
MDBCardImage,
|
MDBCardImage,
|
||||||
MDBContainer,
|
MDBContainer,
|
||||||
MDBIcon,
|
MDBIcon,
|
||||||
MDBInputGroup,
|
MDBInputGroup,
|
||||||
MDBInputGroupElement, MDBInputGroupText,
|
MDBInputGroupElement, MDBInputGroupText,
|
||||||
MDBTypography
|
MDBTypography
|
||||||
} from "mdb-react-ui-kit";
|
} from "mdb-react-ui-kit";
|
||||||
import {ListItem, SlideFade, UnorderedList} from "@chakra-ui/react";
|
import {ListItem, SlideFade, UnorderedList} from "@chakra-ui/react";
|
||||||
import Love from '../../../public/resource/Smart/love-heart-outline.webp'
|
import Love from '../../../public/resource/Smart/love-heart-outline.webp'
|
||||||
import {HandlePage} from "../../../lib/HnadelPagge";
|
import {HandlePage} from "../../../lib/HnadelPagge";
|
||||||
const StepFive = () => {
|
const StepFive = () => {
|
||||||
const {setPhoneNumber} = useContext(HandlePage)
|
const {setPhoneNumber} = useContext(HandlePage)
|
||||||
return (
|
return (
|
||||||
<SlideFade in={true} offsetY='20px'>
|
<SlideFade in={true} offsetY='20px'>
|
||||||
<div className={'flex flex-column'}>
|
<div className={'flex flex-column'}>
|
||||||
<div className={'mt-4'}>
|
<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 style={{ lineHeight: 1.7 }} className={'text-center mr-4 text-primary-teal font-weight-bold bk-med'} variant={'h3'}>
|
||||||
سپاس از همراهی شما
|
سپاس از همراهی شما
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
</div>
|
</div>
|
||||||
<div className={'flex justify-content-center mt-2'}>
|
<div className={'flex justify-content-center mt-2'}>
|
||||||
<MDBCardImage className={'ml-2'} src={Love} width={150} height={150} />
|
<MDBCardImage className={'ml-2'} src={Love} width={150} height={150} />
|
||||||
</div>
|
</div>
|
||||||
<div className={'flex justify-content-center flex-column mt-2'}>
|
<div className={'flex justify-content-center flex-column mt-2'}>
|
||||||
<div className={'flex justify-content-center'}>
|
<div className={'flex justify-content-center'}>
|
||||||
<strong className={'bk-med text-center text-md'}>
|
<strong className={'bk-med text-center text-md'}>
|
||||||
در صورت تمایل به خرید سهام
|
در صورت تمایل به خرید سهام
|
||||||
<br />
|
<br />
|
||||||
شماره تلفن خود را وارد کنید
|
شماره تلفن خود را وارد کنید
|
||||||
</strong>
|
</strong>
|
||||||
</div>
|
</div>
|
||||||
<div className={'flex justify-content-center mt-2'}>
|
<div className={'flex justify-content-center mt-2'}>
|
||||||
<MDBContainer>
|
<MDBContainer>
|
||||||
<MDBInputGroup>
|
<MDBInputGroup>
|
||||||
<MDBInputGroupElement
|
<MDBInputGroupElement
|
||||||
name="PhoneNumber"
|
name="PhoneNumber"
|
||||||
dir={'rtl'}
|
dir={'rtl'}
|
||||||
onChange={(e) => setPhoneNumber(e.target.value)}
|
onChange={(e) => setPhoneNumber(e.target.value)}
|
||||||
id="PhoneNumber"
|
id="PhoneNumber"
|
||||||
placeholder=' شماره موبایل خود را وارد کنید '
|
placeholder=' شماره موبایل خود را وارد کنید '
|
||||||
type='text' />
|
type='text' />
|
||||||
<MDBInputGroupText>
|
<MDBInputGroupText>
|
||||||
<MDBIcon fas icon="phone" />
|
<MDBIcon fas icon="phone" />
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</SlideFade>
|
</SlideFade>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default StepFive;
|
export default StepFive;
|
||||||
@@ -1,82 +1,82 @@
|
|||||||
import React, { useContext } from 'react'
|
import React, { useContext } from 'react'
|
||||||
import { MDBCardImage, MDBIcon, MDBTypography } from 'mdb-react-ui-kit'
|
import { MDBCardImage, MDBIcon, MDBTypography } from 'mdb-react-ui-kit'
|
||||||
import { ListItem, SlideFade, UnorderedList } from '@chakra-ui/react'
|
import { ListItem, SlideFade, UnorderedList } from '@chakra-ui/react'
|
||||||
import Grow from '../../../public/resource/Smart/growing-plant-outline.webp'
|
import Grow from '../../../public/resource/Smart/growing-plant-outline.webp'
|
||||||
import { HandlePage } from '../../../lib/HnadelPagge'
|
import { HandlePage } from '../../../lib/HnadelPagge'
|
||||||
const StepFour = () => {
|
const StepFour = () => {
|
||||||
const { investment } = useContext(HandlePage)
|
const { investment } = useContext(HandlePage)
|
||||||
return (
|
return (
|
||||||
<SlideFade in={true} offsetY='20px'>
|
<SlideFade in={true} offsetY='20px'>
|
||||||
<div className={'flex flex-column'}>
|
<div className={'flex flex-column'}>
|
||||||
<div className={'mt-4'}>
|
<div className={'mt-4'}>
|
||||||
<MDBTypography
|
<MDBTypography
|
||||||
style={{ lineHeight: 1.7 }}
|
style={{ lineHeight: 1.7 }}
|
||||||
className={'text-right mr-4 text-primary-teal font-weight-bold bk-med'}
|
className={'text-right mr-4 text-primary-teal font-weight-bold bk-med'}
|
||||||
variant={'h3'}
|
variant={'h3'}
|
||||||
>
|
>
|
||||||
{' '}
|
{' '}
|
||||||
بازدهی سرمایه گذاری شما
|
بازدهی سرمایه گذاری شما
|
||||||
<MDBIcon className={'ml-2'} fas icon='chevron-up' />
|
<MDBIcon className={'ml-2'} fas icon='chevron-up' />
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
</div>
|
</div>
|
||||||
<div className={'flex justify-content-center mt-2'}>
|
<div className={'flex justify-content-center mt-2'}>
|
||||||
<MDBCardImage className={'ml-2'} src={Grow} width={150} height={150} />
|
<MDBCardImage className={'ml-2'} src={Grow} width={150} height={150} />
|
||||||
</div>
|
</div>
|
||||||
<div className={'flex justify-content-center flex-column mt-2'}>
|
<div className={'flex justify-content-center flex-column mt-2'}>
|
||||||
<div className={'flex justify-content-center'}>
|
<div className={'flex justify-content-center'}>
|
||||||
<strong className={'bg-primary-teal p-2 rounded text-white'}>
|
<strong className={'bg-primary-teal p-2 rounded text-white'}>
|
||||||
{investment.length >= 6 ? ` ${investment} :مبلغ سرمایه شما ` : 'مبلغ وارد شده معتر نمی باشد'}
|
{investment.length >= 6 ? ` ${investment} :مبلغ سرمایه شما ` : 'مبلغ وارد شده معتر نمی باشد'}
|
||||||
</strong>
|
</strong>
|
||||||
</div>
|
</div>
|
||||||
{investment.length >= 6 ? (
|
{investment.length >= 6 ? (
|
||||||
<div>
|
<div>
|
||||||
<div className={'flex justify-content-center mt-2'}>
|
<div className={'flex justify-content-center mt-2'}>
|
||||||
{investment / 100000000 >= 1 ? (
|
{investment / 100000000 >= 1 ? (
|
||||||
<div dir={'rtl'} className={'bk-light mt-2'}>
|
<div dir={'rtl'} className={'bk-light mt-2'}>
|
||||||
<div className={'text-center'}>
|
<div className={'text-center'}>
|
||||||
تعداد سهام قابل خرید شما:{' '}
|
تعداد سهام قابل خرید شما:{' '}
|
||||||
<strong className={'mr-2'}>{Math.ceil(investment / 100000000)} سهم </strong>{' '}
|
<strong className={'mr-2'}>{Math.ceil(investment / 100000000)} سهم </strong>{' '}
|
||||||
</div>
|
</div>
|
||||||
{Math.ceil(investment / 100000000) * 100000000 - investment ===
|
{Math.ceil(investment / 100000000) * 100000000 - investment ===
|
||||||
Math.ceil(investment / 100000000) * 100000000 ? (
|
Math.ceil(investment / 100000000) * 100000000 ? (
|
||||||
<div>{Math.ceil(investment / 100000000)}</div>
|
<div>{Math.ceil(investment / 100000000)}</div>
|
||||||
) : (
|
) : (
|
||||||
<div>
|
<div>
|
||||||
{Math.ceil(investment / 100000000) * 100000000 - investment === 0 ? (
|
{Math.ceil(investment / 100000000) * 100000000 - investment === 0 ? (
|
||||||
''
|
''
|
||||||
) : (
|
) : (
|
||||||
<div className={'flex bg-gray-200 p-2 rounded-5 justify-content-center align-items-center'}>
|
<div className={'flex bg-gray-200 p-2 rounded-5 justify-content-center align-items-center'}>
|
||||||
با پرداخت {Math.ceil(investment / 100000000) * 100000000 - investment} تومان بیشتر می توانید{' '}
|
با پرداخت {Math.ceil(investment / 100000000) * 100000000 - investment} تومان بیشتر می توانید{' '}
|
||||||
{Math.ceil(investment / 100000000)} سهم خریدار کنید
|
{Math.ceil(investment / 100000000)} سهم خریدار کنید
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
<div className={'flex justify-content-center mt-3'}>
|
<div className={'flex justify-content-center mt-3'}>
|
||||||
<span className={'bk-light text-sm animate-bounce'}>
|
<span className={'bk-light text-sm animate-bounce'}>
|
||||||
پیش بینی ارزش افزوده هر سهم سه ماه آینده: {investment * 1 + 5000000 - investment * 1}{' '}
|
پیش بینی ارزش افزوده هر سهم سه ماه آینده: {investment * 1 + 5000000 - investment * 1}{' '}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
<div className={'flex flex-col align-items-center justify-content-center mt-2'}>
|
<div className={'flex flex-col align-items-center justify-content-center mt-2'}>
|
||||||
<p dir={'rtl'} className={'bk-light mt-2'}>
|
<p dir={'rtl'} className={'bk-light mt-2'}>
|
||||||
قیمت هر سهم در حال حاضر 50,000,000 تومان است ، پیشنهاد ما به شما خرید اقساطی سهام است
|
قیمت هر سهم در حال حاضر 50,000,000 تومان است ، پیشنهاد ما به شما خرید اقساطی سهام است
|
||||||
</p>
|
</p>
|
||||||
<span className={'bk-med animate-bounce'}>
|
<span className={'bk-med animate-bounce'}>
|
||||||
سود شما بعد از بهره برداری از فاز 1 : {investment * 1 + 5000000 - investment * 1}{' '}
|
سود شما بعد از بهره برداری از فاز 1 : {investment * 1 + 5000000 - investment * 1}{' '}
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
) : (
|
) : (
|
||||||
''
|
''
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</SlideFade>
|
</SlideFade>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export default StepFour
|
export default StepFour
|
||||||
|
|||||||
@@ -1,34 +1,34 @@
|
|||||||
import React, {useContext} from 'react';
|
import React, {useContext} from 'react';
|
||||||
import {MDBBtn, MDBCardImage, MDBContainer, MDBIcon, MDBTypography} from "mdb-react-ui-kit";
|
import {MDBBtn, MDBCardImage, MDBContainer, MDBIcon, MDBTypography} from "mdb-react-ui-kit";
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
import IMGAE from '../../../public/resource/Smart/coins-outline.webp'
|
import IMGAE from '../../../public/resource/Smart/coins-outline.webp'
|
||||||
import {HandlePage} from "../../../lib/HnadelPagge";
|
import {HandlePage} from "../../../lib/HnadelPagge";
|
||||||
const StepOne = () => {
|
const StepOne = () => {
|
||||||
const {setPage} = useContext(HandlePage)
|
const {setPage} = useContext(HandlePage)
|
||||||
return (
|
return (
|
||||||
<div className={'flex flex-column'}>
|
<div className={'flex flex-column'}>
|
||||||
<div className={'mt-4'}>
|
<div className={'mt-4'}>
|
||||||
<MDBTypography style={{ lineHeight: 1.7 }} className={'text-right mr-4 text-primary-teal font-weight-bold bk-med'} variant={'h3'}>روش سرمایه گذاری خود
|
<MDBTypography style={{ lineHeight: 1.7 }} className={'text-right mr-4 text-primary-teal font-weight-bold bk-med'} variant={'h3'}>روش سرمایه گذاری خود
|
||||||
<br />
|
<br />
|
||||||
... را هوشمندانه انتخاب کنید
|
... را هوشمندانه انتخاب کنید
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div dir={'rtl'} className={'text-right mr-4'}>
|
<div dir={'rtl'} className={'text-right mr-4'}>
|
||||||
<p className={'bk-light text-sm'}>با پاسخ به سوالات مشاوره هوشمند با هر بودجه ای قادر به سرمایه گذاری خواهید بود. </p>
|
<p className={'bk-light text-sm'}>با پاسخ به سوالات مشاوره هوشمند با هر بودجه ای قادر به سرمایه گذاری خواهید بود. </p>
|
||||||
<span className={'text-sm bk-med flex align-items-center'}>
|
<span className={'text-sm bk-med flex align-items-center'}>
|
||||||
<MDBCardImage className={'ml-2'} src={IMGAE} width={30} height={30} />
|
<MDBCardImage className={'ml-2'} src={IMGAE} width={30} height={30} />
|
||||||
آینده ای پرسود برای خود و خانواده خود بسازید</span>
|
آینده ای پرسود برای خود و خانواده خود بسازید</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="d-grid gap-5 mt-5 col-6 mx-auto">
|
<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'}>
|
<MDBBtn onClick={() => setPage(2)} className={'bg-primary-teal text-md text-center bk-med'}>
|
||||||
<MDBIcon icon='chevron-left' className={'mr-5'} />
|
<MDBIcon icon='chevron-left' className={'mr-5'} />
|
||||||
شروع کنید
|
شروع کنید
|
||||||
</MDBBtn>
|
</MDBBtn>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default StepOne;
|
export default StepOne;
|
||||||
@@ -1,84 +1,84 @@
|
|||||||
import React, {useContext, useState} from 'react';
|
import React, {useContext, useState} from 'react';
|
||||||
import {
|
import {
|
||||||
MDBCardImage, MDBContainer,
|
MDBCardImage, MDBContainer,
|
||||||
MDBIcon,
|
MDBIcon,
|
||||||
MDBInput,
|
MDBInput,
|
||||||
MDBInputGroup,
|
MDBInputGroup,
|
||||||
MDBInputGroupElement,
|
MDBInputGroupElement,
|
||||||
MDBInputGroupText, MDBRow,
|
MDBInputGroupText, MDBRow,
|
||||||
MDBTypography
|
MDBTypography
|
||||||
} from "mdb-react-ui-kit";
|
} from "mdb-react-ui-kit";
|
||||||
import {ListItem, Radio, RadioGroup, SlideFade, Stack, UnorderedList} from "@chakra-ui/react";
|
import {ListItem, Radio, RadioGroup, SlideFade, Stack, UnorderedList} from "@chakra-ui/react";
|
||||||
import * as PropTypes from "prop-types";
|
import * as PropTypes from "prop-types";
|
||||||
import {AiOutlinePhone} from "react-icons/ai";
|
import {AiOutlinePhone} from "react-icons/ai";
|
||||||
import {HandlePage} from "../../../lib/HnadelPagge";
|
import {HandlePage} from "../../../lib/HnadelPagge";
|
||||||
import NumberFormat from "react-number-format";
|
import NumberFormat from "react-number-format";
|
||||||
import IMGAE from '../../../public/resource/Smart/coins-outline.gif'
|
import IMGAE from '../../../public/resource/Smart/coins-outline.gif'
|
||||||
import { Stock_price } from '../../../src/vat';
|
import { Stock_price } from '../../../src/vat';
|
||||||
|
|
||||||
function MDBRadio(props) {
|
function MDBRadio(props) {
|
||||||
return null;
|
return null;
|
||||||
}
|
}
|
||||||
|
|
||||||
const StepThree = () => {
|
const StepThree = () => {
|
||||||
const [type,setType] = useState(0)
|
const [type,setType] = useState(0)
|
||||||
const {setInvestment} = useContext(HandlePage)
|
const {setInvestment} = useContext(HandlePage)
|
||||||
return (
|
return (
|
||||||
<SlideFade in={true} offsetY='20px'>
|
<SlideFade in={true} offsetY='20px'>
|
||||||
<div className={'flex flex-column'}>
|
<div className={'flex flex-column'}>
|
||||||
<div className={'mt-4'}>
|
<div className={'mt-4'}>
|
||||||
<MDBTypography style={{ lineHeight: 1.7 }} className={'text-right mr-4 text-primary-teal font-weight-bold bk-med'} variant={'h3'}> سرمایه گذاری آسوده
|
<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" />
|
<MDBIcon className={'ml-2'} fas icon="dollar-sign" />
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
</div>
|
</div>
|
||||||
<div dir={'rtl'} className={'text-right mr-4'}>
|
<div dir={'rtl'} className={'text-right mr-4'}>
|
||||||
<p className={'bk-med text-sm'}>
|
<p className={'bk-med text-sm'}>
|
||||||
در حال حاضر ب چه صورتی می توانید سرمایه گذاری کنید ؟
|
در حال حاضر ب چه صورتی می توانید سرمایه گذاری کنید ؟
|
||||||
</p>
|
</p>
|
||||||
<div className={'dana flex align-items-center text-sm'}>
|
<div className={'dana flex align-items-center text-sm'}>
|
||||||
<MDBCardImage className={'ml-2'} src={IMGAE} width={50} height={50} />
|
<MDBCardImage className={'ml-2'} src={IMGAE} width={50} height={50} />
|
||||||
{Stock_price}
|
{Stock_price}
|
||||||
تومان
|
تومان
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className={'mt-4 mb-4 flex flex-col justify-content-center'}>
|
<div className={'mt-4 mb-4 flex flex-col justify-content-center'}>
|
||||||
<div className={'flex justify-content-center'}>
|
<div className={'flex justify-content-center'}>
|
||||||
<RadioGroup onChange={setType} defaultValue={type}>
|
<RadioGroup onChange={setType} defaultValue={type}>
|
||||||
<Stack className={'bk-med'} direction='row'>
|
<Stack className={'bk-med'} direction='row'>
|
||||||
<Radio colorScheme='teal' className={'m-2'} value='1'>
|
<Radio colorScheme='teal' className={'m-2'} value='1'>
|
||||||
نقدی
|
نقدی
|
||||||
</Radio>
|
</Radio>
|
||||||
<Radio colorScheme='teal' className={'m-2'} value='2'>
|
<Radio colorScheme='teal' className={'m-2'} value='2'>
|
||||||
اقساطی
|
اقساطی
|
||||||
</Radio>
|
</Radio>
|
||||||
</Stack>
|
</Stack>
|
||||||
</RadioGroup>
|
</RadioGroup>
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<MDBContainer>
|
<MDBContainer>
|
||||||
<MDBInputGroup>
|
<MDBInputGroup>
|
||||||
<NumberFormat
|
<NumberFormat
|
||||||
onValueChange={(values) => {
|
onValueChange={(values) => {
|
||||||
const { formattedValue, value } = values;
|
const { formattedValue, value } = values;
|
||||||
setInvestment(value);
|
setInvestment(value);
|
||||||
}}
|
}}
|
||||||
className={'form-control'}
|
className={'form-control'}
|
||||||
type={'text'}
|
type={'text'}
|
||||||
prefix={'تومان'}
|
prefix={'تومان'}
|
||||||
thousandSeparator={true}
|
thousandSeparator={true}
|
||||||
placeholder=' مبلغ سرمایه گذاری خود را به تومان وارد کنید '
|
placeholder=' مبلغ سرمایه گذاری خود را به تومان وارد کنید '
|
||||||
dir={'ltr'}
|
dir={'ltr'}
|
||||||
/>
|
/>
|
||||||
<MDBInputGroupText>
|
<MDBInputGroupText>
|
||||||
<MDBIcon fas icon="dollar-sign" />
|
<MDBIcon fas icon="dollar-sign" />
|
||||||
</MDBInputGroupText>
|
</MDBInputGroupText>
|
||||||
</MDBInputGroup>
|
</MDBInputGroup>
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</SlideFade>
|
</SlideFade>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default StepThree;
|
export default StepThree;
|
||||||
@@ -1,35 +1,35 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import {MDBCardImage, MDBIcon, MDBTypography} from "mdb-react-ui-kit";
|
import {MDBCardImage, MDBIcon, MDBTypography} from "mdb-react-ui-kit";
|
||||||
import {ListItem, SlideFade, UnorderedList} from "@chakra-ui/react";
|
import {ListItem, SlideFade, UnorderedList} from "@chakra-ui/react";
|
||||||
import IMGAE from "../../../public/resource/Smart/coins-outline.webp";
|
import IMGAE from "../../../public/resource/Smart/coins-outline.webp";
|
||||||
|
|
||||||
const StepTwo = () => {
|
const StepTwo = () => {
|
||||||
return (
|
return (
|
||||||
<SlideFade in={true} offsetY='20px'>
|
<SlideFade in={true} offsetY='20px'>
|
||||||
<div className={'flex flex-column'}>
|
<div className={'flex flex-column'}>
|
||||||
<div className={'mt-4'}>
|
<div className={'mt-4'}>
|
||||||
<MDBTypography style={{ lineHeight: 1.7 }} className={'text-right mr-4 text-primary-teal font-weight-bold bk-med'} variant={'h3'}> سرمایه گذاری امن
|
<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" />
|
<MDBIcon className={'ml-2'} fas icon="chart-line" />
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
</div>
|
</div>
|
||||||
<div dir={'rtl'} className={'text-right mr-4'}>
|
<div dir={'rtl'} className={'text-right mr-4'}>
|
||||||
<p className={'bk-light text-sm'}>
|
<p className={'bk-light text-sm'}>
|
||||||
با سطح معقولی از سرمایه و بدون نیاز
|
با سطح معقولی از سرمایه و بدون نیاز
|
||||||
به دانش تخصصی در بازار های مالی
|
به دانش تخصصی در بازار های مالی
|
||||||
به آسانی سرمایه گذاری کنید </p>
|
به آسانی سرمایه گذاری کنید </p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className={'mt-4 mb-4'}>
|
<div className={'mt-4 mb-4'}>
|
||||||
<UnorderedList spacing={2} className={'bk-light'} dir={'rtl'}>
|
<UnorderedList spacing={2} className={'bk-light'} dir={'rtl'}>
|
||||||
<ListItem> بدون ریسک و بازدهی بالا</ListItem>
|
<ListItem> بدون ریسک و بازدهی بالا</ListItem>
|
||||||
<ListItem> بیمه تکمیلی برای سهامدار و خانواده </ListItem>
|
<ListItem> بیمه تکمیلی برای سهامدار و خانواده </ListItem>
|
||||||
<ListItem> حق استخدام </ListItem>
|
<ListItem> حق استخدام </ListItem>
|
||||||
<ListItem> درمان رایگان و با سود سالانه</ListItem>
|
<ListItem> درمان رایگان و با سود سالانه</ListItem>
|
||||||
</UnorderedList>
|
</UnorderedList>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</SlideFade>
|
</SlideFade>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
export default StepTwo;
|
export default StepTwo;
|
||||||
+16
-16
@@ -1,17 +1,17 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import dynamic from 'next/dist/next-server/lib/dynamic'
|
import dynamic from 'next/dist/next-server/lib/dynamic'
|
||||||
import { Skeleton } from '@chakra-ui/react'
|
import { Skeleton } from '@chakra-ui/react'
|
||||||
|
|
||||||
const StockPriceChart = dynamic(() => import('../../src/components/Chart'), {
|
const StockPriceChart = dynamic(() => import('../../src/components/Chart'), {
|
||||||
ssr: false,
|
ssr: false,
|
||||||
loading: () => <Skeleton height={200} className='w-full'/>
|
loading: () => <Skeleton height={200} className='w-full'/>
|
||||||
})
|
})
|
||||||
const index = () => {
|
const index = () => {
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<StockPriceChart />
|
<StockPriceChart />
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export default index
|
export default index
|
||||||
+84
-167
@@ -1,167 +1,84 @@
|
|||||||
import React from 'react'
|
import React from 'react'
|
||||||
import AppContainer from '../appContainer'
|
import AppContainer from '../appContainer'
|
||||||
import Image from 'next/image'
|
import Image from 'next/image'
|
||||||
import { MDBContainer, MDBIcon } from 'mdb-react-ui-kit'
|
import { MDBContainer, MDBIcon } from 'mdb-react-ui-kit'
|
||||||
import { Table, TableCaption, TableContainer, Tbody, Td, Th, Thead, Tr } from '@chakra-ui/react'
|
import { Table, TableCaption, TableContainer, Tbody, Td, Th, Thead, Tr } from '@chakra-ui/react'
|
||||||
|
|
||||||
const StockUnit = () => {
|
const StockUnit = () => {
|
||||||
const Parallax = ({ quality }) => {
|
const Parallax = ({ quality }) => {
|
||||||
return `../resource/images/call-center.jpg`
|
return `../resource/images/call-center.jpg`
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
<AppContainer title={' واحد فروش سهام'}>
|
<AppContainer title={' امور سهام'}>
|
||||||
<div className='parallax-container'>
|
<div className='parallax-container'>
|
||||||
<div
|
<div
|
||||||
style={{ fontSize: 30 }}
|
style={{ fontSize: 30 }}
|
||||||
className={'center-align text-white header_back service-text dana font-weight-bold'}
|
className={'center-align text-white header_back service-text dana font-weight-bold'}
|
||||||
>
|
>
|
||||||
واحد فروش سهام
|
امور سهام
|
||||||
</div>
|
</div>
|
||||||
<Image
|
<Image
|
||||||
loader={Parallax}
|
loader={Parallax}
|
||||||
src='Parallax.png'
|
src='Parallax.png'
|
||||||
className={'responsive-img shadow-5'}
|
className={'responsive-img shadow-5'}
|
||||||
alt='واحد فروش سهام بیمارستان مهر ایرانیان'
|
alt='امور سهام بیمارستان مهر ایرانیان'
|
||||||
width={3000}
|
width={3000}
|
||||||
height={1300}
|
height={1300}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<MDBContainer className={'mb-5 mt-5'}>
|
<MDBContainer className={'mb-5 mt-5'}>
|
||||||
<TableContainer alignContent='center' alignItems='center'>
|
<TableContainer alignContent='center' alignItems='center'>
|
||||||
<Table align='center' variant='striped'>
|
<Table align='center' variant='striped'>
|
||||||
<TableCaption className='bk-med'>پاسخگویی و مشاوره خرید سهام </TableCaption>
|
<TableCaption className='bk-med'>پاسخگویی و مشاوره خرید سهام </TableCaption>
|
||||||
<Thead alignContent='center'>
|
<Thead alignContent='center'>
|
||||||
<Tr alignContent='center' alignItems='center' className='text-center bg-gray-200'>
|
<Tr alignContent='center' alignItems='center' className='text-center bg-gray-200'>
|
||||||
<Th className='text-center bk-med'>شماره تماس</Th>
|
<Th className='text-center bk-med'>شماره تماس</Th>
|
||||||
<Th className='text-center bk-med'>کارشناس فروش </Th>
|
<Th className='text-center bk-med'>کارشناس فروش </Th>
|
||||||
</Tr>
|
</Tr>
|
||||||
</Thead>
|
</Thead>
|
||||||
<Tbody>
|
<Tbody>
|
||||||
<Tr>
|
<Tr>
|
||||||
<Td className='text-center'>
|
<Td className='text-center'>
|
||||||
<a className='text-black' href='tel:021-48810805'>
|
<a className='text-black' href='tel:02153457000'>
|
||||||
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
|
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
|
||||||
021-48810805
|
021-53457000 - 1023
|
||||||
</a>
|
</a>
|
||||||
</Td>
|
</Td>
|
||||||
<Td className='text-center'> آقای شمشیری </Td>
|
<Td className='text-center'> خانم باباگلی </Td>
|
||||||
</Tr>
|
</Tr>
|
||||||
<Tr>
|
<Tr>
|
||||||
<Td className='text-center'>
|
<Td className='text-center'>
|
||||||
<a className='text-black' href='tel:021-48810736'>
|
<a className='text-black' href='tel:02153457000'>
|
||||||
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
|
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
|
||||||
021-48810736
|
021-53457000 - 1024
|
||||||
</a>
|
</a>
|
||||||
</Td>
|
</Td>
|
||||||
<Td className='text-center'> محمد سهرابی </Td>
|
<Td className='text-center'> خانم طالبی </Td>
|
||||||
</Tr>
|
</Tr>
|
||||||
|
<Tr>
|
||||||
<Tr>
|
<Td className='text-center'>
|
||||||
<Td className='text-center'>
|
<a className='text-black' href='tel:02153457000'>
|
||||||
<a className='text-black' href='tel:09384085068'>
|
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
|
||||||
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
|
021-53457000 - 1018
|
||||||
09384085068
|
</a>
|
||||||
</a>
|
</Td>
|
||||||
</Td>
|
<Td className='text-center'> خانم کهریزی </Td>
|
||||||
<Td className='text-center'> علی سهرابی </Td>
|
</Tr>
|
||||||
</Tr>
|
<Tr>
|
||||||
|
<Td className='text-center'>
|
||||||
<Tr>
|
<a className='text-black' href='tel:02153457000'>
|
||||||
<Td className='text-center'>
|
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
|
||||||
<a className='text-black' href='tel:09100700881'>
|
021-53457000 - 1025
|
||||||
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
|
</a>
|
||||||
09100700881
|
</Td>
|
||||||
</a>
|
<Td className='text-center'> خانم کاظمیان </Td>
|
||||||
</Td>
|
</Tr>
|
||||||
<Td className='text-center'> رستا رجبی </Td>
|
</Tbody>
|
||||||
</Tr>
|
</Table>
|
||||||
<Tr>
|
</TableContainer>
|
||||||
<Td className='text-center'>
|
</MDBContainer>
|
||||||
<a className='text-black' href='tel:021-48810804'>
|
</AppContainer>
|
||||||
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
|
)
|
||||||
021-48810804
|
}
|
||||||
</a>
|
|
||||||
</Td>
|
export default StockUnit
|
||||||
<Td className='text-center'> رها رجبی </Td>
|
|
||||||
</Tr>
|
|
||||||
<Tr>
|
|
||||||
<Td className='text-center'>
|
|
||||||
<a className='text-black' href='tel:021-48810890'>
|
|
||||||
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
|
|
||||||
021-48810890
|
|
||||||
</a>
|
|
||||||
</Td>
|
|
||||||
<Td className='text-center'> خانم قاسمی </Td>
|
|
||||||
</Tr>
|
|
||||||
<Tr>
|
|
||||||
<Td className='text-center'>
|
|
||||||
<a className='text-black' href='tel:021-48810801'>
|
|
||||||
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
|
|
||||||
021-48810801
|
|
||||||
</a>
|
|
||||||
</Td>
|
|
||||||
<Td className='text-center'> خانم کلهر </Td>
|
|
||||||
</Tr>
|
|
||||||
<Tr>
|
|
||||||
<Td className='text-center'>
|
|
||||||
<a className='text-black' href='tel:021-48810802'>
|
|
||||||
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
|
|
||||||
021-48810802
|
|
||||||
</a>
|
|
||||||
</Td>
|
|
||||||
<Td className='text-center'> خانم اکبری </Td>
|
|
||||||
</Tr>
|
|
||||||
<Tr>
|
|
||||||
<Td className='text-center'>
|
|
||||||
<a className='text-black' href='tel:021-48810803'>
|
|
||||||
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
|
|
||||||
021-48810803
|
|
||||||
</a>
|
|
||||||
</Td>
|
|
||||||
<Td className='text-center'> خانم شیخی </Td>
|
|
||||||
</Tr>
|
|
||||||
<Tr>
|
|
||||||
<Td className='text-center'>
|
|
||||||
<a className='text-black' href='tel:02153457000'>
|
|
||||||
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
|
|
||||||
021-53457000 - 1023
|
|
||||||
</a>
|
|
||||||
</Td>
|
|
||||||
<Td className='text-center'> خانم باباگلی </Td>
|
|
||||||
</Tr>
|
|
||||||
<Tr>
|
|
||||||
<Td className='text-center'>
|
|
||||||
<a className='text-black' href='tel:02153457000'>
|
|
||||||
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
|
|
||||||
021-53457000 - 1024
|
|
||||||
</a>
|
|
||||||
</Td>
|
|
||||||
<Td className='text-center'> خانم طالبی </Td>
|
|
||||||
</Tr>
|
|
||||||
<Tr>
|
|
||||||
<Td className='text-center'>
|
|
||||||
<a className='text-black' href='tel:02153457000'>
|
|
||||||
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
|
|
||||||
021-53457000 - 1018
|
|
||||||
</a>
|
|
||||||
</Td>
|
|
||||||
<Td className='text-center'> خانم کهریزی </Td>
|
|
||||||
</Tr>
|
|
||||||
<Tr>
|
|
||||||
<Td className='text-center'>
|
|
||||||
<a className='text-black' href='tel:02153457000'>
|
|
||||||
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
|
|
||||||
021-53457000 - 1025
|
|
||||||
</a>
|
|
||||||
</Td>
|
|
||||||
<Td className='text-center'> خانم کاظمیان </Td>
|
|
||||||
</Tr>
|
|
||||||
</Tbody>
|
|
||||||
</Table>
|
|
||||||
</TableContainer>
|
|
||||||
</MDBContainer>
|
|
||||||
</AppContainer>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
|
|
||||||
export default StockUnit
|
|
||||||
|
|||||||
+6
-6
@@ -1,6 +1,6 @@
|
|||||||
module.exports = {
|
module.exports = {
|
||||||
plugins: {
|
plugins: {
|
||||||
tailwindcss: {},
|
tailwindcss: {},
|
||||||
autoprefixer: {},
|
autoprefixer: {},
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,136 +1,136 @@
|
|||||||
<svg width="1364" height="385" viewBox="0 0 1364 385" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="1364" height="385" viewBox="0 0 1364 385" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<rect x="934" width="430" height="385" rx="5" fill="#014258"/>
|
<rect x="934" width="430" height="385" rx="5" fill="#014258"/>
|
||||||
<path opacity="0.5" d="M1203.21 204.5C1203.21 218.448 1191.49 229.786 1177 229.786C1162.51 229.786 1150.79 218.448 1150.79 204.5C1150.79 190.552 1162.51 179.214 1177 179.214C1191.49 179.214 1203.21 190.552 1203.21 204.5Z" stroke="url(#paint0_linear_3803_3484)" stroke-opacity="0.4"/>
|
<path opacity="0.5" d="M1203.21 204.5C1203.21 218.448 1191.49 229.786 1177 229.786C1162.51 229.786 1150.79 218.448 1150.79 204.5C1150.79 190.552 1162.51 179.214 1177 179.214C1191.49 179.214 1203.21 190.552 1203.21 204.5Z" stroke="url(#paint0_linear_3803_3484)" stroke-opacity="0.4"/>
|
||||||
<path opacity="0.5" d="M1216.57 204.5C1216.57 225.569 1198.87 242.679 1177 242.679C1155.13 242.679 1137.43 225.569 1137.43 204.5C1137.43 183.431 1155.13 166.321 1177 166.321C1198.87 166.321 1216.57 183.431 1216.57 204.5Z" stroke="white" stroke-opacity="0.1"/>
|
<path opacity="0.5" d="M1216.57 204.5C1216.57 225.569 1198.87 242.679 1177 242.679C1155.13 242.679 1137.43 225.569 1137.43 204.5C1137.43 183.431 1155.13 166.321 1177 166.321C1198.87 166.321 1216.57 183.431 1216.57 204.5Z" stroke="white" stroke-opacity="0.1"/>
|
||||||
<path opacity="0.5" d="M1229.93 204.5C1229.93 232.689 1206.25 255.571 1177 255.571C1147.75 255.571 1124.07 232.689 1124.07 204.5C1124.07 176.311 1147.75 153.429 1177 153.429C1206.25 153.429 1229.93 176.311 1229.93 204.5Z" stroke="url(#paint1_linear_3803_3484)" stroke-opacity="0.4"/>
|
<path opacity="0.5" d="M1229.93 204.5C1229.93 232.689 1206.25 255.571 1177 255.571C1147.75 255.571 1124.07 232.689 1124.07 204.5C1124.07 176.311 1147.75 153.429 1177 153.429C1206.25 153.429 1229.93 176.311 1229.93 204.5Z" stroke="url(#paint1_linear_3803_3484)" stroke-opacity="0.4"/>
|
||||||
<path opacity="0.5" d="M1283.36 204.5C1283.36 261.172 1235.76 307.143 1177 307.143C1118.24 307.143 1070.64 261.172 1070.64 204.5C1070.64 147.828 1118.24 101.857 1177 101.857C1235.76 101.857 1283.36 147.828 1283.36 204.5Z" stroke="url(#paint2_linear_3803_3484)" stroke-opacity="0.4"/>
|
<path opacity="0.5" d="M1283.36 204.5C1283.36 261.172 1235.76 307.143 1177 307.143C1118.24 307.143 1070.64 261.172 1070.64 204.5C1070.64 147.828 1118.24 101.857 1177 101.857C1235.76 101.857 1283.36 147.828 1283.36 204.5Z" stroke="url(#paint2_linear_3803_3484)" stroke-opacity="0.4"/>
|
||||||
<path opacity="0.5" d="M1310.07 204.5C1310.07 275.413 1250.51 332.929 1177 332.929C1103.49 332.929 1043.93 275.413 1043.93 204.5C1043.93 133.587 1103.49 76.0714 1177 76.0714C1250.51 76.0714 1310.07 133.587 1310.07 204.5Z" stroke="url(#paint3_linear_3803_3484)" stroke-opacity="0.4"/>
|
<path opacity="0.5" d="M1310.07 204.5C1310.07 275.413 1250.51 332.929 1177 332.929C1103.49 332.929 1043.93 275.413 1043.93 204.5C1043.93 133.587 1103.49 76.0714 1177 76.0714C1250.51 76.0714 1310.07 133.587 1310.07 204.5Z" stroke="url(#paint3_linear_3803_3484)" stroke-opacity="0.4"/>
|
||||||
<path opacity="0.2" d="M1323.43 204.5C1323.43 282.533 1257.89 345.821 1177 345.821C1096.11 345.821 1030.57 282.533 1030.57 204.5C1030.57 126.467 1096.11 63.1786 1177 63.1786C1257.89 63.1786 1323.43 126.467 1323.43 204.5Z" stroke="white" stroke-opacity="0.1"/>
|
<path opacity="0.2" d="M1323.43 204.5C1323.43 282.533 1257.89 345.821 1177 345.821C1096.11 345.821 1030.57 282.533 1030.57 204.5C1030.57 126.467 1096.11 63.1786 1177 63.1786C1257.89 63.1786 1323.43 126.467 1323.43 204.5Z" stroke="white" stroke-opacity="0.1"/>
|
||||||
<path opacity="0.2" d="M1336.79 204.5C1336.79 289.654 1265.26 358.714 1177 358.714C1088.74 358.714 1017.21 289.654 1017.21 204.5C1017.21 119.346 1088.74 50.2857 1177 50.2857C1265.26 50.2857 1336.79 119.346 1336.79 204.5Z" stroke="url(#paint4_linear_3803_3484)" stroke-opacity="0.4"/>
|
<path opacity="0.2" d="M1336.79 204.5C1336.79 289.654 1265.26 358.714 1177 358.714C1088.74 358.714 1017.21 289.654 1017.21 204.5C1017.21 119.346 1088.74 50.2857 1177 50.2857C1265.26 50.2857 1336.79 119.346 1336.79 204.5Z" stroke="url(#paint4_linear_3803_3484)" stroke-opacity="0.4"/>
|
||||||
<path opacity="0.2" d="M1350.14 204.5C1350.14 296.774 1272.64 371.607 1177 371.607C1081.36 371.607 1003.86 296.774 1003.86 204.5C1003.86 112.226 1081.36 37.3929 1177 37.3929C1272.64 37.3929 1350.14 112.226 1350.14 204.5Z" stroke="white" stroke-opacity="0.1"/>
|
<path opacity="0.2" d="M1350.14 204.5C1350.14 296.774 1272.64 371.607 1177 371.607C1081.36 371.607 1003.86 296.774 1003.86 204.5C1003.86 112.226 1081.36 37.3929 1177 37.3929C1272.64 37.3929 1350.14 112.226 1350.14 204.5Z" stroke="white" stroke-opacity="0.1"/>
|
||||||
<path opacity="0.2" d="M1363.5 204.5C1363.5 303.895 1280.02 384.5 1177 384.5C1073.98 384.5 990.5 303.895 990.5 204.5C990.5 105.105 1073.98 24.5 1177 24.5C1280.02 24.5 1363.5 105.105 1363.5 204.5Z" stroke="url(#paint5_linear_3803_3484)" stroke-opacity="0.4"/>
|
<path opacity="0.2" d="M1363.5 204.5C1363.5 303.895 1280.02 384.5 1177 384.5C1073.98 384.5 990.5 303.895 990.5 204.5C990.5 105.105 1073.98 24.5 1177 24.5C1280.02 24.5 1363.5 105.105 1363.5 204.5Z" stroke="url(#paint5_linear_3803_3484)" stroke-opacity="0.4"/>
|
||||||
<path opacity="0.5" d="M1243.29 204.5C1243.29 239.81 1213.62 268.464 1177 268.464C1140.37 268.464 1110.71 239.81 1110.71 204.5C1110.71 169.19 1140.37 140.536 1177 140.536C1213.62 140.536 1243.29 169.19 1243.29 204.5Z" stroke="white" stroke-opacity="0.1"/>
|
<path opacity="0.5" d="M1243.29 204.5C1243.29 239.81 1213.62 268.464 1177 268.464C1140.37 268.464 1110.71 239.81 1110.71 204.5C1110.71 169.19 1140.37 140.536 1177 140.536C1213.62 140.536 1243.29 169.19 1243.29 204.5Z" stroke="white" stroke-opacity="0.1"/>
|
||||||
<path opacity="0.5" d="M1256.64 204.5C1256.64 246.93 1221 281.357 1177 281.357C1133 281.357 1097.36 246.93 1097.36 204.5C1097.36 162.069 1133 127.643 1177 127.643C1221 127.643 1256.64 162.069 1256.64 204.5Z" stroke="url(#paint6_linear_3803_3484)" stroke-opacity="0.4"/>
|
<path opacity="0.5" d="M1256.64 204.5C1256.64 246.93 1221 281.357 1177 281.357C1133 281.357 1097.36 246.93 1097.36 204.5C1097.36 162.069 1133 127.643 1177 127.643C1221 127.643 1256.64 162.069 1256.64 204.5Z" stroke="url(#paint6_linear_3803_3484)" stroke-opacity="0.4"/>
|
||||||
<path opacity="0.5" d="M1270 204.5C1270 254.051 1228.38 294.25 1177 294.25C1125.62 294.25 1084 254.051 1084 204.5C1084 154.949 1125.62 114.75 1177 114.75C1228.38 114.75 1270 154.949 1270 204.5Z" stroke="white" stroke-opacity="0.1"/>
|
<path opacity="0.5" d="M1270 204.5C1270 254.051 1228.38 294.25 1177 294.25C1125.62 294.25 1084 254.051 1084 204.5C1084 154.949 1125.62 114.75 1177 114.75C1228.38 114.75 1270 154.949 1270 204.5Z" stroke="white" stroke-opacity="0.1"/>
|
||||||
<path opacity="0.5" d="M1296.71 204.5C1296.71 268.292 1243.13 320.036 1177 320.036C1110.87 320.036 1057.29 268.292 1057.29 204.5C1057.29 140.708 1110.87 88.9643 1177 88.9643C1243.13 88.9643 1296.71 140.708 1296.71 204.5Z" stroke="white" stroke-opacity="0.1"/>
|
<path opacity="0.5" d="M1296.71 204.5C1296.71 268.292 1243.13 320.036 1177 320.036C1110.87 320.036 1057.29 268.292 1057.29 204.5C1057.29 140.708 1110.87 88.9643 1177 88.9643C1243.13 88.9643 1296.71 140.708 1296.71 204.5Z" stroke="white" stroke-opacity="0.1"/>
|
||||||
<circle cx="183" cy="61" r="50" fill="#57C5C6" fill-opacity="0.08"/>
|
<circle cx="183" cy="61" r="50" fill="#57C5C6" fill-opacity="0.08"/>
|
||||||
<circle cx="15" cy="121" r="15" fill="#57C5C6" fill-opacity="0.3"/>
|
<circle cx="15" cy="121" r="15" fill="#57C5C6" fill-opacity="0.3"/>
|
||||||
<rect x="157.596" y="150" width="48" height="48" rx="5" transform="rotate(38.0664 157.596 150)" fill="#002835"/>
|
<rect x="157.596" y="150" width="48" height="48" rx="5" transform="rotate(38.0664 157.596 150)" fill="#002835"/>
|
||||||
<g clip-path="url(#clip0_3803_3484)">
|
<g clip-path="url(#clip0_3803_3484)">
|
||||||
<path opacity="0.4" d="M156.389 178.802C154.986 180.673 152.631 183.908 152.375 184.268C151.849 185.054 151.546 186.027 151.574 186.902C151.608 188.127 152.107 189.052 153.164 189.88C154.619 191.032 156.23 192.294 157.794 193.519C159.365 194.749 160.889 195.943 162.183 196.943C163.225 197.759 164.273 198.031 165.456 197.774C166.312 197.591 167.19 197.056 167.806 196.352C168.05 196.073 170.806 192.717 172.127 191.127L156.389 178.802Z" fill="#D4A704"/>
|
<path opacity="0.4" d="M156.389 178.802C154.986 180.673 152.631 183.908 152.375 184.268C151.849 185.054 151.546 186.027 151.574 186.902C151.608 188.127 152.107 189.052 153.164 189.88C154.619 191.032 156.23 192.294 157.794 193.519C159.365 194.749 160.889 195.943 162.183 196.943C163.225 197.759 164.273 198.031 165.456 197.774C166.312 197.591 167.19 197.056 167.806 196.352C168.05 196.073 170.806 192.717 172.127 191.127L156.389 178.802Z" fill="#D4A704"/>
|
||||||
<path d="M161.013 187.892L160.215 188.911C159.96 189.237 160.017 189.708 160.343 189.964C160.669 190.219 161.141 190.162 161.396 189.836L162.194 188.817C162.449 188.491 162.392 188.019 162.066 187.764C161.74 187.509 161.268 187.566 161.013 187.892Z" fill="#D4A704"/>
|
<path d="M161.013 187.892L160.215 188.911C159.96 189.237 160.017 189.708 160.343 189.964C160.669 190.219 161.141 190.162 161.396 189.836L162.194 188.817C162.449 188.491 162.392 188.019 162.066 187.764C161.74 187.509 161.268 187.566 161.013 187.892Z" fill="#D4A704"/>
|
||||||
<path d="M170.872 178.613C172.053 179.539 172.327 181.187 171.579 182.446L173.136 183.665C174.788 184.959 175.08 187.357 173.785 189.01L171.648 191.739C171.493 191.937 171.248 192.044 170.998 192.025C168.533 191.828 166.045 191.034 163.804 189.73C163.773 189.713 163.745 189.693 163.719 189.672C163.452 189.463 163.354 189.096 163.495 188.779C163.826 188.028 163.601 187.144 162.946 186.631C162.283 186.112 161.385 186.1 160.709 186.603C160.407 186.827 159.989 186.794 159.722 186.522C157.933 184.669 156.572 182.453 155.789 180.114C155.708 179.875 155.755 179.612 155.91 179.414L158.047 176.685C159.342 175.031 161.743 174.742 163.4 176.04L164.949 177.253C165.992 176.226 167.656 176.095 168.839 177.021L170.872 178.613ZM169.947 179.794L167.914 178.202C167.384 177.787 166.658 177.803 166.143 178.188L170.384 181.51C170.635 180.917 170.476 180.209 169.947 179.794Z" fill="#D4A704"/>
|
<path d="M170.872 178.613C172.053 179.539 172.327 181.187 171.579 182.446L173.136 183.665C174.788 184.959 175.08 187.357 173.785 189.01L171.648 191.739C171.493 191.937 171.248 192.044 170.998 192.025C168.533 191.828 166.045 191.034 163.804 189.73C163.773 189.713 163.745 189.693 163.719 189.672C163.452 189.463 163.354 189.096 163.495 188.779C163.826 188.028 163.601 187.144 162.946 186.631C162.283 186.112 161.385 186.1 160.709 186.603C160.407 186.827 159.989 186.794 159.722 186.522C157.933 184.669 156.572 182.453 155.789 180.114C155.708 179.875 155.755 179.612 155.91 179.414L158.047 176.685C159.342 175.031 161.743 174.742 163.4 176.04L164.949 177.253C165.992 176.226 167.656 176.095 168.839 177.021L170.872 178.613ZM169.947 179.794L167.914 178.202C167.384 177.787 166.658 177.803 166.143 178.188L170.384 181.51C170.635 180.917 170.476 180.209 169.947 179.794Z" fill="#D4A704"/>
|
||||||
</g>
|
</g>
|
||||||
<g filter="url(#filter0_d_3803_3484)">
|
<g filter="url(#filter0_d_3803_3484)">
|
||||||
<rect x="157.596" y="150" width="8" height="48" rx="4" transform="rotate(38.0664 157.596 150)" fill="#D4A704"/>
|
<rect x="157.596" y="150" width="8" height="48" rx="4" transform="rotate(38.0664 157.596 150)" fill="#D4A704"/>
|
||||||
</g>
|
</g>
|
||||||
<rect x="180.955" y="288" width="40" height="40" rx="5" transform="rotate(10.0124 180.955 288)" fill="#002835"/>
|
<rect x="180.955" y="288" width="40" height="40" rx="5" transform="rotate(10.0124 180.955 288)" fill="#002835"/>
|
||||||
<g filter="url(#filter1_d_3803_3484)">
|
<g filter="url(#filter1_d_3803_3484)">
|
||||||
<rect x="180.955" y="288" width="6.66667" height="40" rx="3.33333" transform="rotate(10.0124 180.955 288)" fill="#F3416C"/>
|
<rect x="180.955" y="288" width="6.66667" height="40" rx="3.33333" transform="rotate(10.0124 180.955 288)" fill="#F3416C"/>
|
||||||
</g>
|
</g>
|
||||||
<g clip-path="url(#clip1_3803_3484)">
|
<g clip-path="url(#clip1_3803_3484)">
|
||||||
<path opacity="0.4" d="M205.359 303.658L196.159 302.034C192.807 301.442 190.572 303.006 189.98 306.359L188.357 315.55C187.765 318.903 189.33 321.138 192.682 321.73L201.882 323.354C205.235 323.946 207.461 322.38 208.053 319.027L209.675 309.836C210.267 306.484 208.712 304.25 205.359 303.658Z" fill="#F3416C"/>
|
<path opacity="0.4" d="M205.359 303.658L196.159 302.034C192.807 301.442 190.572 303.006 189.98 306.359L188.357 315.55C187.765 318.903 189.33 321.138 192.682 321.73L201.882 323.354C205.235 323.946 207.461 322.38 208.053 319.027L209.675 309.836C210.267 306.484 208.712 304.25 205.359 303.658Z" fill="#F3416C"/>
|
||||||
<path d="M194.913 309.297C194.466 309.218 194.034 309.521 193.953 309.976L192.759 316.743C192.68 317.189 192.983 317.622 193.429 317.7C193.884 317.781 194.317 317.478 194.396 317.032L195.59 310.265C195.671 309.81 195.368 309.377 194.913 309.297Z" fill="#F3416C"/>
|
<path d="M194.913 309.297C194.466 309.218 194.034 309.521 193.953 309.976L192.759 316.743C192.68 317.189 192.983 317.622 193.429 317.7C193.884 317.781 194.317 317.478 194.396 317.032L195.59 310.265C195.671 309.81 195.368 309.377 194.913 309.297Z" fill="#F3416C"/>
|
||||||
<path d="M200.079 306.878C199.632 306.799 199.2 307.102 199.119 307.557L197.354 317.554C197.276 318 197.578 318.433 198.025 318.512C198.48 318.592 198.913 318.289 198.991 317.843L200.756 307.846C200.837 307.391 200.534 306.959 200.079 306.878Z" fill="#F3416C"/>
|
<path d="M200.079 306.878C199.632 306.799 199.2 307.102 199.119 307.557L197.354 317.554C197.276 318 197.578 318.433 198.025 318.512C198.48 318.592 198.913 318.289 198.991 317.843L200.756 307.846C200.837 307.391 200.534 306.959 200.079 306.878Z" fill="#F3416C"/>
|
||||||
<path d="M203.413 314.48C202.957 314.4 202.525 314.703 202.445 315.158L201.88 318.353C201.802 318.799 202.104 319.232 202.551 319.311C203.006 319.391 203.439 319.088 203.517 318.642L204.081 315.447C204.162 314.992 203.859 314.559 203.413 314.48Z" fill="#F3416C"/>
|
<path d="M203.413 314.48C202.957 314.4 202.525 314.703 202.445 315.158L201.88 318.353C201.802 318.799 202.104 319.232 202.551 319.311C203.006 319.391 203.439 319.088 203.517 318.642L204.081 315.447C204.162 314.992 203.859 314.559 203.413 314.48Z" fill="#F3416C"/>
|
||||||
</g>
|
</g>
|
||||||
<rect x="44.7031" y="168" width="40" height="40" rx="5" transform="rotate(60.1781 44.7031 168)" fill="#002835"/>
|
<rect x="44.7031" y="168" width="40" height="40" rx="5" transform="rotate(60.1781 44.7031 168)" fill="#002835"/>
|
||||||
<g filter="url(#filter2_d_3803_3484)">
|
<g filter="url(#filter2_d_3803_3484)">
|
||||||
<rect x="44.7031" y="168" width="6.66667" height="40" rx="3.33333" transform="rotate(60.1781 44.7031 168)" fill="#6BB0EB"/>
|
<rect x="44.7031" y="168" width="6.66667" height="40" rx="3.33333" transform="rotate(60.1781 44.7031 168)" fill="#6BB0EB"/>
|
||||||
</g>
|
</g>
|
||||||
<g clip-path="url(#clip2_3803_3484)">
|
<g clip-path="url(#clip2_3803_3484)">
|
||||||
<path d="M47.9163 196.241C49.6502 199.219 48.9648 201.975 46.0617 203.665L46.0295 203.684L43.8989 200.024C42.9045 198.322 40.7561 197.726 39.0938 198.69C37.4281 199.656 36.881 201.824 37.8725 203.532L40.0048 207.195L39.7404 207.349C36.8373 209.039 34.096 208.278 32.3622 205.3L27.8171 197.493C26.0829 194.514 26.775 191.755 29.6781 190.064L36.0012 186.383C38.9043 184.693 41.6388 185.458 43.3731 188.437L47.9163 196.241ZM42.4894 194.621L39.65 189.743C39.4374 189.382 38.9793 189.254 38.6241 189.459C38.2674 189.665 38.1493 190.129 38.3602 190.494L41.2032 195.378C41.4171 195.742 41.8787 195.868 42.2343 195.659C42.5892 195.45 42.7033 194.985 42.4894 194.621Z" fill="#6BB0EB"/>
|
<path d="M47.9163 196.241C49.6502 199.219 48.9648 201.975 46.0617 203.665L46.0295 203.684L43.8989 200.024C42.9045 198.322 40.7561 197.726 39.0938 198.69C37.4281 199.656 36.881 201.824 37.8725 203.532L40.0048 207.195L39.7404 207.349C36.8373 209.039 34.096 208.278 32.3622 205.3L27.8171 197.493C26.0829 194.514 26.775 191.755 29.6781 190.064L36.0012 186.383C38.9043 184.693 41.6388 185.458 43.3731 188.437L47.9163 196.241ZM42.4894 194.621L39.65 189.743C39.4374 189.382 38.9793 189.254 38.6241 189.459C38.2674 189.665 38.1493 190.129 38.3602 190.494L41.2032 195.378C41.4171 195.742 41.8787 195.868 42.2343 195.659C42.5892 195.45 42.7033 194.985 42.4894 194.621Z" fill="#6BB0EB"/>
|
||||||
<path opacity="0.4" d="M39.6419 200.507C38.9251 201.166 38.7663 202.223 39.2604 203.037L40.8954 205.846C41.0948 206.188 41.54 206.301 41.8904 206.097L44.0783 204.823C44.4276 204.619 44.5506 204.176 44.352 203.834L42.6785 200.959C42.1306 200.025 40.9136 199.721 39.957 200.28C39.845 200.345 39.7393 200.421 39.6419 200.507Z" fill="#6BB0EB"/>
|
<path opacity="0.4" d="M39.6419 200.507C38.9251 201.166 38.7663 202.223 39.2604 203.037L40.8954 205.846C41.0948 206.188 41.54 206.301 41.8904 206.097L44.0783 204.823C44.4276 204.619 44.5506 204.176 44.352 203.834L42.6785 200.959C42.1306 200.025 40.9136 199.721 39.957 200.28C39.845 200.345 39.7393 200.421 39.6419 200.507Z" fill="#6BB0EB"/>
|
||||||
<path d="M40.1087 202.506C40.3865 202.984 40.9987 203.145 41.476 202.867C41.9533 202.589 42.115 201.977 41.8371 201.5C41.5592 201.023 40.9471 200.861 40.4698 201.139C39.9925 201.417 39.8308 202.029 40.1087 202.506Z" fill="#6BB0EB"/>
|
<path d="M40.1087 202.506C40.3865 202.984 40.9987 203.145 41.476 202.867C41.9533 202.589 42.115 201.977 41.8371 201.5C41.5592 201.023 40.9471 200.861 40.4698 201.139C39.9925 201.417 39.8308 202.029 40.1087 202.506Z" fill="#6BB0EB"/>
|
||||||
</g>
|
</g>
|
||||||
<rect x="113.703" y="223" width="40" height="40" rx="5" transform="rotate(60.1781 113.703 223)" fill="#002835"/>
|
<rect x="113.703" y="223" width="40" height="40" rx="5" transform="rotate(60.1781 113.703 223)" fill="#002835"/>
|
||||||
<g filter="url(#filter3_d_3803_3484)">
|
<g filter="url(#filter3_d_3803_3484)">
|
||||||
<rect x="113.703" y="223" width="6.66667" height="40" rx="3.33333" transform="rotate(60.1781 113.703 223)" fill="#50CD89"/>
|
<rect x="113.703" y="223" width="6.66667" height="40" rx="3.33333" transform="rotate(60.1781 113.703 223)" fill="#50CD89"/>
|
||||||
</g>
|
</g>
|
||||||
<g clip-path="url(#clip3_3803_3484)">
|
<g clip-path="url(#clip3_3803_3484)">
|
||||||
<path opacity="0.4" d="M99.8435 258.353C99.781 258.246 99.7431 258.125 99.7367 257.999L99.5295 253.949C99.4712 252.8 99.581 251.81 99.8639 250.922C100.482 248.978 101.777 247.342 103.511 246.314L109.219 242.93C109.878 242.54 110.721 242.62 111.317 243.127L116.643 247.673C116.963 247.941 117.185 248.319 117.27 248.732L118.696 255.586C118.856 256.353 118.52 257.131 117.862 257.52L112.15 260.907C110.418 261.934 108.363 262.284 106.363 261.895C105.445 261.717 104.525 261.337 103.549 260.735L100.103 258.615C99.995 258.55 99.9068 258.459 99.8435 258.353Z" fill="#50CD89"/>
|
<path opacity="0.4" d="M99.8435 258.353C99.781 258.246 99.7431 258.125 99.7367 257.999L99.5295 253.949C99.4712 252.8 99.581 251.81 99.8639 250.922C100.482 248.978 101.777 247.342 103.511 246.314L109.219 242.93C109.878 242.54 110.721 242.62 111.317 243.127L116.643 247.673C116.963 247.941 117.185 248.319 117.27 248.732L118.696 255.586C118.856 256.353 118.52 257.131 117.862 257.52L112.15 260.907C110.418 261.934 108.363 262.284 106.363 261.895C105.445 261.717 104.525 261.337 103.549 260.735L100.103 258.615C99.995 258.55 99.9068 258.459 99.8435 258.353Z" fill="#50CD89"/>
|
||||||
<path d="M106.087 253.816C105.989 253.65 105.951 253.448 106 253.247L106.625 250.662C106.722 250.262 107.122 250.025 107.519 250.133C107.917 250.24 108.16 250.651 108.064 251.051L107.615 252.911L112.181 254.144C112.579 254.252 112.822 254.663 112.725 255.062C112.628 255.463 112.227 255.701 111.831 255.593L106.545 254.166C106.345 254.112 106.186 253.983 106.087 253.816Z" fill="#50CD89"/>
|
<path d="M106.087 253.816C105.989 253.65 105.951 253.448 106 253.247L106.625 250.662C106.722 250.262 107.122 250.025 107.519 250.133C107.917 250.24 108.16 250.651 108.064 251.051L107.615 252.911L112.181 254.144C112.579 254.252 112.822 254.663 112.725 255.062C112.628 255.463 112.227 255.701 111.831 255.593L106.545 254.166C106.345 254.112 106.186 253.983 106.087 253.816Z" fill="#50CD89"/>
|
||||||
</g>
|
</g>
|
||||||
<defs>
|
<defs>
|
||||||
<filter id="filter0_d_3803_3484" x="126.615" y="148.615" width="40.6631" height="47.4922" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
<filter id="filter0_d_3803_3484" x="126.615" y="148.615" width="40.6631" height="47.4922" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||||
<feOffset dx="1" dy="1"/>
|
<feOffset dx="1" dy="1"/>
|
||||||
<feGaussianBlur stdDeviation="2"/>
|
<feGaussianBlur stdDeviation="2"/>
|
||||||
<feComposite in2="hardAlpha" operator="out"/>
|
<feComposite in2="hardAlpha" operator="out"/>
|
||||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
|
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
|
||||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3803_3484"/>
|
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3803_3484"/>
|
||||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3803_3484" result="shape"/>
|
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3803_3484" result="shape"/>
|
||||||
</filter>
|
</filter>
|
||||||
<filter id="filter1_d_3803_3484" x="171.529" y="285.528" width="20.4629" height="47.4935" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
<filter id="filter1_d_3803_3484" x="171.529" y="285.528" width="20.4629" height="47.4935" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||||
<feOffset dx="1" dy="1"/>
|
<feOffset dx="1" dy="1"/>
|
||||||
<feGaussianBlur stdDeviation="2"/>
|
<feGaussianBlur stdDeviation="2"/>
|
||||||
<feComposite in2="hardAlpha" operator="out"/>
|
<feComposite in2="hardAlpha" operator="out"/>
|
||||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
|
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
|
||||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3803_3484"/>
|
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3803_3484"/>
|
||||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3803_3484" result="shape"/>
|
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3803_3484" result="shape"/>
|
||||||
</filter>
|
</filter>
|
||||||
<filter id="filter2_d_3803_3484" x="8.21582" y="166.216" width="43.5869" height="31.2447" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
<filter id="filter2_d_3803_3484" x="8.21582" y="166.216" width="43.5869" height="31.2447" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||||
<feOffset dx="1" dy="1"/>
|
<feOffset dx="1" dy="1"/>
|
||||||
<feGaussianBlur stdDeviation="2"/>
|
<feGaussianBlur stdDeviation="2"/>
|
||||||
<feComposite in2="hardAlpha" operator="out"/>
|
<feComposite in2="hardAlpha" operator="out"/>
|
||||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
|
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
|
||||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3803_3484"/>
|
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3803_3484"/>
|
||||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3803_3484" result="shape"/>
|
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3803_3484" result="shape"/>
|
||||||
</filter>
|
</filter>
|
||||||
<filter id="filter3_d_3803_3484" x="77.2158" y="221.216" width="43.5869" height="31.2447" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
<filter id="filter3_d_3803_3484" x="77.2158" y="221.216" width="43.5869" height="31.2447" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||||
<feOffset dx="1" dy="1"/>
|
<feOffset dx="1" dy="1"/>
|
||||||
<feGaussianBlur stdDeviation="2"/>
|
<feGaussianBlur stdDeviation="2"/>
|
||||||
<feComposite in2="hardAlpha" operator="out"/>
|
<feComposite in2="hardAlpha" operator="out"/>
|
||||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
|
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
|
||||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3803_3484"/>
|
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3803_3484"/>
|
||||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3803_3484" result="shape"/>
|
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3803_3484" result="shape"/>
|
||||||
</filter>
|
</filter>
|
||||||
<linearGradient id="paint0_linear_3803_3484" x1="1177" y1="178.714" x2="1177" y2="230.286" gradientUnits="userSpaceOnUse">
|
<linearGradient id="paint0_linear_3803_3484" x1="1177" y1="178.714" x2="1177" y2="230.286" gradientUnits="userSpaceOnUse">
|
||||||
<stop stop-color="#93B7FF"/>
|
<stop stop-color="#93B7FF"/>
|
||||||
<stop offset="1" stop-color="white"/>
|
<stop offset="1" stop-color="white"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<linearGradient id="paint1_linear_3803_3484" x1="1177" y1="152.929" x2="1177" y2="256.071" gradientUnits="userSpaceOnUse">
|
<linearGradient id="paint1_linear_3803_3484" x1="1177" y1="152.929" x2="1177" y2="256.071" gradientUnits="userSpaceOnUse">
|
||||||
<stop stop-color="#93B7FF"/>
|
<stop stop-color="#93B7FF"/>
|
||||||
<stop offset="1" stop-color="white"/>
|
<stop offset="1" stop-color="white"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<linearGradient id="paint2_linear_3803_3484" x1="1177" y1="101.357" x2="1177" y2="307.643" gradientUnits="userSpaceOnUse">
|
<linearGradient id="paint2_linear_3803_3484" x1="1177" y1="101.357" x2="1177" y2="307.643" gradientUnits="userSpaceOnUse">
|
||||||
<stop stop-color="#93B7FF"/>
|
<stop stop-color="#93B7FF"/>
|
||||||
<stop offset="1" stop-color="white"/>
|
<stop offset="1" stop-color="white"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<linearGradient id="paint3_linear_3803_3484" x1="1177" y1="75.5714" x2="1177" y2="333.429" gradientUnits="userSpaceOnUse">
|
<linearGradient id="paint3_linear_3803_3484" x1="1177" y1="75.5714" x2="1177" y2="333.429" gradientUnits="userSpaceOnUse">
|
||||||
<stop stop-color="#93B7FF"/>
|
<stop stop-color="#93B7FF"/>
|
||||||
<stop offset="1" stop-color="white"/>
|
<stop offset="1" stop-color="white"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<linearGradient id="paint4_linear_3803_3484" x1="1177" y1="49.7857" x2="1177" y2="359.214" gradientUnits="userSpaceOnUse">
|
<linearGradient id="paint4_linear_3803_3484" x1="1177" y1="49.7857" x2="1177" y2="359.214" gradientUnits="userSpaceOnUse">
|
||||||
<stop stop-color="#93B7FF"/>
|
<stop stop-color="#93B7FF"/>
|
||||||
<stop offset="1" stop-color="white"/>
|
<stop offset="1" stop-color="white"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<linearGradient id="paint5_linear_3803_3484" x1="1177" y1="24" x2="1177" y2="385" gradientUnits="userSpaceOnUse">
|
<linearGradient id="paint5_linear_3803_3484" x1="1177" y1="24" x2="1177" y2="385" gradientUnits="userSpaceOnUse">
|
||||||
<stop stop-color="#93B7FF"/>
|
<stop stop-color="#93B7FF"/>
|
||||||
<stop offset="1" stop-color="white"/>
|
<stop offset="1" stop-color="white"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<linearGradient id="paint6_linear_3803_3484" x1="1177" y1="127.143" x2="1177" y2="281.857" gradientUnits="userSpaceOnUse">
|
<linearGradient id="paint6_linear_3803_3484" x1="1177" y1="127.143" x2="1177" y2="281.857" gradientUnits="userSpaceOnUse">
|
||||||
<stop stop-color="#93B7FF"/>
|
<stop stop-color="#93B7FF"/>
|
||||||
<stop offset="1" stop-color="white"/>
|
<stop offset="1" stop-color="white"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<clipPath id="clip0_3803_3484">
|
<clipPath id="clip0_3803_3484">
|
||||||
<rect width="24" height="24" fill="white" transform="translate(161.645 168.846) rotate(38.0664)"/>
|
<rect width="24" height="24" fill="white" transform="translate(161.645 168.846) rotate(38.0664)"/>
|
||||||
</clipPath>
|
</clipPath>
|
||||||
<clipPath id="clip1_3803_3484">
|
<clipPath id="clip1_3803_3484">
|
||||||
<rect width="24" height="24" fill="white" transform="translate(189.285 298.79) rotate(10.0124)"/>
|
<rect width="24" height="24" fill="white" transform="translate(189.285 298.79) rotate(10.0124)"/>
|
||||||
</clipPath>
|
</clipPath>
|
||||||
<clipPath id="clip2_3803_3484">
|
<clipPath id="clip2_3803_3484">
|
||||||
<rect width="24" height="24" fill="white" transform="translate(42.2012 180.46) rotate(59.7938)"/>
|
<rect width="24" height="24" fill="white" transform="translate(42.2012 180.46) rotate(59.7938)"/>
|
||||||
</clipPath>
|
</clipPath>
|
||||||
<clipPath id="clip3_3803_3484">
|
<clipPath id="clip3_3803_3484">
|
||||||
<rect width="24" height="24" fill="white" transform="translate(112.741 236.819) rotate(59.7033)"/>
|
<rect width="24" height="24" fill="white" transform="translate(112.741 236.819) rotate(59.7033)"/>
|
||||||
</clipPath>
|
</clipPath>
|
||||||
</defs>
|
</defs>
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 15 KiB |
@@ -1,73 +1,73 @@
|
|||||||
<svg width="296" height="289" viewBox="0 0 296 289" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="296" height="289" viewBox="0 0 296 289" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<rect x="272.173" y="248" width="24" height="24" rx="5" transform="rotate(10.0124 272.173 248)" fill="#002835"/>
|
<rect x="272.173" y="248" width="24" height="24" rx="5" transform="rotate(10.0124 272.173 248)" fill="#002835"/>
|
||||||
<g filter="url(#filter0_d_3844_3374)">
|
<g filter="url(#filter0_d_3844_3374)">
|
||||||
<rect x="272.173" y="248" width="4" height="24" rx="2" transform="rotate(10.0124 272.173 248)" fill="#F3416C"/>
|
<rect x="272.173" y="248" width="4" height="24" rx="2" transform="rotate(10.0124 272.173 248)" fill="#F3416C"/>
|
||||||
</g>
|
</g>
|
||||||
<g clip-path="url(#clip0_3844_3374)">
|
<g clip-path="url(#clip0_3844_3374)">
|
||||||
<path opacity="0.4" d="M286.815 257.395L281.295 256.42C279.283 256.065 277.942 257.004 277.587 259.015L276.614 264.53C276.258 266.542 277.197 267.883 279.208 268.238L284.728 269.212C286.74 269.567 288.076 268.628 288.431 266.616L289.404 261.102C289.76 259.09 288.826 257.75 286.815 257.395Z" fill="#F3416C"/>
|
<path opacity="0.4" d="M286.815 257.395L281.295 256.42C279.283 256.065 277.942 257.004 277.587 259.015L276.614 264.53C276.258 266.542 277.197 267.883 279.208 268.238L284.728 269.212C286.74 269.567 288.076 268.628 288.431 266.616L289.404 261.102C289.76 259.09 288.826 257.75 286.815 257.395Z" fill="#F3416C"/>
|
||||||
<path d="M280.547 260.778C280.279 260.731 280.02 260.913 279.971 261.186L279.255 265.246C279.207 265.513 279.389 265.773 279.657 265.82C279.93 265.868 280.19 265.687 280.237 265.419L280.954 261.359C281.002 261.086 280.82 260.826 280.547 260.778Z" fill="#F3416C"/>
|
<path d="M280.547 260.778C280.279 260.731 280.02 260.913 279.971 261.186L279.255 265.246C279.207 265.513 279.389 265.773 279.657 265.82C279.93 265.868 280.19 265.687 280.237 265.419L280.954 261.359C281.002 261.086 280.82 260.826 280.547 260.778Z" fill="#F3416C"/>
|
||||||
<path d="M283.647 259.327C283.379 259.28 283.119 259.461 283.071 259.734L282.012 265.732C281.965 266 282.146 266.26 282.414 266.307C282.687 266.355 282.947 266.174 282.994 265.906L284.053 259.908C284.101 259.635 283.92 259.375 283.647 259.327Z" fill="#F3416C"/>
|
<path d="M283.647 259.327C283.379 259.28 283.119 259.461 283.071 259.734L282.012 265.732C281.965 266 282.146 266.26 282.414 266.307C282.687 266.355 282.947 266.174 282.994 265.906L284.053 259.908C284.101 259.635 283.92 259.375 283.647 259.327Z" fill="#F3416C"/>
|
||||||
<path d="M285.647 263.888C285.374 263.84 285.114 264.022 285.066 264.295L284.728 266.212C284.68 266.48 284.862 266.739 285.13 266.786C285.403 266.835 285.663 266.653 285.71 266.385L286.048 264.468C286.097 264.195 285.915 263.935 285.647 263.888Z" fill="#F3416C"/>
|
<path d="M285.647 263.888C285.374 263.84 285.114 264.022 285.066 264.295L284.728 266.212C284.68 266.48 284.862 266.739 285.13 266.786C285.403 266.835 285.663 266.653 285.71 266.385L286.048 264.468C286.097 264.195 285.915 263.935 285.647 263.888Z" fill="#F3416C"/>
|
||||||
</g>
|
</g>
|
||||||
<rect x="20.4971" y="246" width="30" height="30" rx="5" transform="rotate(38.0664 20.4971 246)" fill="#002835"/>
|
<rect x="20.4971" y="246" width="30" height="30" rx="5" transform="rotate(38.0664 20.4971 246)" fill="#002835"/>
|
||||||
<g clip-path="url(#clip1_3844_3374)">
|
<g clip-path="url(#clip1_3844_3374)">
|
||||||
<path opacity="0.4" d="M19.7427 264.001C18.8663 265.171 17.3941 267.193 17.234 267.417C16.9056 267.909 16.716 268.517 16.7336 269.064C16.7549 269.829 17.0666 270.408 17.7274 270.925C18.6368 271.645 19.6436 272.434 20.6213 273.199C21.603 273.968 22.5556 274.714 23.364 275.339C24.0154 275.85 24.6705 276.02 25.4096 275.859C25.9451 275.744 26.4938 275.41 26.8784 274.97C27.0312 274.795 28.7533 272.698 29.579 271.704L19.7427 264.001Z" fill="#D4A704"/>
|
<path opacity="0.4" d="M19.7427 264.001C18.8663 265.171 17.3941 267.193 17.234 267.417C16.9056 267.909 16.716 268.517 16.7336 269.064C16.7549 269.829 17.0666 270.408 17.7274 270.925C18.6368 271.645 19.6436 272.434 20.6213 273.199C21.603 273.968 22.5556 274.714 23.364 275.339C24.0154 275.85 24.6705 276.02 25.4096 275.859C25.9451 275.744 26.4938 275.41 26.8784 274.97C27.0312 274.795 28.7533 272.698 29.579 271.704L19.7427 264.001Z" fill="#D4A704"/>
|
||||||
<path d="M22.6329 269.683L22.1342 270.319C21.9747 270.523 22.0105 270.818 22.2142 270.977C22.4179 271.137 22.7128 271.101 22.8723 270.897L23.3709 270.261C23.5305 270.057 23.4946 269.762 23.2909 269.602C23.0872 269.443 22.7924 269.479 22.6329 269.683Z" fill="#D4A704"/>
|
<path d="M22.6329 269.683L22.1342 270.319C21.9747 270.523 22.0105 270.818 22.2142 270.977C22.4179 271.137 22.7128 271.101 22.8723 270.897L23.3709 270.261C23.5305 270.057 23.4946 269.762 23.2909 269.602C23.0872 269.443 22.7924 269.479 22.6329 269.683Z" fill="#D4A704"/>
|
||||||
<path d="M28.7946 263.883C29.5332 264.462 29.7038 265.492 29.2368 266.279L30.2096 267.04C31.2424 267.849 31.4247 269.348 30.6154 270.381L29.2798 272.087C29.1827 272.211 29.0296 272.278 28.8732 272.265C27.3326 272.142 25.7777 271.646 24.3773 270.831C24.3582 270.82 24.3407 270.808 24.3239 270.795C24.1571 270.665 24.0963 270.435 24.1839 270.237C24.3913 269.767 24.2502 269.215 23.8413 268.895C23.4269 268.57 22.8651 268.563 22.4429 268.877C22.2539 269.017 21.9927 268.996 21.826 268.826C20.7079 267.668 19.857 266.283 19.3681 264.821C19.3174 264.672 19.3464 264.507 19.4435 264.383L20.7792 262.678C21.5884 261.645 23.089 261.464 24.1248 262.275L25.0927 263.033C25.7447 262.391 26.785 262.31 27.5241 262.888L28.7946 263.883ZM28.2166 264.621L26.9461 263.626C26.6149 263.367 26.1611 263.377 25.8391 263.618L28.4899 265.694C28.6465 265.323 28.5472 264.88 28.2166 264.621Z" fill="#D4A704"/>
|
<path d="M28.7946 263.883C29.5332 264.462 29.7038 265.492 29.2368 266.279L30.2096 267.04C31.2424 267.849 31.4247 269.348 30.6154 270.381L29.2798 272.087C29.1827 272.211 29.0296 272.278 28.8732 272.265C27.3326 272.142 25.7777 271.646 24.3773 270.831C24.3582 270.82 24.3407 270.808 24.3239 270.795C24.1571 270.665 24.0963 270.435 24.1839 270.237C24.3913 269.767 24.2502 269.215 23.8413 268.895C23.4269 268.57 22.8651 268.563 22.4429 268.877C22.2539 269.017 21.9927 268.996 21.826 268.826C20.7079 267.668 19.857 266.283 19.3681 264.821C19.3174 264.672 19.3464 264.507 19.4435 264.383L20.7792 262.678C21.5884 261.645 23.089 261.464 24.1248 262.275L25.0927 263.033C25.7447 262.391 26.785 262.31 27.5241 262.888L28.7946 263.883ZM28.2166 264.621L26.9461 263.626C26.6149 263.367 26.1611 263.377 25.8391 263.618L28.4899 265.694C28.6465 265.323 28.5472 264.88 28.2166 264.621Z" fill="#D4A704"/>
|
||||||
</g>
|
</g>
|
||||||
<g filter="url(#filter1_d_3844_3374)">
|
<g filter="url(#filter1_d_3844_3374)">
|
||||||
<rect x="20.4971" y="246" width="5" height="30" rx="2.5" transform="rotate(38.0664 20.4971 246)" fill="#D4A704"/>
|
<rect x="20.4971" y="246" width="5" height="30" rx="2.5" transform="rotate(38.0664 20.4971 246)" fill="#D4A704"/>
|
||||||
</g>
|
</g>
|
||||||
<g opacity="0.5">
|
<g opacity="0.5">
|
||||||
<rect x="12" y="13.7792" width="20" height="20" rx="5" transform="rotate(-43.5478 12 13.7792)" fill="#002835"/>
|
<rect x="12" y="13.7792" width="20" height="20" rx="5" transform="rotate(-43.5478 12 13.7792)" fill="#002835"/>
|
||||||
<g filter="url(#filter2_d_3844_3374)">
|
<g filter="url(#filter2_d_3844_3374)">
|
||||||
<rect x="12" y="13.7792" width="3.33333" height="20" rx="1.66667" transform="rotate(-43.5478 12 13.7792)" fill="#6BB0EB"/>
|
<rect x="12" y="13.7792" width="3.33333" height="20" rx="1.66667" transform="rotate(-43.5478 12 13.7792)" fill="#6BB0EB"/>
|
||||||
</g>
|
</g>
|
||||||
<g clip-path="url(#clip2_3844_3374)">
|
<g clip-path="url(#clip2_3844_3374)">
|
||||||
<path d="M25.336 8.86766C26.5769 7.67216 27.9966 7.67817 29.1619 8.88777L29.1749 8.90119L27.65 10.3702C26.9416 11.0551 26.9068 12.1694 27.572 12.8625C28.2391 13.5568 29.357 13.5654 30.0691 12.8812L31.5952 11.4109L31.7013 11.5211C32.8666 12.7307 32.8225 14.1524 31.5815 15.3479L28.3286 18.4817C27.0874 19.6775 25.665 19.6687 24.4997 18.4591L21.9616 15.8246C20.7963 14.615 20.8431 13.1961 22.0844 12.0003L25.336 8.86766ZM25.1928 11.6959L23.1607 13.6536C23.0102 13.7998 23.0028 14.0374 23.1444 14.1857C23.2865 14.3345 23.5258 14.3369 23.6784 14.191L25.7131 12.2308C25.8646 12.0837 25.8711 11.8445 25.7274 11.6966C25.5839 11.549 25.3443 11.5488 25.1928 11.6959Z" fill="#6BB0EB"/>
|
<path d="M25.336 8.86766C26.5769 7.67216 27.9966 7.67817 29.1619 8.88777L29.1749 8.90119L27.65 10.3702C26.9416 11.0551 26.9068 12.1694 27.572 12.8625C28.2391 13.5568 29.357 13.5654 30.0691 12.8812L31.5952 11.4109L31.7013 11.5211C32.8666 12.7307 32.8225 14.1524 31.5815 15.3479L28.3286 18.4817C27.0874 19.6775 25.665 19.6687 24.4997 18.4591L21.9616 15.8246C20.7963 14.615 20.8431 13.1961 22.0844 12.0003L25.336 8.86766ZM25.1928 11.6959L23.1607 13.6536C23.0102 13.7998 23.0028 14.0374 23.1444 14.1857C23.2865 14.3345 23.5258 14.3369 23.6784 14.191L25.7131 12.2308C25.8646 12.0837 25.8711 11.8445 25.7274 11.6966C25.5839 11.549 25.3443 11.5488 25.1928 11.6959Z" fill="#6BB0EB"/>
|
||||||
<path opacity="0.4" d="M28.3893 12.3805C28.7946 12.6504 29.327 12.6021 29.6638 12.2656L30.8341 11.1381C30.9767 11.0007 30.9786 10.7711 30.8379 10.6251L29.9597 9.71352C29.819 9.5681 29.5895 9.56083 29.4466 9.69794L28.2488 10.8519C27.86 11.2288 27.8569 11.856 28.2418 12.2543C28.2868 12.301 28.3364 12.3433 28.3893 12.3805Z" fill="#6BB0EB"/>
|
<path opacity="0.4" d="M28.3893 12.3805C28.7946 12.6504 29.327 12.6021 29.6638 12.2656L30.8341 11.1381C30.9767 11.0007 30.9786 10.7711 30.8379 10.6251L29.9597 9.71352C29.819 9.5681 29.5895 9.56083 29.4466 9.69794L28.2488 10.8519C27.86 11.2288 27.8569 11.856 28.2418 12.2543C28.2868 12.301 28.3364 12.3433 28.3893 12.3805Z" fill="#6BB0EB"/>
|
||||||
<path d="M29.3054 11.9169C29.5042 11.7253 29.5101 11.4088 29.3185 11.2099C29.1269 11.011 28.8104 11.0051 28.6115 11.1967C28.4127 11.3883 28.4068 11.7049 28.5984 11.9037C28.79 12.1026 29.1065 12.1085 29.3054 11.9169Z" fill="#6BB0EB"/>
|
<path d="M29.3054 11.9169C29.5042 11.7253 29.5101 11.4088 29.3185 11.2099C29.1269 11.011 28.8104 11.0051 28.6115 11.1967C28.4127 11.3883 28.4068 11.7049 28.5984 11.9037C28.79 12.1026 29.1065 12.1085 29.3054 11.9169Z" fill="#6BB0EB"/>
|
||||||
</g>
|
</g>
|
||||||
</g>
|
</g>
|
||||||
<defs>
|
<defs>
|
||||||
<filter id="filter0_d_3844_3374" x="265.317" y="245.317" width="15.478" height="31.6961" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
<filter id="filter0_d_3844_3374" x="265.317" y="245.317" width="15.478" height="31.6961" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||||
<feOffset dx="1" dy="1"/>
|
<feOffset dx="1" dy="1"/>
|
||||||
<feGaussianBlur stdDeviation="2"/>
|
<feGaussianBlur stdDeviation="2"/>
|
||||||
<feComposite in2="hardAlpha" operator="out"/>
|
<feComposite in2="hardAlpha" operator="out"/>
|
||||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
|
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
|
||||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3844_3374"/>
|
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3844_3374"/>
|
||||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3844_3374" result="shape"/>
|
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3844_3374" result="shape"/>
|
||||||
</filter>
|
</filter>
|
||||||
<filter id="filter1_d_3844_3374" x="0.00927734" y="244.01" width="28.4146" height="32.6826" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
<filter id="filter1_d_3844_3374" x="0.00927734" y="244.01" width="28.4146" height="32.6826" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||||
<feOffset dx="1" dy="1"/>
|
<feOffset dx="1" dy="1"/>
|
||||||
<feGaussianBlur stdDeviation="2"/>
|
<feGaussianBlur stdDeviation="2"/>
|
||||||
<feComposite in2="hardAlpha" operator="out"/>
|
<feComposite in2="hardAlpha" operator="out"/>
|
||||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
|
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
|
||||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3844_3374"/>
|
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3844_3374"/>
|
||||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3844_3374" result="shape"/>
|
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3844_3374" result="shape"/>
|
||||||
</filter>
|
</filter>
|
||||||
<filter id="filter2_d_3844_3374" x="9.68945" y="9.17224" width="22.8159" height="23.4134" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
<filter id="filter2_d_3844_3374" x="9.68945" y="9.17224" width="22.8159" height="23.4134" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
|
||||||
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
|
||||||
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
|
||||||
<feOffset dx="1" dy="1"/>
|
<feOffset dx="1" dy="1"/>
|
||||||
<feGaussianBlur stdDeviation="2"/>
|
<feGaussianBlur stdDeviation="2"/>
|
||||||
<feComposite in2="hardAlpha" operator="out"/>
|
<feComposite in2="hardAlpha" operator="out"/>
|
||||||
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
|
<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.16 0"/>
|
||||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3844_3374"/>
|
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3844_3374"/>
|
||||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3844_3374" result="shape"/>
|
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3844_3374" result="shape"/>
|
||||||
</filter>
|
</filter>
|
||||||
<clipPath id="clip0_3844_3374">
|
<clipPath id="clip0_3844_3374">
|
||||||
<rect width="14.4" height="14.4" fill="white" transform="translate(277.171 254.474) rotate(10.0124)"/>
|
<rect width="14.4" height="14.4" fill="white" transform="translate(277.171 254.474) rotate(10.0124)"/>
|
||||||
</clipPath>
|
</clipPath>
|
||||||
<clipPath id="clip1_3844_3374">
|
<clipPath id="clip1_3844_3374">
|
||||||
<rect width="15" height="15" fill="white" transform="translate(23.0278 257.779) rotate(38.0664)"/>
|
<rect width="15" height="15" fill="white" transform="translate(23.0278 257.779) rotate(38.0664)"/>
|
||||||
</clipPath>
|
</clipPath>
|
||||||
<clipPath id="clip2_3844_3374">
|
<clipPath id="clip2_3844_3374">
|
||||||
<rect width="12" height="12" fill="white" transform="translate(18.3491 13.5161) rotate(-43.9321)"/>
|
<rect width="12" height="12" fill="white" transform="translate(18.3491 13.5161) rotate(-43.9321)"/>
|
||||||
</clipPath>
|
</clipPath>
|
||||||
</defs>
|
</defs>
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 7.4 KiB After Width: | Height: | Size: 7.5 KiB |
@@ -1,3 +1,3 @@
|
|||||||
<svg width="54" height="53" viewBox="0 0 54 53" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="54" height="53" viewBox="0 0 54 53" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.1159 45.2048C16.0199 45.2048 17.5692 46.7515 17.5692 48.6555C17.5692 50.5595 16.0199 52.1088 14.1159 52.1088C12.2119 52.1088 10.6652 50.5595 10.6652 48.6555C10.6652 46.7515 12.2119 45.2048 14.1159 45.2048ZM44.1967 45.2048C46.1033 45.2048 47.6527 46.7515 47.6527 48.6555C47.6527 50.5595 46.1033 52.1088 44.1967 52.1088C42.2927 52.1088 40.746 50.5595 40.746 48.6555C40.746 46.7515 42.2927 45.2048 44.1967 45.2048ZM2.71375 0.0250699L8.26041 0.98507C9.15375 1.1424 9.83375 1.88374 9.91108 2.7904L10.5377 10.2597L12.868 10.2607C13.2483 10.2609 13.6245 10.2611 13.9967 10.2612L18.2749 10.2633C18.6159 10.2634 18.9531 10.2636 19.2865 10.2638L24.0102 10.2664C24.307 10.2666 24.6002 10.2667 24.8899 10.2669L28.2001 10.269C28.4623 10.2692 28.7212 10.2694 28.9768 10.2695L31.8883 10.2717C32.1182 10.2719 32.345 10.2721 32.5686 10.2722L35.1072 10.2744C35.3068 10.2746 35.5036 10.2748 35.6974 10.275L37.3659 10.2766C37.5429 10.2768 37.7172 10.277 37.8888 10.2772L39.821 10.2794C39.9716 10.2796 40.1198 10.2798 40.2655 10.28L41.8969 10.2823C42.0233 10.2825 42.1475 10.2827 42.2694 10.2828L43.3062 10.2846C43.4148 10.2848 43.5214 10.285 43.6258 10.2852L44.7807 10.2875C44.869 10.2877 44.9554 10.2879 45.0399 10.2881L45.7507 10.2899C45.8243 10.2901 45.8961 10.2903 45.9663 10.2905L46.7283 10.2929C46.7854 10.2931 46.841 10.2933 46.8951 10.2935L47.3425 10.2953C47.388 10.2955 47.4321 10.2957 47.4749 10.2959L47.9275 10.2984C47.9604 10.2986 47.9921 10.2988 48.0227 10.299L48.2694 10.3009C48.2937 10.3011 48.3171 10.3013 48.3395 10.3015L48.517 10.3034C48.5342 10.3036 48.5506 10.3038 48.5662 10.304L48.687 10.3059C48.6984 10.3061 48.7091 10.3064 48.7193 10.3066L48.7957 10.3085C48.8027 10.3087 48.8092 10.3089 48.8153 10.3092L48.8707 10.3118C48.8741 10.312 48.8772 10.3122 48.8801 10.3124C48.9061 10.3148 48.9099 10.3153 48.9137 10.3157C50.3991 10.5317 51.7057 11.3077 52.5964 12.5024C53.4871 13.6944 53.8604 15.1637 53.6471 16.6357L51.1164 34.1237C50.6391 37.4517 47.7484 39.9611 44.3884 39.9611H15.2657C11.7537 39.9611 8.78041 37.2197 8.49508 33.7131L6.05241 4.6624L2.03375 3.96907C0.943079 3.77707 0.215079 2.74507 0.401745 1.6544C0.593745 0.563737 1.64708 -0.145597 2.71375 0.0250699ZM12.333 14.2606L10.8737 14.2597L12.4817 33.3851C12.5991 34.8571 13.8017 35.9611 15.2711 35.9611H44.3831C45.7724 35.9611 46.9591 34.9264 47.1564 33.5531L49.6897 16.0624C49.7484 15.6464 49.6444 15.2304 49.3911 14.8944C49.1404 14.5557 48.7724 14.3371 48.3564 14.2784C48.3372 14.2791 48.2911 14.2798 48.2195 14.2804L47.9295 14.2821C47.8688 14.2823 47.8021 14.2826 47.7295 14.2828L46.2188 14.2851C46.0913 14.2852 45.9588 14.2852 45.8214 14.2853L42.2695 14.2852C42.0713 14.2851 41.8693 14.285 41.6638 14.2849L37.6102 14.2825C37.3673 14.2823 37.1218 14.2821 36.8738 14.2819L34.5801 14.2801C34.3188 14.2799 34.0556 14.2796 33.7906 14.2794L31.361 14.2773C31.0867 14.277 30.811 14.2768 30.5341 14.2765L28.8606 14.275C28.5798 14.2747 28.2982 14.2745 28.0159 14.2742L25.462 14.2718C25.1772 14.2715 24.8923 14.2713 24.6074 14.271L22.899 14.2694C22.6147 14.2692 22.3307 14.2689 22.0472 14.2686L20.3533 14.2671C20.0724 14.2668 19.7923 14.2666 19.5132 14.2664L17.0318 14.2642C16.76 14.264 16.4897 14.2638 16.221 14.2635L13.0852 14.2612C12.8321 14.261 12.5814 14.2608 12.333 14.2606ZM40.1001 20.1165C41.2041 20.1165 42.1001 21.0125 42.1001 22.1165C42.1001 23.2205 41.2041 24.1165 40.1001 24.1165H32.7081C31.6015 24.1165 30.7081 23.2205 30.7081 22.1165C30.7081 21.0125 31.6015 20.1165 32.7081 20.1165H40.1001Z" fill="#014258"/>
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.1159 45.2048C16.0199 45.2048 17.5692 46.7515 17.5692 48.6555C17.5692 50.5595 16.0199 52.1088 14.1159 52.1088C12.2119 52.1088 10.6652 50.5595 10.6652 48.6555C10.6652 46.7515 12.2119 45.2048 14.1159 45.2048ZM44.1967 45.2048C46.1033 45.2048 47.6527 46.7515 47.6527 48.6555C47.6527 50.5595 46.1033 52.1088 44.1967 52.1088C42.2927 52.1088 40.746 50.5595 40.746 48.6555C40.746 46.7515 42.2927 45.2048 44.1967 45.2048ZM2.71375 0.0250699L8.26041 0.98507C9.15375 1.1424 9.83375 1.88374 9.91108 2.7904L10.5377 10.2597L12.868 10.2607C13.2483 10.2609 13.6245 10.2611 13.9967 10.2612L18.2749 10.2633C18.6159 10.2634 18.9531 10.2636 19.2865 10.2638L24.0102 10.2664C24.307 10.2666 24.6002 10.2667 24.8899 10.2669L28.2001 10.269C28.4623 10.2692 28.7212 10.2694 28.9768 10.2695L31.8883 10.2717C32.1182 10.2719 32.345 10.2721 32.5686 10.2722L35.1072 10.2744C35.3068 10.2746 35.5036 10.2748 35.6974 10.275L37.3659 10.2766C37.5429 10.2768 37.7172 10.277 37.8888 10.2772L39.821 10.2794C39.9716 10.2796 40.1198 10.2798 40.2655 10.28L41.8969 10.2823C42.0233 10.2825 42.1475 10.2827 42.2694 10.2828L43.3062 10.2846C43.4148 10.2848 43.5214 10.285 43.6258 10.2852L44.7807 10.2875C44.869 10.2877 44.9554 10.2879 45.0399 10.2881L45.7507 10.2899C45.8243 10.2901 45.8961 10.2903 45.9663 10.2905L46.7283 10.2929C46.7854 10.2931 46.841 10.2933 46.8951 10.2935L47.3425 10.2953C47.388 10.2955 47.4321 10.2957 47.4749 10.2959L47.9275 10.2984C47.9604 10.2986 47.9921 10.2988 48.0227 10.299L48.2694 10.3009C48.2937 10.3011 48.3171 10.3013 48.3395 10.3015L48.517 10.3034C48.5342 10.3036 48.5506 10.3038 48.5662 10.304L48.687 10.3059C48.6984 10.3061 48.7091 10.3064 48.7193 10.3066L48.7957 10.3085C48.8027 10.3087 48.8092 10.3089 48.8153 10.3092L48.8707 10.3118C48.8741 10.312 48.8772 10.3122 48.8801 10.3124C48.9061 10.3148 48.9099 10.3153 48.9137 10.3157C50.3991 10.5317 51.7057 11.3077 52.5964 12.5024C53.4871 13.6944 53.8604 15.1637 53.6471 16.6357L51.1164 34.1237C50.6391 37.4517 47.7484 39.9611 44.3884 39.9611H15.2657C11.7537 39.9611 8.78041 37.2197 8.49508 33.7131L6.05241 4.6624L2.03375 3.96907C0.943079 3.77707 0.215079 2.74507 0.401745 1.6544C0.593745 0.563737 1.64708 -0.145597 2.71375 0.0250699ZM12.333 14.2606L10.8737 14.2597L12.4817 33.3851C12.5991 34.8571 13.8017 35.9611 15.2711 35.9611H44.3831C45.7724 35.9611 46.9591 34.9264 47.1564 33.5531L49.6897 16.0624C49.7484 15.6464 49.6444 15.2304 49.3911 14.8944C49.1404 14.5557 48.7724 14.3371 48.3564 14.2784C48.3372 14.2791 48.2911 14.2798 48.2195 14.2804L47.9295 14.2821C47.8688 14.2823 47.8021 14.2826 47.7295 14.2828L46.2188 14.2851C46.0913 14.2852 45.9588 14.2852 45.8214 14.2853L42.2695 14.2852C42.0713 14.2851 41.8693 14.285 41.6638 14.2849L37.6102 14.2825C37.3673 14.2823 37.1218 14.2821 36.8738 14.2819L34.5801 14.2801C34.3188 14.2799 34.0556 14.2796 33.7906 14.2794L31.361 14.2773C31.0867 14.277 30.811 14.2768 30.5341 14.2765L28.8606 14.275C28.5798 14.2747 28.2982 14.2745 28.0159 14.2742L25.462 14.2718C25.1772 14.2715 24.8923 14.2713 24.6074 14.271L22.899 14.2694C22.6147 14.2692 22.3307 14.2689 22.0472 14.2686L20.3533 14.2671C20.0724 14.2668 19.7923 14.2666 19.5132 14.2664L17.0318 14.2642C16.76 14.264 16.4897 14.2638 16.221 14.2635L13.0852 14.2612C12.8321 14.261 12.5814 14.2608 12.333 14.2606ZM40.1001 20.1165C41.2041 20.1165 42.1001 21.0125 42.1001 22.1165C42.1001 23.2205 41.2041 24.1165 40.1001 24.1165H32.7081C31.6015 24.1165 30.7081 23.2205 30.7081 22.1165C30.7081 21.0125 31.6015 20.1165 32.7081 20.1165H40.1001Z" fill="#014258"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.6 KiB |
@@ -1,3 +1,3 @@
|
|||||||
<svg width="112" height="135" viewBox="0 0 112 135" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="112" height="135" viewBox="0 0 112 135" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<circle cx="37" cy="75" r="75" fill="#57C5C6" fill-opacity="0.5"/>
|
<circle cx="37" cy="75" r="75" fill="#57C5C6" fill-opacity="0.5"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 174 B After Width: | Height: | Size: 177 B |
@@ -1,3 +1,3 @@
|
|||||||
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<circle cx="40" cy="40" r="40" fill="#014258" fill-opacity="0.12"/>
|
<circle cx="40" cy="40" r="40" fill="#014258" fill-opacity="0.12"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 171 B After Width: | Height: | Size: 174 B |
@@ -1,3 +1,3 @@
|
|||||||
<svg width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="54" height="54" viewBox="0 0 54 54" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.6634 2.6678L34.6128 4.61713C35.3674 5.36647 36.3754 5.78247 37.4474 5.78247H40.1888C44.6181 5.78247 48.2208 9.38513 48.2208 13.8145V16.5531C48.2208 17.6225 48.6368 18.6331 49.3914 19.3931L51.3061 21.3105C52.8234 22.8171 53.6661 24.8305 53.6741 26.9771C53.6821 29.1238 52.8528 31.1425 51.3408 32.6651L49.3861 34.6145C48.6368 35.3691 48.2208 36.3745 48.2208 37.4465V40.1905C48.2208 44.6171 44.6181 48.2198 40.1914 48.2198H37.4421C36.3861 48.2198 35.3541 48.6465 34.6048 49.3905L32.6901 51.3051C31.1248 52.8811 29.0608 53.6705 26.9968 53.6705C24.9514 53.6705 22.9061 52.8971 21.3408 51.3451C21.3194 51.3238 21.2981 51.3025 21.2768 51.2785L19.3834 49.3878C18.6288 48.6385 17.6208 48.2225 16.5488 48.2198H13.8128C9.38342 48.2198 5.78342 44.6171 5.78342 40.1905V37.4411C5.78342 36.3691 5.36476 35.3638 4.61276 34.6065L2.69542 32.6918C-0.419245 29.5931 -0.456578 24.5478 2.60209 21.4011L2.67409 21.3291L4.61542 19.3825C5.36476 18.6278 5.78342 17.6171 5.78342 16.5478V13.8145C5.78342 9.3878 9.38342 5.78513 13.8101 5.78247H16.5568C17.6261 5.78247 18.6341 5.3638 19.3994 4.60913L21.3061 2.69713C24.4234 -0.441534 29.5194 -0.457534 32.6634 2.6678ZM24.1408 5.52113L22.2234 7.4438C20.6928 8.9558 18.6848 9.78247 16.5568 9.78247H13.8128C11.5914 9.78513 9.78342 11.5931 9.78342 13.8145V16.5478C9.78342 18.6838 8.95409 20.6918 7.45009 22.2065L5.55676 24.1025C5.53809 24.1238 5.51942 24.1398 5.50076 24.1585C3.93542 25.7345 3.94342 28.2918 5.51942 29.8571L7.44476 31.7825C8.95409 33.2971 9.78342 35.3051 9.78342 37.4411V40.1905C9.78342 42.4118 11.5888 44.2198 13.8128 44.2198H16.5514C18.6901 44.2225 20.6981 45.0518 22.2101 46.5585L24.1328 48.4758L24.1861 48.5345C25.7594 50.0705 28.2928 50.0518 29.8554 48.4811L31.7808 46.5611C33.2741 45.0705 35.3381 44.2198 37.4421 44.2198H40.1888C42.4128 44.2198 44.2208 42.4118 44.2208 40.1905V37.4465C44.2208 35.3105 45.0474 33.3025 46.5568 31.7905L48.4768 29.8678C49.2581 29.0838 49.6768 28.0678 49.6741 26.9905C49.6714 25.9158 49.2474 24.9051 48.4821 24.1425L46.5594 22.2171C45.0474 20.6945 44.2208 18.6891 44.2208 16.5531V13.8145C44.2208 11.5905 42.4128 9.78247 40.1888 9.78247H37.4474C35.3114 9.78247 33.3034 8.95313 31.7914 7.4518L29.8661 5.5238C28.2634 3.93713 25.7061 3.94513 24.1408 5.52113ZM33.6757 30.9977C35.1504 30.9977 36.3424 32.1897 36.3424 33.6643C36.3424 35.139 35.1504 36.331 33.6757 36.331C32.201 36.331 30.9957 35.139 30.9957 33.6643C30.9957 32.1897 32.177 30.9977 33.6517 30.9977H33.6757ZM35.2698 18.7345C36.0512 19.5158 36.0512 20.7825 35.2698 21.5638L21.5605 35.2705C21.1712 35.6625 20.6592 35.8571 20.1472 35.8571C19.6352 35.8571 19.1232 35.6625 18.7338 35.2705C17.9525 34.4891 17.9525 33.2251 18.7338 32.4438L32.4405 18.7345C33.2218 17.9531 34.4885 17.9531 35.2698 18.7345ZM20.3424 17.6643C21.817 17.6643 23.009 18.8563 23.009 20.331C23.009 21.8057 21.817 22.9977 20.3424 22.9977C18.8677 22.9977 17.6624 21.8057 17.6624 20.331C17.6624 18.8563 18.8437 17.6643 20.3184 17.6643H20.3424Z" fill="#014258"/>
|
<path fill-rule="evenodd" clip-rule="evenodd" d="M32.6634 2.6678L34.6128 4.61713C35.3674 5.36647 36.3754 5.78247 37.4474 5.78247H40.1888C44.6181 5.78247 48.2208 9.38513 48.2208 13.8145V16.5531C48.2208 17.6225 48.6368 18.6331 49.3914 19.3931L51.3061 21.3105C52.8234 22.8171 53.6661 24.8305 53.6741 26.9771C53.6821 29.1238 52.8528 31.1425 51.3408 32.6651L49.3861 34.6145C48.6368 35.3691 48.2208 36.3745 48.2208 37.4465V40.1905C48.2208 44.6171 44.6181 48.2198 40.1914 48.2198H37.4421C36.3861 48.2198 35.3541 48.6465 34.6048 49.3905L32.6901 51.3051C31.1248 52.8811 29.0608 53.6705 26.9968 53.6705C24.9514 53.6705 22.9061 52.8971 21.3408 51.3451C21.3194 51.3238 21.2981 51.3025 21.2768 51.2785L19.3834 49.3878C18.6288 48.6385 17.6208 48.2225 16.5488 48.2198H13.8128C9.38342 48.2198 5.78342 44.6171 5.78342 40.1905V37.4411C5.78342 36.3691 5.36476 35.3638 4.61276 34.6065L2.69542 32.6918C-0.419245 29.5931 -0.456578 24.5478 2.60209 21.4011L2.67409 21.3291L4.61542 19.3825C5.36476 18.6278 5.78342 17.6171 5.78342 16.5478V13.8145C5.78342 9.3878 9.38342 5.78513 13.8101 5.78247H16.5568C17.6261 5.78247 18.6341 5.3638 19.3994 4.60913L21.3061 2.69713C24.4234 -0.441534 29.5194 -0.457534 32.6634 2.6678ZM24.1408 5.52113L22.2234 7.4438C20.6928 8.9558 18.6848 9.78247 16.5568 9.78247H13.8128C11.5914 9.78513 9.78342 11.5931 9.78342 13.8145V16.5478C9.78342 18.6838 8.95409 20.6918 7.45009 22.2065L5.55676 24.1025C5.53809 24.1238 5.51942 24.1398 5.50076 24.1585C3.93542 25.7345 3.94342 28.2918 5.51942 29.8571L7.44476 31.7825C8.95409 33.2971 9.78342 35.3051 9.78342 37.4411V40.1905C9.78342 42.4118 11.5888 44.2198 13.8128 44.2198H16.5514C18.6901 44.2225 20.6981 45.0518 22.2101 46.5585L24.1328 48.4758L24.1861 48.5345C25.7594 50.0705 28.2928 50.0518 29.8554 48.4811L31.7808 46.5611C33.2741 45.0705 35.3381 44.2198 37.4421 44.2198H40.1888C42.4128 44.2198 44.2208 42.4118 44.2208 40.1905V37.4465C44.2208 35.3105 45.0474 33.3025 46.5568 31.7905L48.4768 29.8678C49.2581 29.0838 49.6768 28.0678 49.6741 26.9905C49.6714 25.9158 49.2474 24.9051 48.4821 24.1425L46.5594 22.2171C45.0474 20.6945 44.2208 18.6891 44.2208 16.5531V13.8145C44.2208 11.5905 42.4128 9.78247 40.1888 9.78247H37.4474C35.3114 9.78247 33.3034 8.95313 31.7914 7.4518L29.8661 5.5238C28.2634 3.93713 25.7061 3.94513 24.1408 5.52113ZM33.6757 30.9977C35.1504 30.9977 36.3424 32.1897 36.3424 33.6643C36.3424 35.139 35.1504 36.331 33.6757 36.331C32.201 36.331 30.9957 35.139 30.9957 33.6643C30.9957 32.1897 32.177 30.9977 33.6517 30.9977H33.6757ZM35.2698 18.7345C36.0512 19.5158 36.0512 20.7825 35.2698 21.5638L21.5605 35.2705C21.1712 35.6625 20.6592 35.8571 20.1472 35.8571C19.6352 35.8571 19.1232 35.6625 18.7338 35.2705C17.9525 34.4891 17.9525 33.2251 18.7338 32.4438L32.4405 18.7345C33.2218 17.9531 34.4885 17.9531 35.2698 18.7345ZM20.3424 17.6643C21.817 17.6643 23.009 18.8563 23.009 20.331C23.009 21.8057 21.817 22.9977 20.3424 22.9977C18.8677 22.9977 17.6624 21.8057 17.6624 20.331C17.6624 18.8563 18.8437 17.6643 20.3184 17.6643H20.3424Z" fill="#014258"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 3.0 KiB |
@@ -1,3 +1,3 @@
|
|||||||
<svg width="54" height="46" viewBox="0 0 54 46" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="54" height="46" viewBox="0 0 54 46" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path d="M43.875 0.5H10.125C7.6386 0.5 5.25403 1.48772 3.49587 3.24587C1.73772 5.00403 0.75 7.3886 0.75 9.875V36.125C0.75 38.6114 1.73772 40.996 3.49587 42.7541C5.25403 44.5123 7.6386 45.5 10.125 45.5H43.875C46.3614 45.5 48.746 44.5123 50.5041 42.7541C52.2623 40.996 53.25 38.6114 53.25 36.125V9.875C53.25 7.3886 52.2623 5.00403 50.5041 3.24587C48.746 1.48772 46.3614 0.5 43.875 0.5ZM10.125 4.25H43.875C44.7514 4.25435 45.6147 4.46345 46.396 4.8606C47.1773 5.25776 47.855 5.83199 48.375 6.5375C48.375 6.5375 48.375 6.5375 48.225 6.5375L30.75 22.6062C29.712 23.5602 28.3536 24.0896 26.9438 24.0896C25.5339 24.0896 24.1755 23.5602 23.1375 22.6062L5.775 6.6125H5.625C6.13702 5.89316 6.81119 5.30446 7.59296 4.89403C8.37473 4.4836 9.24214 4.26297 10.125 4.25ZM43.875 41.75H10.125C8.63316 41.75 7.20242 41.1574 6.14752 40.1025C5.09263 39.0476 4.5 37.6168 4.5 36.125V10.55L20.6625 25.3625C22.3918 26.9489 24.6532 27.829 27 27.829C29.3468 27.829 31.6082 26.9489 33.3375 25.3625L49.5 10.55V36.125C49.5 37.6168 48.9074 39.0476 47.8525 40.1025C46.7976 41.1574 45.3668 41.75 43.875 41.75Z" fill="#014258"/>
|
<path d="M43.875 0.5H10.125C7.6386 0.5 5.25403 1.48772 3.49587 3.24587C1.73772 5.00403 0.75 7.3886 0.75 9.875V36.125C0.75 38.6114 1.73772 40.996 3.49587 42.7541C5.25403 44.5123 7.6386 45.5 10.125 45.5H43.875C46.3614 45.5 48.746 44.5123 50.5041 42.7541C52.2623 40.996 53.25 38.6114 53.25 36.125V9.875C53.25 7.3886 52.2623 5.00403 50.5041 3.24587C48.746 1.48772 46.3614 0.5 43.875 0.5ZM10.125 4.25H43.875C44.7514 4.25435 45.6147 4.46345 46.396 4.8606C47.1773 5.25776 47.855 5.83199 48.375 6.5375C48.375 6.5375 48.375 6.5375 48.225 6.5375L30.75 22.6062C29.712 23.5602 28.3536 24.0896 26.9438 24.0896C25.5339 24.0896 24.1755 23.5602 23.1375 22.6062L5.775 6.6125H5.625C6.13702 5.89316 6.81119 5.30446 7.59296 4.89403C8.37473 4.4836 9.24214 4.26297 10.125 4.25ZM43.875 41.75H10.125C8.63316 41.75 7.20242 41.1574 6.14752 40.1025C5.09263 39.0476 4.5 37.6168 4.5 36.125V10.55L20.6625 25.3625C22.3918 26.9489 24.6532 27.829 27 27.829C29.3468 27.829 31.6082 26.9489 33.3375 25.3625L49.5 10.55V36.125C49.5 37.6168 48.9074 39.0476 47.8525 40.1025C46.7976 41.1574 45.3668 41.75 43.875 41.75Z" fill="#014258"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
@@ -1,45 +1,45 @@
|
|||||||
<svg width="88" height="150" viewBox="0 0 88 150" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="88" height="150" viewBox="0 0 88 150" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<circle opacity="0.5" cx="75.0004" cy="75" r="10.2143" stroke="url(#paint0_linear_3806_3406)" stroke-opacity="0.4"/>
|
<circle opacity="0.5" cx="75.0004" cy="75" r="10.2143" stroke="url(#paint0_linear_3806_3406)" stroke-opacity="0.4"/>
|
||||||
<path opacity="0.5" d="M90.5716 75C90.5716 83.5999 83.6 90.5714 75.0001 90.5714C66.4003 90.5714 59.4287 83.5999 59.4287 75C59.4287 66.4002 66.4003 59.4286 75.0001 59.4286C83.6 59.4286 90.5716 66.4002 90.5716 75Z" stroke="white" stroke-opacity="0.1"/>
|
<path opacity="0.5" d="M90.5716 75C90.5716 83.5999 83.6 90.5714 75.0001 90.5714C66.4003 90.5714 59.4287 83.5999 59.4287 75C59.4287 66.4002 66.4003 59.4286 75.0001 59.4286C83.6 59.4286 90.5716 66.4002 90.5716 75Z" stroke="white" stroke-opacity="0.1"/>
|
||||||
<circle opacity="0.5" cx="74.9999" cy="75" r="20.9286" stroke="url(#paint1_linear_3806_3406)" stroke-opacity="0.4"/>
|
<circle opacity="0.5" cx="74.9999" cy="75" r="20.9286" stroke="url(#paint1_linear_3806_3406)" stroke-opacity="0.4"/>
|
||||||
<circle opacity="0.5" cx="74.9997" cy="75" r="42.3571" stroke="url(#paint2_linear_3806_3406)" stroke-opacity="0.4"/>
|
<circle opacity="0.5" cx="74.9997" cy="75" r="42.3571" stroke="url(#paint2_linear_3806_3406)" stroke-opacity="0.4"/>
|
||||||
<circle opacity="0.5" cx="75.0001" cy="75" r="53.0714" stroke="url(#paint3_linear_3806_3406)" stroke-opacity="0.4"/>
|
<circle opacity="0.5" cx="75.0001" cy="75" r="53.0714" stroke="url(#paint3_linear_3806_3406)" stroke-opacity="0.4"/>
|
||||||
<circle opacity="0.2" cx="74.9999" cy="75" r="58.4286" stroke="white" stroke-opacity="0.1"/>
|
<circle opacity="0.2" cx="74.9999" cy="75" r="58.4286" stroke="white" stroke-opacity="0.1"/>
|
||||||
<path opacity="0.2" d="M138.785 75C138.785 110.228 110.227 138.786 74.9996 138.786C39.7717 138.786 11.2139 110.228 11.2139 75C11.2139 39.7721 39.7717 11.2143 74.9996 11.2143C110.227 11.2143 138.785 39.7721 138.785 75Z" stroke="url(#paint4_linear_3806_3406)" stroke-opacity="0.4"/>
|
<path opacity="0.2" d="M138.785 75C138.785 110.228 110.227 138.786 74.9996 138.786C39.7717 138.786 11.2139 110.228 11.2139 75C11.2139 39.7721 39.7717 11.2143 74.9996 11.2143C110.227 11.2143 138.785 39.7721 138.785 75Z" stroke="url(#paint4_linear_3806_3406)" stroke-opacity="0.4"/>
|
||||||
<path opacity="0.2" d="M144.143 75C144.143 113.187 113.187 144.143 75.0003 144.143C36.8137 144.143 5.85742 113.187 5.85742 75C5.85742 36.8135 36.8137 5.85715 75.0003 5.85715C113.187 5.85715 144.143 36.8135 144.143 75Z" stroke="white" stroke-opacity="0.1"/>
|
<path opacity="0.2" d="M144.143 75C144.143 113.187 113.187 144.143 75.0003 144.143C36.8137 144.143 5.85742 113.187 5.85742 75C5.85742 36.8135 36.8137 5.85715 75.0003 5.85715C113.187 5.85715 144.143 36.8135 144.143 75Z" stroke="white" stroke-opacity="0.1"/>
|
||||||
<circle opacity="0.2" cx="75" cy="75" r="74.5" stroke="url(#paint5_linear_3806_3406)" stroke-opacity="0.4"/>
|
<circle opacity="0.2" cx="75" cy="75" r="74.5" stroke="url(#paint5_linear_3806_3406)" stroke-opacity="0.4"/>
|
||||||
<circle opacity="0.5" cx="74.9996" cy="75" r="26.2857" stroke="white" stroke-opacity="0.1"/>
|
<circle opacity="0.5" cx="74.9996" cy="75" r="26.2857" stroke="white" stroke-opacity="0.1"/>
|
||||||
<path opacity="0.5" d="M106.643 75C106.643 92.4759 92.4762 106.643 75.0003 106.643C57.5244 106.643 43.3574 92.4759 43.3574 75C43.3574 57.5241 57.5244 43.3571 75.0003 43.3571C92.4762 43.3571 106.643 57.5241 106.643 75Z" stroke="url(#paint6_linear_3806_3406)" stroke-opacity="0.4"/>
|
<path opacity="0.5" d="M106.643 75C106.643 92.4759 92.4762 106.643 75.0003 106.643C57.5244 106.643 43.3574 92.4759 43.3574 75C43.3574 57.5241 57.5244 43.3571 75.0003 43.3571C92.4762 43.3571 106.643 57.5241 106.643 75Z" stroke="url(#paint6_linear_3806_3406)" stroke-opacity="0.4"/>
|
||||||
<circle opacity="0.5" cx="75" cy="75" r="37" stroke="white" stroke-opacity="0.1"/>
|
<circle opacity="0.5" cx="75" cy="75" r="37" stroke="white" stroke-opacity="0.1"/>
|
||||||
<circle opacity="0.5" cx="75.0004" cy="75" r="47.7143" stroke="white" stroke-opacity="0.1"/>
|
<circle opacity="0.5" cx="75.0004" cy="75" r="47.7143" stroke="white" stroke-opacity="0.1"/>
|
||||||
<defs>
|
<defs>
|
||||||
<linearGradient id="paint0_linear_3806_3406" x1="75.0004" y1="64.2857" x2="75.0004" y2="85.7143" gradientUnits="userSpaceOnUse">
|
<linearGradient id="paint0_linear_3806_3406" x1="75.0004" y1="64.2857" x2="75.0004" y2="85.7143" gradientUnits="userSpaceOnUse">
|
||||||
<stop stop-color="#93B7FF"/>
|
<stop stop-color="#93B7FF"/>
|
||||||
<stop offset="1" stop-color="white"/>
|
<stop offset="1" stop-color="white"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<linearGradient id="paint1_linear_3806_3406" x1="74.9999" y1="53.5714" x2="74.9999" y2="96.4286" gradientUnits="userSpaceOnUse">
|
<linearGradient id="paint1_linear_3806_3406" x1="74.9999" y1="53.5714" x2="74.9999" y2="96.4286" gradientUnits="userSpaceOnUse">
|
||||||
<stop stop-color="#93B7FF"/>
|
<stop stop-color="#93B7FF"/>
|
||||||
<stop offset="1" stop-color="white"/>
|
<stop offset="1" stop-color="white"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<linearGradient id="paint2_linear_3806_3406" x1="74.9997" y1="32.1429" x2="74.9997" y2="117.857" gradientUnits="userSpaceOnUse">
|
<linearGradient id="paint2_linear_3806_3406" x1="74.9997" y1="32.1429" x2="74.9997" y2="117.857" gradientUnits="userSpaceOnUse">
|
||||||
<stop stop-color="#93B7FF"/>
|
<stop stop-color="#93B7FF"/>
|
||||||
<stop offset="1" stop-color="white"/>
|
<stop offset="1" stop-color="white"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<linearGradient id="paint3_linear_3806_3406" x1="75.0001" y1="21.4286" x2="75.0001" y2="128.571" gradientUnits="userSpaceOnUse">
|
<linearGradient id="paint3_linear_3806_3406" x1="75.0001" y1="21.4286" x2="75.0001" y2="128.571" gradientUnits="userSpaceOnUse">
|
||||||
<stop stop-color="#93B7FF"/>
|
<stop stop-color="#93B7FF"/>
|
||||||
<stop offset="1" stop-color="white"/>
|
<stop offset="1" stop-color="white"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<linearGradient id="paint4_linear_3806_3406" x1="74.9996" y1="10.7143" x2="74.9996" y2="139.286" gradientUnits="userSpaceOnUse">
|
<linearGradient id="paint4_linear_3806_3406" x1="74.9996" y1="10.7143" x2="74.9996" y2="139.286" gradientUnits="userSpaceOnUse">
|
||||||
<stop stop-color="#93B7FF"/>
|
<stop stop-color="#93B7FF"/>
|
||||||
<stop offset="1" stop-color="white"/>
|
<stop offset="1" stop-color="white"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<linearGradient id="paint5_linear_3806_3406" x1="75" y1="0" x2="75" y2="150" gradientUnits="userSpaceOnUse">
|
<linearGradient id="paint5_linear_3806_3406" x1="75" y1="0" x2="75" y2="150" gradientUnits="userSpaceOnUse">
|
||||||
<stop stop-color="#93B7FF"/>
|
<stop stop-color="#93B7FF"/>
|
||||||
<stop offset="1" stop-color="white"/>
|
<stop offset="1" stop-color="white"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
<linearGradient id="paint6_linear_3806_3406" x1="75.0003" y1="42.8571" x2="75.0003" y2="107.143" gradientUnits="userSpaceOnUse">
|
<linearGradient id="paint6_linear_3806_3406" x1="75.0003" y1="42.8571" x2="75.0003" y2="107.143" gradientUnits="userSpaceOnUse">
|
||||||
<stop stop-color="#93B7FF"/>
|
<stop stop-color="#93B7FF"/>
|
||||||
<stop offset="1" stop-color="white"/>
|
<stop offset="1" stop-color="white"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
</defs>
|
</defs>
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.6 KiB |
@@ -1,3 +1,3 @@
|
|||||||
<svg width="205" height="25" viewBox="0 0 205 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="205" height="25" viewBox="0 0 205 25" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path d="M204 2C204 2 141.458 23.2049 100.836 22.9985C61.503 22.7986 1 2 1 2" stroke="#014258" stroke-opacity="0.12" stroke-width="4" stroke-dasharray="6 6"/>
|
<path d="M204 2C204 2 141.458 23.2049 100.836 22.9985C61.503 22.7986 1 2 1 2" stroke="#014258" stroke-opacity="0.12" stroke-width="4" stroke-dasharray="6 6"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 264 B After Width: | Height: | Size: 267 B |
@@ -1,5 +1,5 @@
|
|||||||
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path d="M40 52.5V47.5C40 44.8478 38.9464 42.3043 37.0711 40.4289C35.1957 38.5536 32.6522 37.5 30 37.5H12.5C9.84784 37.5 7.3043 38.5536 5.42893 40.4289C3.55357 42.3043 2.5 44.8478 2.5 47.5V52.5" stroke="#014258" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
|
<path d="M40 52.5V47.5C40 44.8478 38.9464 42.3043 37.0711 40.4289C35.1957 38.5536 32.6522 37.5 30 37.5H12.5C9.84784 37.5 7.3043 38.5536 5.42893 40.4289C3.55357 42.3043 2.5 44.8478 2.5 47.5V52.5" stroke="#014258" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<path d="M21.25 27.5C26.7728 27.5 31.25 23.0228 31.25 17.5C31.25 11.9772 26.7728 7.5 21.25 7.5C15.7272 7.5 11.25 11.9772 11.25 17.5C11.25 23.0228 15.7272 27.5 21.25 27.5Z" stroke="#014258" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
|
<path d="M21.25 27.5C26.7728 27.5 31.25 23.0228 31.25 17.5C31.25 11.9772 26.7728 7.5 21.25 7.5C15.7272 7.5 11.25 11.9772 11.25 17.5C11.25 23.0228 15.7272 27.5 21.25 27.5Z" stroke="#014258" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<path d="M42.5 27.5L47.5 32.5L57.5 22.5" stroke="#014258" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
|
<path d="M42.5 27.5L47.5 32.5L57.5 22.5" stroke="#014258" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 760 B After Width: | Height: | Size: 765 B |
@@ -1,4 +1,4 @@
|
|||||||
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||||
<path d="M18.75 9.75C18.75 15.75 12 21 12 21C12 21 5.25 15.75 5.25 9.75C5.25 6 8.25 3 12 3C15.75 3 18.75 6 18.75 9.75Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
<path d="M18.75 9.75C18.75 15.75 12 21 12 21C12 21 5.25 15.75 5.25 9.75C5.25 6 8.25 3 12 3C15.75 3 18.75 6 18.75 9.75Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
<path d="M12 12C13.2426 12 14.25 10.9926 14.25 9.75C14.25 8.50736 13.2426 7.5 12 7.5C10.7574 7.5 9.75 8.50736 9.75 9.75C9.75 10.9926 10.7574 12 12 12Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
<path d="M12 12C13.2426 12 14.25 10.9926 14.25 9.75C14.25 8.50736 13.2426 7.5 12 7.5C10.7574 7.5 9.75 8.50736 9.75 9.75C9.75 10.9926 10.7574 12 12 12Z" stroke="white" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 583 B After Width: | Height: | Size: 587 B |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 88 KiB After Width: | Height: | Size: 88 KiB |
+7
-7
@@ -1,7 +1,7 @@
|
|||||||
User-agent: *
|
User-agent: *
|
||||||
Disallow: /includes/
|
Disallow: /includes/
|
||||||
|
|
||||||
User-agent: Google
|
User-agent: Google
|
||||||
Allow: /includes/
|
Allow: /includes/
|
||||||
|
|
||||||
Sitemap: http://miphospital.ir/api/my-sitemap
|
Sitemap: http://miphospital.ir/api/my-sitemap
|
||||||
|
|||||||
+46
-46
@@ -1,47 +1,47 @@
|
|||||||
@font-face {
|
@font-face {
|
||||||
font-family: Vazir-import !important;
|
font-family: Vazir-import !important;
|
||||||
src: url("Vazir-Regular.ttf");
|
src: url("Vazir-Regular.ttf");
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: dana-fanum;
|
font-family: dana-fanum;
|
||||||
src: url("Dana-FaNum-Regular.ttf");
|
src: url("Dana-FaNum-Regular.ttf");
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: yekanBakh;
|
font-family: yekanBakh;
|
||||||
src: url("YekanLight.ttf");
|
src: url("YekanLight.ttf");
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: yekanBakhMed;
|
font-family: yekanBakhMed;
|
||||||
src: url("YekanMedium.ttf");
|
src: url("YekanMedium.ttf");
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: yekanBakhLight;
|
font-family: yekanBakhLight;
|
||||||
src: url("YekanLight.ttf");
|
src: url("YekanLight.ttf");
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: yekanBakhHeavy;
|
font-family: yekanBakhHeavy;
|
||||||
src: url("YekanBakhHeavy.ttf");
|
src: url("YekanBakhHeavy.ttf");
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: yekanBakhBold;
|
font-family: yekanBakhBold;
|
||||||
src: url("YekanBakhBold.ttf");
|
src: url("YekanBakhBold.ttf");
|
||||||
}
|
}
|
||||||
.yekan-bakh-req {
|
.yekan-bakh-req {
|
||||||
font-family: yekanBakh;
|
font-family: yekanBakh;
|
||||||
}
|
}
|
||||||
.Vazir {
|
.Vazir {
|
||||||
font-family: Vazir-imADport !important;
|
font-family: Vazir-imADport !important;
|
||||||
}
|
}
|
||||||
.bk-med {
|
.bk-med {
|
||||||
font-family: yekanBakhMed !important;
|
font-family: yekanBakhMed !important;
|
||||||
}
|
}
|
||||||
.bk-light {
|
.bk-light {
|
||||||
font-family: yekanBakhLight !important;
|
font-family: yekanBakhLight !important;
|
||||||
}
|
}
|
||||||
.bk-heavy {
|
.bk-heavy {
|
||||||
font-family: yekanBakhHeavy !important;
|
font-family: yekanBakhHeavy !important;
|
||||||
}
|
}
|
||||||
.bk-bold {
|
.bk-bold {
|
||||||
font-family: yekanBakhBold !important;
|
font-family: yekanBakhBold !important;
|
||||||
}
|
}
|
||||||
+3
-3
@@ -1,4 +1,4 @@
|
|||||||
<svg width="283" height="64" viewBox="0 0 283 64" fill="none"
|
<svg width="283" height="64" viewBox="0 0 283 64" fill="none"
|
||||||
xmlns="http://www.w3.org/2000/svg">
|
xmlns="http://www.w3.org/2000/svg">
|
||||||
<path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/>
|
<path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="#000"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.1 KiB |
+46
-46
@@ -1,47 +1,47 @@
|
|||||||
import React, { useState } from 'react'
|
import React, { useState } from 'react'
|
||||||
import ApexCharts from 'apexcharts'
|
import ApexCharts from 'apexcharts'
|
||||||
|
|
||||||
const StockPrice = () => {
|
const StockPrice = () => {
|
||||||
const [series, setSeries] = useState( {
|
const [series, setSeries] = useState( {
|
||||||
series: [{
|
series: [{
|
||||||
name: "Desktops",
|
name: "Desktops",
|
||||||
data: [10, 41, 35, 51, 49, 62, 69, 91, 148]
|
data: [10, 41, 35, 51, 49, 62, 69, 91, 148]
|
||||||
}],
|
}],
|
||||||
options: {
|
options: {
|
||||||
chart: {
|
chart: {
|
||||||
height: 350,
|
height: 350,
|
||||||
type: 'line',
|
type: 'line',
|
||||||
zoom: {
|
zoom: {
|
||||||
enabled: false
|
enabled: false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
dataLabels: {
|
dataLabels: {
|
||||||
enabled: false
|
enabled: false
|
||||||
},
|
},
|
||||||
stroke: {
|
stroke: {
|
||||||
curve: 'straight'
|
curve: 'straight'
|
||||||
},
|
},
|
||||||
title: {
|
title: {
|
||||||
text: 'Product Trends by Month',
|
text: 'Product Trends by Month',
|
||||||
align: 'left'
|
align: 'left'
|
||||||
},
|
},
|
||||||
grid: {
|
grid: {
|
||||||
row: {
|
row: {
|
||||||
colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns
|
colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns
|
||||||
opacity: 0.5
|
opacity: 0.5
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
xaxis: {
|
xaxis: {
|
||||||
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
|
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
} )
|
} )
|
||||||
return (
|
return (
|
||||||
<div>
|
<div>
|
||||||
<ApexCharts series={series.series} options={series.options} type='line' />
|
<ApexCharts series={series.series} options={series.options} type='line' />
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export default StockPrice
|
export default StockPrice
|
||||||
+161
-161
@@ -1,161 +1,161 @@
|
|||||||
import {
|
import {
|
||||||
MDBBtn,
|
MDBBtn,
|
||||||
MDBCard,
|
MDBCard,
|
||||||
MDBCardBody,
|
MDBCardBody,
|
||||||
MDBCardImage,
|
MDBCardImage,
|
||||||
MDBCardText,
|
MDBCardText,
|
||||||
MDBCol,
|
MDBCol,
|
||||||
MDBContainer,
|
MDBContainer,
|
||||||
MDBRow,
|
MDBRow,
|
||||||
MDBTypography
|
MDBTypography
|
||||||
} from 'mdb-react-ui-kit'
|
} from 'mdb-react-ui-kit'
|
||||||
import React from 'react'
|
import React from 'react'
|
||||||
import { FiArrowLeft, FiArrowUp } from 'react-icons/fi'
|
import { FiArrowLeft, FiArrowUp } from 'react-icons/fi'
|
||||||
import { Chart, Interval, Interaction, registerInteraction, Tooltip } from 'bizcharts'
|
import { Chart, Interval, Interaction, registerInteraction, Tooltip } from 'bizcharts'
|
||||||
import AppContainer from '../../../pages/appContainer'
|
import AppContainer from '../../../pages/appContainer'
|
||||||
import CountUp from 'react-countup'
|
import CountUp from 'react-countup'
|
||||||
import Link from 'next/link'
|
import Link from 'next/link'
|
||||||
import PriceStock from '../../../public/resource/images/512-512-p.png'
|
import PriceStock from '../../../public/resource/images/512-512-p.png'
|
||||||
import { AiOutlineStock } from 'react-icons/ai'
|
import { AiOutlineStock } from 'react-icons/ai'
|
||||||
|
|
||||||
const priceData = [
|
const priceData = [
|
||||||
{ year: 'تیر 1400 ', price: 350000000, price_split: '35,000,000' },
|
{ year: 'تیر 1400 ', price: 350000000, price_split: '35,000,000' },
|
||||||
{ year: 'شهریور 1400 ', price: 450000000, price_split: '45,000,000' },
|
{ year: 'شهریور 1400 ', price: 450000000, price_split: '45,000,000' },
|
||||||
{ year: 'آبان 1400 ', price: 500000000, price_split: '50,000,000' },
|
{ year: 'آبان 1400 ', price: 500000000, price_split: '50,000,000' },
|
||||||
{ year: 'اسفند 1400 ', price: 550000000, price_split: '65,000,000' },
|
{ year: 'اسفند 1400 ', price: 550000000, price_split: '65,000,000' },
|
||||||
{ year: 'اردیبهشت 1401 ', price: 650000000, price_split: '65,000,000' },
|
{ year: 'اردیبهشت 1401 ', price: 650000000, price_split: '65,000,000' },
|
||||||
{ year: 'مهر 1401 ', price: 750000000, price_split: '75,000,000' },
|
{ year: 'مهر 1401 ', price: 750000000, price_split: '75,000,000' },
|
||||||
{ year: 'دی 1401 ', price: 850000000, price_split: '85,000,000' },
|
{ year: 'دی 1401 ', price: 850000000, price_split: '85,000,000' },
|
||||||
{ year: 'اسفند 1401 ', price: 1000000000, price_split: '100,000,000' },
|
{ year: 'اسفند 1401 ', price: 1000000000, price_split: '100,000,000' },
|
||||||
{ year: 'اردیبهشت 1402 ', price: 1300000000, price_split: '130,000,000' },
|
{ year: 'اردیبهشت 1402 ', price: 1300000000, price_split: '130,000,000' },
|
||||||
{ year: 'خرداد 1402 ', price: 1500000000, price_split: '150,000,000' }
|
{ year: 'خرداد 1402 ', price: 1500000000, price_split: '150,000,000' }
|
||||||
|
|
||||||
]
|
]
|
||||||
|
|
||||||
const StockNews = [
|
const StockNews = [
|
||||||
{ id: 1, title: 'شرایط انتقال سهام', url: '/page/news/34' },
|
{ id: 1, title: 'شرایط انتقال سهام', url: '/page/news/34' },
|
||||||
{ id: 2, title: ' نحوه خرید آنلاین سهم', url: 'https://landing.miphospital.ir/' },
|
{ id: 2, title: ' نحوه خرید آنلاین سهم', url: 'https://landing.miphospital.ir/' },
|
||||||
{ id: 3, title: 'چرا باید سهام بیمارستان بخریم؟ ', url: '/page/news/24' }
|
{ id: 3, title: 'چرا باید سهام بیمارستان بخریم؟ ', url: '/page/news/24' }
|
||||||
// { id: 4, title: ' همکاری در فروش (کسب درآمد)', url: 'https://landing.miphospital.ir/' }
|
// { id: 4, title: ' همکاری در فروش (کسب درآمد)', url: 'https://landing.miphospital.ir/' }
|
||||||
]
|
]
|
||||||
|
|
||||||
registerInteraction('click-active-region', {
|
registerInteraction('click-active-region', {
|
||||||
start: [{ trigger: 'plot:click', action: 'active-region:show' }],
|
start: [{ trigger: 'plot:click', action: 'active-region:show' }],
|
||||||
end: [{ trigger: 'plot:dblclick', action: 'active-region:hide' }]
|
end: [{ trigger: 'plot:dblclick', action: 'active-region:hide' }]
|
||||||
})
|
})
|
||||||
|
|
||||||
const StockPriceChart = () => {
|
const StockPriceChart = () => {
|
||||||
return (
|
return (
|
||||||
<AppContainer title={'قیمت سهام بیمارستان مهر ایرانیان'}>
|
<AppContainer title={'قیمت سهام بیمارستان مهر ایرانیان'}>
|
||||||
<div className='bg-stock-price p-5 '>
|
<div className='bg-stock-price p-5 '>
|
||||||
<h2 className='bk-heavy text-xs text-center text-white hover:hidden hover:hidden '>
|
<h2 className='bk-heavy text-xs text-center text-white hover:hidden hover:hidden '>
|
||||||
قیمت سهام بیمارستان مهر ایرانیان
|
قیمت سهام بیمارستان مهر ایرانیان
|
||||||
</h2>
|
</h2>
|
||||||
<MDBContainer
|
<MDBContainer
|
||||||
dir='rtl'
|
dir='rtl'
|
||||||
className='flex md:flex-col sm:flex-col lg:flex-row items-center p-3 justify-center mt-3'
|
className='flex md:flex-col sm:flex-col lg:flex-row items-center p-3 justify-center mt-3'
|
||||||
>
|
>
|
||||||
<div className='flex bg-white px-4 md:flex-col sm:flex-col lg:flex-row py-3 items-center rounded-lg'>
|
<div className='flex bg-white px-4 md:flex-col sm:flex-col lg:flex-row py-3 items-center rounded-lg'>
|
||||||
<div className='mt-2 flex md:flex-col md:items-center sm:items-center sm:flex-col lg:flex-row'>
|
<div className='mt-2 flex md:flex-col md:items-center sm:items-center sm:flex-col lg:flex-row'>
|
||||||
<div className='flex items-center justify-center'>
|
<div className='flex items-center justify-center'>
|
||||||
<span className='blob mb-3 mt-2 ml-3' />
|
<span className='blob mb-3 mt-2 ml-3' />
|
||||||
</div>
|
</div>
|
||||||
<h3 className='text-success bk-med'>قیمت روز سهام : </h3>
|
<h3 className='text-success bk-med'>قیمت روز سهام : </h3>
|
||||||
<h3 className='text-success mr-2'>
|
<h3 className='text-success mr-2'>
|
||||||
<CountUp start={0} end={150000000} separator=',' />
|
<CountUp start={0} end={150000000} separator=',' />
|
||||||
</h3>
|
</h3>
|
||||||
<p className='flex items-center mr-2' style={{ fontSize: 12 }}>تومان</p>
|
<p className='flex items-center mr-2' style={{ fontSize: 12 }}>تومان</p>
|
||||||
<p
|
<p
|
||||||
style={{ fontSize: 15, backgroundColor: '#2dd4bf' }}
|
style={{ fontSize: 15, backgroundColor: '#2dd4bf' }}
|
||||||
className=' text-white p-1 rounded-full flex justify-center items-center mr-2 mt-1'
|
className=' text-white p-1 rounded-full flex justify-center items-center mr-2 mt-1'
|
||||||
>
|
>
|
||||||
<FiArrowUp />
|
<FiArrowUp />
|
||||||
<span style={{ fontSize: 10 }} className='mt-1'>
|
<span style={{ fontSize: 10 }} className='mt-1'>
|
||||||
30%
|
30%
|
||||||
</span>
|
</span>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</MDBContainer>
|
</MDBContainer>
|
||||||
</div>
|
</div>
|
||||||
<MDBCard className='flex justify-center p-5'>
|
<MDBCard className='flex justify-center p-5'>
|
||||||
<div className={'mb-4 flex align-items-center justify-content-end'}>
|
<div className={'mb-4 flex align-items-center justify-content-end'}>
|
||||||
<MDBTypography variant={'h5'} className={'text-right bk-med'}>
|
<MDBTypography variant={'h5'} className={'text-right bk-med'}>
|
||||||
نمودار تغییرات قیمت سهام
|
نمودار تغییرات قیمت سهام
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
<span className={'blob-right ml-2 mb-2'} />
|
<span className={'blob-right ml-2 mb-2'} />
|
||||||
</div>
|
</div>
|
||||||
<div className='bk'>
|
<div className='bk'>
|
||||||
<Chart className height={500} autoFit data={priceData}>
|
<Chart className height={500} autoFit data={priceData}>
|
||||||
<Interval label="price_split" position='year*price' />
|
<Interval label="price_split" position='year*price' />
|
||||||
<Interaction type='click-active-region' />
|
<Interaction type='click-active-region' />
|
||||||
<Tooltip>
|
<Tooltip>
|
||||||
{(title, items) => {
|
{(title, items) => {
|
||||||
return (
|
return (
|
||||||
<div dir='rtl' className='flex gap-x-7 gap-y-5'>
|
<div dir='rtl' className='flex gap-x-7 gap-y-5'>
|
||||||
<div className='flex justify-center ml-3 items-center'>
|
<div className='flex justify-center ml-3 items-center'>
|
||||||
<AiOutlineStock size="1.3rem"/>
|
<AiOutlineStock size="1.3rem"/>
|
||||||
</div>
|
</div>
|
||||||
<div className='py-2 bk flex flex-col'>
|
<div className='py-2 bk flex flex-col'>
|
||||||
<div>{items[0].data.year}</div>
|
<div>{items[0].data.year}</div>
|
||||||
<div className='mt-2'>قیمت : {items[0].data.price_split} (تومان)</div>
|
<div className='mt-2'>قیمت : {items[0].data.price_split} (تومان)</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
}}
|
}}
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
</Chart>
|
</Chart>
|
||||||
</div>
|
</div>
|
||||||
<div className={'mb-4 mt-5 flex align-items-center justify-content-end'}>
|
<div className={'mb-4 mt-5 flex align-items-center justify-content-end'}>
|
||||||
<MDBTypography variant={'h5'} className={'text-right bk-med'}>
|
<MDBTypography variant={'h5'} className={'text-right bk-med'}>
|
||||||
آخرین مطالب سهام
|
آخرین مطالب سهام
|
||||||
</MDBTypography>
|
</MDBTypography>
|
||||||
<span className={'blob-right ml-2 mb-2'} />
|
<span className={'blob-right ml-2 mb-2'} />
|
||||||
</div>
|
</div>
|
||||||
<MDBRow dir="rtl">
|
<MDBRow dir="rtl">
|
||||||
{StockNews.map((item, index) => (
|
{StockNews.map((item, index) => (
|
||||||
<MDBCol className={'mt-2'} key={index} md={6} sm={12} lg={3}>
|
<MDBCol className={'mt-2'} key={index} md={6} sm={12} lg={3}>
|
||||||
<MDBCard>
|
<MDBCard>
|
||||||
<MDBCardBody>
|
<MDBCardBody>
|
||||||
<MDBCardImage with={50} className={'rounded-lg'} src={PriceStock} />
|
<MDBCardImage with={50} className={'rounded-lg'} src={PriceStock} />
|
||||||
<MDBCardText className={'mt-3 bk-bold'}>
|
<MDBCardText className={'mt-3 bk-bold'}>
|
||||||
<div className={'flex align-items-center justify-content-start'}>
|
<div className={'flex align-items-center justify-content-start'}>
|
||||||
<span className={'blob-right ml-2 mb-2'} />
|
<span className={'blob-right ml-2 mb-2'} />
|
||||||
|
|
||||||
{item.title}
|
{item.title}
|
||||||
</div>
|
</div>
|
||||||
<br />
|
<br />
|
||||||
<Link href={item.url}>
|
<Link href={item.url}>
|
||||||
<MDBBtn className={'border-none flex items-center'} outline>
|
<MDBBtn className={'border-none flex items-center'} outline>
|
||||||
مشاهده{' '}
|
مشاهده{' '}
|
||||||
<FiArrowLeft className={'mr-2'} />
|
<FiArrowLeft className={'mr-2'} />
|
||||||
</MDBBtn>
|
</MDBBtn>
|
||||||
</Link>
|
</Link>
|
||||||
</MDBCardText>
|
</MDBCardText>
|
||||||
</MDBCardBody>
|
</MDBCardBody>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</MDBCol>
|
</MDBCol>
|
||||||
))}
|
))}
|
||||||
</MDBRow>
|
</MDBRow>
|
||||||
<div className='text-center flex lg:flex-row sm:flex-col md:flex-col justify-center'>
|
<div className='text-center flex lg:flex-row sm:flex-col md:flex-col justify-center'>
|
||||||
<div>
|
<div>
|
||||||
<a target={'_blank'} href='https://panel.mehriranianco.ir/welcome'>
|
<a target={'_blank'} href='https://panel.mehriranianco.ir/welcome'>
|
||||||
<MDBBtn rounded className='mt-5 bg-primary-teal'>
|
<MDBBtn rounded className='mt-5 bg-primary-teal'>
|
||||||
خرید آنلاین سهام
|
خرید آنلاین سهام
|
||||||
</MDBBtn>
|
</MDBBtn>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
<div>
|
||||||
<Link href='/page/sales'>
|
<Link href='/page/sales'>
|
||||||
<MDBBtn rounded outline className='mt-5 text-[#39a2a5] ml-2 border-[#39a2a5]'>
|
<MDBBtn rounded outline className='mt-5 text-[#39a2a5] ml-2 border-[#39a2a5]'>
|
||||||
مشاوره تلفنی
|
مشاوره تلفنی
|
||||||
</MDBBtn>
|
</MDBBtn>
|
||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</MDBCard>
|
</MDBCard>
|
||||||
</AppContainer>
|
</AppContainer>
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
export default StockPriceChart
|
export default StockPriceChart
|
||||||
|
|||||||
@@ -1,2 +1,2 @@
|
|||||||
export const ADDFRAMEWORK = () => ({ type: 'ADD_FRAMEWORK' })
|
export const ADDFRAMEWORK = () => ({ type: 'ADD_FRAMEWORK' })
|
||||||
export const FORM_CAST = (dataA) => ({ type: 'PersonaForm', data: [dataA] })
|
export const FORM_CAST = (dataA) => ({ type: 'PersonaForm', data: [dataA] })
|
||||||
|
|||||||
@@ -1,15 +1,15 @@
|
|||||||
const initialState = [
|
const initialState = [
|
||||||
{id:1, name: 'next.js', lang: 'js'},
|
{id:1, name: 'next.js', lang: 'js'},
|
||||||
{id:2, name: 'nuxt.js', lang: 'js'},
|
{id:2, name: 'nuxt.js', lang: 'js'},
|
||||||
{id:3, name: 'nuxt.js', lang: 'js'},
|
{id:3, name: 'nuxt.js', lang: 'js'},
|
||||||
{id:4, name: 'react', lang: 'js'}
|
{id:4, name: 'react', lang: 'js'}
|
||||||
]
|
]
|
||||||
export const GlobalReducer = (state = initialState, action) => {
|
export const GlobalReducer = (state = initialState, action) => {
|
||||||
switch (action.type) {
|
switch (action.type) {
|
||||||
case 'ADD_FRAMEWORK':
|
case 'ADD_FRAMEWORK':
|
||||||
console.log(state)
|
console.log(state)
|
||||||
return [...state, {id: 1,name:'vue', lang: 'js'}]
|
return [...state, {id: 1,name:'vue', lang: 'js'}]
|
||||||
default:
|
default:
|
||||||
return state
|
return state
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -1,11 +1,11 @@
|
|||||||
const RequestFormReducerState = []
|
const RequestFormReducerState = []
|
||||||
|
|
||||||
export const RequestFormReducer = (state = RequestFormReducerState, action) => {
|
export const RequestFormReducer = (state = RequestFormReducerState, action) => {
|
||||||
switch (action.type) {
|
switch (action.type) {
|
||||||
case 'PersonaForm':
|
case 'PersonaForm':
|
||||||
console.log('actiony',action)
|
console.log('actiony',action)
|
||||||
return [...RequestFormReducerState, action.data]
|
return [...RequestFormReducerState, action.data]
|
||||||
default:
|
default:
|
||||||
return state
|
return state
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -1,9 +1,9 @@
|
|||||||
import {RequestFormReducer} from "./RequestFormReducer";
|
import {RequestFormReducer} from "./RequestFormReducer";
|
||||||
const {GlobalReducer} = require('./GlobalReducer')
|
const {GlobalReducer} = require('./GlobalReducer')
|
||||||
|
|
||||||
const {combineReducers} = require("redux");
|
const {combineReducers} = require("redux");
|
||||||
|
|
||||||
export const CoreReducer = combineReducers({
|
export const CoreReducer = combineReducers({
|
||||||
Global: GlobalReducer,
|
Global: GlobalReducer,
|
||||||
FormRequest: RequestFormReducer
|
FormRequest: RequestFormReducer
|
||||||
})
|
})
|
||||||
|
|||||||
+13
-13
@@ -1,13 +1,13 @@
|
|||||||
export const imgslides = {
|
export const imgslides = {
|
||||||
a: require("../../../public/resource/brands/A.png"),
|
a: require("../../../public/resource/brands/A.png"),
|
||||||
b: require("../../../public/resource/brands/B.png"),
|
b: require("../../../public/resource/brands/B.png"),
|
||||||
c: require("../../../public/resource/brands/C.png"),
|
c: require("../../../public/resource/brands/C.png"),
|
||||||
d: require("../../../public/resource/brands/D.png"),
|
d: require("../../../public/resource/brands/D.png"),
|
||||||
e: require("../../../public/resource/brands/E.png"),
|
e: require("../../../public/resource/brands/E.png"),
|
||||||
f: require("../../../public/resource/brands/F.png"),
|
f: require("../../../public/resource/brands/F.png"),
|
||||||
g: require("../../../public/resource/brands/G.png"),
|
g: require("../../../public/resource/brands/G.png"),
|
||||||
h: require("../../../public/resource/brands/H.png"),
|
h: require("../../../public/resource/brands/H.png"),
|
||||||
i: require("../../../public/resource/brands/I.png"),
|
i: require("../../../public/resource/brands/I.png"),
|
||||||
j: require("../../../public/resource/brands/J.png"),
|
j: require("../../../public/resource/brands/J.png"),
|
||||||
k: require("../../../public/resource/brands/k.jpg"),
|
k: require("../../../public/resource/brands/k.jpg"),
|
||||||
};
|
};
|
||||||
|
|||||||
@@ -1,9 +1,9 @@
|
|||||||
import {createStore, applyMiddleware} from "redux";
|
import {createStore, applyMiddleware} from "redux";
|
||||||
import {CoreReducer} from "../reducers/reducer";
|
import {CoreReducer} from "../reducers/reducer";
|
||||||
import thunk from "redux-thunk";
|
import thunk from "redux-thunk";
|
||||||
import {composeWithDevTools} from "redux-devtools-extension";
|
import {composeWithDevTools} from "redux-devtools-extension";
|
||||||
|
|
||||||
export const CoreStore = createStore(
|
export const CoreStore = createStore(
|
||||||
CoreReducer,
|
CoreReducer,
|
||||||
composeWithDevTools(applyMiddleware(thunk))
|
composeWithDevTools(applyMiddleware(thunk))
|
||||||
)
|
)
|
||||||
|
|||||||
+1
-1
@@ -1 +1 @@
|
|||||||
export const SET_NAME = "SET_NAME"
|
export const SET_NAME = "SET_NAME"
|
||||||
|
|||||||
+121
-121
@@ -1,121 +1,121 @@
|
|||||||
.container {
|
.container {
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
padding: 0 0.5rem;
|
padding: 0 0.5rem;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
.main {
|
.main {
|
||||||
padding: 5rem 0;
|
padding: 5rem 0;
|
||||||
flex: 1;
|
flex: 1;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100px;
|
height: 100px;
|
||||||
border-top: 1px solid #eaeaea;
|
border-top: 1px solid #eaeaea;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer a {
|
.footer a {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title a {
|
.title a {
|
||||||
color: #0070f3;
|
color: #0070f3;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title a:hover,
|
.title a:hover,
|
||||||
.title a:focus,
|
.title a:focus,
|
||||||
.title a:active {
|
.title a:active {
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
line-height: 1.15;
|
line-height: 1.15;
|
||||||
font-size: 4rem;
|
font-size: 4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.title,
|
.title,
|
||||||
.description {
|
.description {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.description {
|
.description {
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.code {
|
.code {
|
||||||
background: #fafafa;
|
background: #fafafa;
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
padding: 0.75rem;
|
padding: 0.75rem;
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
.grid {
|
.grid {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
margin-top: 3rem;
|
margin-top: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card {
|
.card {
|
||||||
margin: 1rem;
|
margin: 1rem;
|
||||||
padding: 1.5rem;
|
padding: 1.5rem;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
border: 1px solid #eaeaea;
|
border: 1px solid #eaeaea;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
transition: color 0.15s ease, border-color 0.15s ease;
|
transition: color 0.15s ease, border-color 0.15s ease;
|
||||||
width: 45%;
|
width: 45%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card:hover,
|
.card:hover,
|
||||||
.card:focus,
|
.card:focus,
|
||||||
.card:active {
|
.card:active {
|
||||||
color: #0070f3;
|
color: #0070f3;
|
||||||
border-color: #0070f3;
|
border-color: #0070f3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card h2 {
|
.card h2 {
|
||||||
margin: 0 0 1rem 0;
|
margin: 0 0 1rem 0;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card p {
|
.card p {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
height: 1em;
|
height: 1em;
|
||||||
margin-left: 0.5rem;
|
margin-left: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 600px) {
|
@media (max-width: 600px) {
|
||||||
.grid {
|
.grid {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
+897
-897
File diff suppressed because it is too large
Load Diff
Vendored
+348
-348
@@ -1,349 +1,349 @@
|
|||||||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
||||||
|
|
||||||
/* Document
|
/* Document
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Correct the line height in all browsers.
|
* 1. Correct the line height in all browsers.
|
||||||
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
html {
|
html {
|
||||||
line-height: 1.15; /* 1 */
|
line-height: 1.15; /* 1 */
|
||||||
-webkit-text-size-adjust: 100%; /* 2 */
|
-webkit-text-size-adjust: 100%; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Sections
|
/* Sections
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Remove the margin in all browsers.
|
* Remove the margin in all browsers.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
body {
|
body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Render the `main` element consistently in IE.
|
* Render the `main` element consistently in IE.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
main {
|
main {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Correct the font size and margin on `h1` elements within `section` and
|
* Correct the font size and margin on `h1` elements within `section` and
|
||||||
* `article` contexts in Chrome, Firefox, and Safari.
|
* `article` contexts in Chrome, Firefox, and Safari.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 2em;
|
font-size: 2em;
|
||||||
margin: 0.67em 0;
|
margin: 0.67em 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Grouping content
|
/* Grouping content
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Add the correct box sizing in Firefox.
|
* 1. Add the correct box sizing in Firefox.
|
||||||
* 2. Show the overflow in Edge and IE.
|
* 2. Show the overflow in Edge and IE.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
box-sizing: content-box; /* 1 */
|
box-sizing: content-box; /* 1 */
|
||||||
height: 0; /* 1 */
|
height: 0; /* 1 */
|
||||||
overflow: visible; /* 2 */
|
overflow: visible; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
* 2. Correct the odd `em` font sizing in all browsers.
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
pre {
|
pre {
|
||||||
font-family: monospace, monospace; /* 1 */
|
font-family: monospace, monospace; /* 1 */
|
||||||
font-size: 1em; /* 2 */
|
font-size: 1em; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Text-level semantics
|
/* Text-level semantics
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Remove the gray background on active links in IE 10.
|
* Remove the gray background on active links in IE 10.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
a {
|
a {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Remove the bottom border in Chrome 57-
|
* 1. Remove the bottom border in Chrome 57-
|
||||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
abbr[title] {
|
abbr[title] {
|
||||||
border-bottom: none; /* 1 */
|
border-bottom: none; /* 1 */
|
||||||
/*text-decoration: underline; 2 */
|
/*text-decoration: underline; 2 */
|
||||||
text-decoration: underline dotted; /* 2 */
|
text-decoration: underline dotted; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
b,
|
b,
|
||||||
strong {
|
strong {
|
||||||
font-weight: bolder;
|
font-weight: bolder;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||||
* 2. Correct the odd `em` font sizing in all browsers.
|
* 2. Correct the odd `em` font sizing in all browsers.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
code,
|
code,
|
||||||
kbd,
|
kbd,
|
||||||
samp {
|
samp {
|
||||||
font-family: monospace, monospace; /* 1 */
|
font-family: monospace, monospace; /* 1 */
|
||||||
font-size: 1em; /* 2 */
|
font-size: 1em; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Add the correct font size in all browsers.
|
* Add the correct font size in all browsers.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
small {
|
small {
|
||||||
font-size: 80%;
|
font-size: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||||
* all browsers.
|
* all browsers.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
sub,
|
sub,
|
||||||
sup {
|
sup {
|
||||||
font-size: 75%;
|
font-size: 75%;
|
||||||
line-height: 0;
|
line-height: 0;
|
||||||
position: relative;
|
position: relative;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
sub {
|
sub {
|
||||||
bottom: -0.25em;
|
bottom: -0.25em;
|
||||||
}
|
}
|
||||||
|
|
||||||
sup {
|
sup {
|
||||||
top: -0.5em;
|
top: -0.5em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Embedded content
|
/* Embedded content
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Remove the border on images inside links in IE 10.
|
* Remove the border on images inside links in IE 10.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
img {
|
img {
|
||||||
border-style: none;
|
border-style: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Forms
|
/* Forms
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Change the font styles in all browsers.
|
* 1. Change the font styles in all browsers.
|
||||||
* 2. Remove the margin in Firefox and Safari.
|
* 2. Remove the margin in Firefox and Safari.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
button,
|
button,
|
||||||
input,
|
input,
|
||||||
optgroup,
|
optgroup,
|
||||||
select,
|
select,
|
||||||
textarea {
|
textarea {
|
||||||
font-family: inherit; /* 1 */
|
font-family: inherit; /* 1 */
|
||||||
font-size: 100%; /* 1 */
|
font-size: 100%; /* 1 */
|
||||||
line-height: 1.15; /* 1 */
|
line-height: 1.15; /* 1 */
|
||||||
margin: 0; /* 2 */
|
margin: 0; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Show the overflow in IE.
|
* Show the overflow in IE.
|
||||||
* 1. Show the overflow in Edge.
|
* 1. Show the overflow in Edge.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
button,
|
button,
|
||||||
input { /* 1 */
|
input { /* 1 */
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||||
* 1. Remove the inheritance of text transform in Firefox.
|
* 1. Remove the inheritance of text transform in Firefox.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
button,
|
button,
|
||||||
select { /* 1 */
|
select { /* 1 */
|
||||||
text-transform: none;
|
text-transform: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Correct the inability to style clickable types in iOS and Safari.
|
* Correct the inability to style clickable types in iOS and Safari.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
button,
|
button,
|
||||||
[type="button"],
|
[type="button"],
|
||||||
[type="reset"],
|
[type="reset"],
|
||||||
[type="submit"] {
|
[type="submit"] {
|
||||||
-webkit-appearance: button;
|
-webkit-appearance: button;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Remove the inner border and padding in Firefox.
|
* Remove the inner border and padding in Firefox.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
button::-moz-focus-inner,
|
button::-moz-focus-inner,
|
||||||
[type="button"]::-moz-focus-inner,
|
[type="button"]::-moz-focus-inner,
|
||||||
[type="reset"]::-moz-focus-inner,
|
[type="reset"]::-moz-focus-inner,
|
||||||
[type="submit"]::-moz-focus-inner {
|
[type="submit"]::-moz-focus-inner {
|
||||||
border-style: none;
|
border-style: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Restore the focus styles unset by the previous rule.
|
* Restore the focus styles unset by the previous rule.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
button:-moz-focusring,
|
button:-moz-focusring,
|
||||||
[type="button"]:-moz-focusring,
|
[type="button"]:-moz-focusring,
|
||||||
[type="reset"]:-moz-focusring,
|
[type="reset"]:-moz-focusring,
|
||||||
[type="submit"]:-moz-focusring {
|
[type="submit"]:-moz-focusring {
|
||||||
outline: 1px dotted ButtonText;
|
outline: 1px dotted ButtonText;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Correct the padding in Firefox.
|
* Correct the padding in Firefox.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
fieldset {
|
fieldset {
|
||||||
padding: 0.35em 0.75em 0.625em;
|
padding: 0.35em 0.75em 0.625em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Correct the text wrapping in Edge and IE.
|
* 1. Correct the text wrapping in Edge and IE.
|
||||||
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
* 2. Correct the color inheritance from `fieldset` elements in IE.
|
||||||
* 3. Remove the padding so developers are not caught out when they zero out
|
* 3. Remove the padding so developers are not caught out when they zero out
|
||||||
* `fieldset` elements in all browsers.
|
* `fieldset` elements in all browsers.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
legend {
|
legend {
|
||||||
box-sizing: border-box; /* 1 */
|
box-sizing: border-box; /* 1 */
|
||||||
color: inherit; /* 2 */
|
color: inherit; /* 2 */
|
||||||
display: table; /* 1 */
|
display: table; /* 1 */
|
||||||
max-width: 100%; /* 1 */
|
max-width: 100%; /* 1 */
|
||||||
padding: 0; /* 3 */
|
padding: 0; /* 3 */
|
||||||
white-space: normal; /* 1 */
|
white-space: normal; /* 1 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
progress {
|
progress {
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Remove the default vertical scrollbar in IE 10+.
|
* Remove the default vertical scrollbar in IE 10+.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
textarea {
|
textarea {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Add the correct box sizing in IE 10.
|
* 1. Add the correct box sizing in IE 10.
|
||||||
* 2. Remove the padding in IE 10.
|
* 2. Remove the padding in IE 10.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
[type="checkbox"],
|
[type="checkbox"],
|
||||||
[type="radio"] {
|
[type="radio"] {
|
||||||
box-sizing: border-box; /* 1 */
|
box-sizing: border-box; /* 1 */
|
||||||
padding: 0; /* 2 */
|
padding: 0; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
[type="number"]::-webkit-inner-spin-button,
|
[type="number"]::-webkit-inner-spin-button,
|
||||||
[type="number"]::-webkit-outer-spin-button {
|
[type="number"]::-webkit-outer-spin-button {
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Correct the odd appearance in Chrome and Safari.
|
* 1. Correct the odd appearance in Chrome and Safari.
|
||||||
* 2. Correct the outline style in Safari.
|
* 2. Correct the outline style in Safari.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
[type="search"] {
|
[type="search"] {
|
||||||
-webkit-appearance: textfield; /* 1 */
|
-webkit-appearance: textfield; /* 1 */
|
||||||
outline-offset: -2px; /* 2 */
|
outline-offset: -2px; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Remove the inner padding in Chrome and Safari on macOS.
|
* Remove the inner padding in Chrome and Safari on macOS.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
[type="search"]::-webkit-search-decoration {
|
[type="search"]::-webkit-search-decoration {
|
||||||
-webkit-appearance: none;
|
-webkit-appearance: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||||
* 2. Change font properties to `inherit` in Safari.
|
* 2. Change font properties to `inherit` in Safari.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
::-webkit-file-upload-button {
|
::-webkit-file-upload-button {
|
||||||
-webkit-appearance: button; /* 1 */
|
-webkit-appearance: button; /* 1 */
|
||||||
font: inherit; /* 2 */
|
font: inherit; /* 2 */
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Interactive
|
/* Interactive
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Add the correct display in Edge, IE 10+, and Firefox.
|
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
details {
|
details {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
* Add the correct display in all browsers.
|
* Add the correct display in all browsers.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
summary {
|
summary {
|
||||||
display: list-item;
|
display: list-item;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Misc
|
/* Misc
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Add the correct display in IE 10+.
|
* Add the correct display in IE 10+.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
template {
|
template {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* Add the correct display in IE 10.
|
* Add the correct display in IE 10.
|
||||||
*/
|
*/
|
||||||
|
|
||||||
[hidden] {
|
[hidden] {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
+249
-249
@@ -1,249 +1,249 @@
|
|||||||
/*!***/
|
/*!***/
|
||||||
/**** SIMPLE GRID*/
|
/**** SIMPLE GRID*/
|
||||||
/**** (C) ZACH COLE 2016*/
|
/**** (C) ZACH COLE 2016*/
|
||||||
/***!*/
|
/***!*/
|
||||||
|
|
||||||
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic);*/
|
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic);*/
|
||||||
|
|
||||||
/*!* UNIVERSAL *!*/
|
/*!* UNIVERSAL *!*/
|
||||||
|
|
||||||
/*html,*/
|
/*html,*/
|
||||||
/*body {*/
|
/*body {*/
|
||||||
/* height: 100%;*/
|
/* height: 100%;*/
|
||||||
/* width: 100%;*/
|
/* width: 100%;*/
|
||||||
/* margin: 0;*/
|
/* margin: 0;*/
|
||||||
/* padding: 0;*/
|
/* padding: 0;*/
|
||||||
/* left: 0;*/
|
/* left: 0;*/
|
||||||
/* top: 0;*/
|
/* top: 0;*/
|
||||||
/* font-size: 100%;*/
|
/* font-size: 100%;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*!* ROOT FONT STYLES *!*/
|
/*!* ROOT FONT STYLES *!*/
|
||||||
|
|
||||||
/** {*/
|
/** {*/
|
||||||
/* color: #333447;*/
|
/* color: #333447;*/
|
||||||
/* line-height: 1.5;*/
|
/* line-height: 1.5;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*!* TYPOGRAPHY *!*/
|
/*!* TYPOGRAPHY *!*/
|
||||||
|
|
||||||
/*h1 {*/
|
/*h1 {*/
|
||||||
/* font-size: 2.5rem;*/
|
/* font-size: 2.5rem;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*h2 {*/
|
/*h2 {*/
|
||||||
/* font-size: 2rem;*/
|
/* font-size: 2rem;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*h3 {*/
|
/*h3 {*/
|
||||||
/* font-size: 1.375rem;*/
|
/* font-size: 1.375rem;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*h4 {*/
|
/*h4 {*/
|
||||||
/* font-size: 1.125rem;*/
|
/* font-size: 1.125rem;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*h5 {*/
|
/*h5 {*/
|
||||||
/* font-size: 1rem;*/
|
/* font-size: 1rem;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*h6 {*/
|
/*h6 {*/
|
||||||
/* font-size: 0.875rem;*/
|
/* font-size: 0.875rem;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*p {*/
|
/*p {*/
|
||||||
/* font-size: 1.125rem;*/
|
/* font-size: 1.125rem;*/
|
||||||
/* font-weight: 200;*/
|
/* font-weight: 200;*/
|
||||||
/* line-height: 1.8;*/
|
/* line-height: 1.8;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.font-light {*/
|
/*.font-light {*/
|
||||||
/* font-weight: 300;*/
|
/* font-weight: 300;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.font-regular {*/
|
/*.font-regular {*/
|
||||||
/* font-weight: 400;*/
|
/* font-weight: 400;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.font-heavy {*/
|
/*.font-heavy {*/
|
||||||
/* font-weight: 700;*/
|
/* font-weight: 700;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*!* POSITIONING *!*/
|
/*!* POSITIONING *!*/
|
||||||
|
|
||||||
/*.left {*/
|
/*.left {*/
|
||||||
/* text-align: left;*/
|
/* text-align: left;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.right {*/
|
/*.right {*/
|
||||||
/* text-align: right;*/
|
/* text-align: right;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.center {*/
|
/*.center {*/
|
||||||
/* text-align: center;*/
|
/* text-align: center;*/
|
||||||
/* margin-left: auto;*/
|
/* margin-left: auto;*/
|
||||||
/* margin-right: auto;*/
|
/* margin-right: auto;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.justify {*/
|
/*.justify {*/
|
||||||
/* text-align: justify;*/
|
/* text-align: justify;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*!* ==== GRID SYSTEM ==== *!*/
|
/*!* ==== GRID SYSTEM ==== *!*/
|
||||||
|
|
||||||
/*.container {*/
|
/*.container {*/
|
||||||
/* width: 90%;*/
|
/* width: 90%;*/
|
||||||
/* margin-left: auto;*/
|
/* margin-left: auto;*/
|
||||||
/* margin-right: auto;*/
|
/* margin-right: auto;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.row {*/
|
/*.row {*/
|
||||||
/* position: relative;*/
|
/* position: relative;*/
|
||||||
/* width: 100%;*/
|
/* width: 100%;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.row [class^="col"] {*/
|
/*.row [class^="col"] {*/
|
||||||
/* float: left;*/
|
/* float: left;*/
|
||||||
/* margin: 0.5rem 2%;*/
|
/* margin: 0.5rem 2%;*/
|
||||||
/* min-height: 0.125rem;*/
|
/* min-height: 0.125rem;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.col-1,*/
|
/*.col-1,*/
|
||||||
/*.col-2,*/
|
/*.col-2,*/
|
||||||
/*.col-3,*/
|
/*.col-3,*/
|
||||||
/*.col-4,*/
|
/*.col-4,*/
|
||||||
/*.col-5,*/
|
/*.col-5,*/
|
||||||
/*.col-6,*/
|
/*.col-6,*/
|
||||||
/*.col-7,*/
|
/*.col-7,*/
|
||||||
/*.col-8,*/
|
/*.col-8,*/
|
||||||
/*.col-9,*/
|
/*.col-9,*/
|
||||||
/*.col-10,*/
|
/*.col-10,*/
|
||||||
/*.col-11,*/
|
/*.col-11,*/
|
||||||
/*.col-12 {*/
|
/*.col-12 {*/
|
||||||
/* width: 96%;*/
|
/* width: 96%;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.col-1-sm {*/
|
/*.col-1-sm {*/
|
||||||
/* width: 4.33%;*/
|
/* width: 4.33%;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.col-2-sm {*/
|
/*.col-2-sm {*/
|
||||||
/* width: 12.66%;*/
|
/* width: 12.66%;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.col-3-sm {*/
|
/*.col-3-sm {*/
|
||||||
/* width: 21%;*/
|
/* width: 21%;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.col-4-sm {*/
|
/*.col-4-sm {*/
|
||||||
/* width: 29.33%;*/
|
/* width: 29.33%;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.col-5-sm {*/
|
/*.col-5-sm {*/
|
||||||
/* width: 37.66%;*/
|
/* width: 37.66%;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.col-6-sm {*/
|
/*.col-6-sm {*/
|
||||||
/* width: 46%;*/
|
/* width: 46%;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.col-7-sm {*/
|
/*.col-7-sm {*/
|
||||||
/* width: 54.33%;*/
|
/* width: 54.33%;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.col-8-sm {*/
|
/*.col-8-sm {*/
|
||||||
/* width: 62.66%;*/
|
/* width: 62.66%;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.col-9-sm {*/
|
/*.col-9-sm {*/
|
||||||
/* width: 71%;*/
|
/* width: 71%;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.col-10-sm {*/
|
/*.col-10-sm {*/
|
||||||
/* width: 79.33%;*/
|
/* width: 79.33%;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.col-11-sm {*/
|
/*.col-11-sm {*/
|
||||||
/* width: 87.66%;*/
|
/* width: 87.66%;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.col-12-sm {*/
|
/*.col-12-sm {*/
|
||||||
/* width: 96%;*/
|
/* width: 96%;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.row::after {*/
|
/*.row::after {*/
|
||||||
/* content: "";*/
|
/* content: "";*/
|
||||||
/* display: table;*/
|
/* display: table;*/
|
||||||
/* clear: both;*/
|
/* clear: both;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*.hidden-sm {*/
|
/*.hidden-sm {*/
|
||||||
/* display: none;*/
|
/* display: none;*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*@media only screen and (min-width: 33.75em) { !* 540px *!*/
|
/*@media only screen and (min-width: 33.75em) { !* 540px *!*/
|
||||||
/* .container {*/
|
/* .container {*/
|
||||||
/* width: 80%;*/
|
/* width: 80%;*/
|
||||||
/* }*/
|
/* }*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*@media only screen and (min-width: 45em) { !* 720px *!*/
|
/*@media only screen and (min-width: 45em) { !* 720px *!*/
|
||||||
/* .col-1 {*/
|
/* .col-1 {*/
|
||||||
/* width: 4.33%;*/
|
/* width: 4.33%;*/
|
||||||
/* }*/
|
/* }*/
|
||||||
|
|
||||||
/* .col-2 {*/
|
/* .col-2 {*/
|
||||||
/* width: 12.66%;*/
|
/* width: 12.66%;*/
|
||||||
/* }*/
|
/* }*/
|
||||||
|
|
||||||
/* .col-3 {*/
|
/* .col-3 {*/
|
||||||
/* width: 21%;*/
|
/* width: 21%;*/
|
||||||
/* }*/
|
/* }*/
|
||||||
|
|
||||||
/* .col-4 {*/
|
/* .col-4 {*/
|
||||||
/* width: 29.33%;*/
|
/* width: 29.33%;*/
|
||||||
/* }*/
|
/* }*/
|
||||||
|
|
||||||
/* .col-5 {*/
|
/* .col-5 {*/
|
||||||
/* width: 37.66%;*/
|
/* width: 37.66%;*/
|
||||||
/* }*/
|
/* }*/
|
||||||
|
|
||||||
/* .col-6 {*/
|
/* .col-6 {*/
|
||||||
/* width: 46%;*/
|
/* width: 46%;*/
|
||||||
/* }*/
|
/* }*/
|
||||||
|
|
||||||
/* .col-7 {*/
|
/* .col-7 {*/
|
||||||
/* width: 54.33%;*/
|
/* width: 54.33%;*/
|
||||||
/* }*/
|
/* }*/
|
||||||
|
|
||||||
/* .col-8 {*/
|
/* .col-8 {*/
|
||||||
/* width: 62.66%;*/
|
/* width: 62.66%;*/
|
||||||
/* }*/
|
/* }*/
|
||||||
|
|
||||||
/* .col-9 {*/
|
/* .col-9 {*/
|
||||||
/* width: 71%;*/
|
/* width: 71%;*/
|
||||||
/* }*/
|
/* }*/
|
||||||
|
|
||||||
/* .col-10 {*/
|
/* .col-10 {*/
|
||||||
/* width: 79.33%;*/
|
/* width: 79.33%;*/
|
||||||
/* }*/
|
/* }*/
|
||||||
|
|
||||||
/* .col-11 {*/
|
/* .col-11 {*/
|
||||||
/* width: 87.66%;*/
|
/* width: 87.66%;*/
|
||||||
/* }*/
|
/* }*/
|
||||||
|
|
||||||
/* .col-12 {*/
|
/* .col-12 {*/
|
||||||
/* width: 96%;*/
|
/* width: 96%;*/
|
||||||
/* }*/
|
/* }*/
|
||||||
|
|
||||||
/* .hidden-sm {*/
|
/* .hidden-sm {*/
|
||||||
/* display: block;*/
|
/* display: block;*/
|
||||||
/* }*/
|
/* }*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|
||||||
/*@media only screen and (min-width: 60em) { !* 960px *!*/
|
/*@media only screen and (min-width: 60em) { !* 960px *!*/
|
||||||
/* .container {*/
|
/* .container {*/
|
||||||
/* width: 75%;*/
|
/* width: 75%;*/
|
||||||
/* max-width: 60rem;*/
|
/* max-width: 60rem;*/
|
||||||
/* }*/
|
/* }*/
|
||||||
/*}*/
|
/*}*/
|
||||||
|
|||||||
+54
-54
@@ -1,55 +1,55 @@
|
|||||||
.heading2Xl {
|
.heading2Xl {
|
||||||
font-size: 2.5rem;
|
font-size: 2.5rem;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
letter-spacing: -0.05rem;
|
letter-spacing: -0.05rem;
|
||||||
margin: 1rem 0;
|
margin: 1rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.headingXl {
|
.headingXl {
|
||||||
font-size: 2rem;
|
font-size: 2rem;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
font-weight: 800;
|
font-weight: 800;
|
||||||
letter-spacing: -0.05rem;
|
letter-spacing: -0.05rem;
|
||||||
margin: 1rem 0;
|
margin: 1rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.headingLg {
|
.headingLg {
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
margin: 1rem 0;
|
margin: 1rem 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.headingMd {
|
.headingMd {
|
||||||
font-size: 1.2rem;
|
font-size: 1.2rem;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.borderCircle {
|
.borderCircle {
|
||||||
border-radius: 9999px;
|
border-radius: 9999px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.colorInherit {
|
.colorInherit {
|
||||||
color: inherit;
|
color: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
.padding1px {
|
.padding1px {
|
||||||
padding-top: 1px;
|
padding-top: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.list {
|
.list {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.listItem {
|
.listItem {
|
||||||
margin: 0 0 1.25rem;
|
margin: 0 0 1.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lightText {
|
.lightText {
|
||||||
color: #666;
|
color: #666;
|
||||||
}
|
}
|
||||||
.pointer {
|
.pointer {
|
||||||
cursor: pointer !important;
|
cursor: pointer !important;
|
||||||
}
|
}
|
||||||
+28
-28
@@ -1,28 +1,28 @@
|
|||||||
module.exports = {
|
module.exports = {
|
||||||
content: [
|
content: [
|
||||||
"./pages/**/*.{js,ts,jsx,tsx}",
|
"./pages/**/*.{js,ts,jsx,tsx}",
|
||||||
"./components/**/*.{js,ts,jsx,tsx}",
|
"./components/**/*.{js,ts,jsx,tsx}",
|
||||||
"./pages/page",
|
"./pages/page",
|
||||||
"./pages/page/stock-price/*",
|
"./pages/page/stock-price/*",
|
||||||
],
|
],
|
||||||
theme: {
|
theme: {
|
||||||
screens: {
|
screens: {
|
||||||
'sm': '224px',
|
'sm': '224px',
|
||||||
// => @media (min-width: 640px) { ... }
|
// => @media (min-width: 640px) { ... }
|
||||||
|
|
||||||
'md': '768px',
|
'md': '768px',
|
||||||
// => @media (min-width: 768px) { ... }
|
// => @media (min-width: 768px) { ... }
|
||||||
|
|
||||||
'lg': '1024px',
|
'lg': '1024px',
|
||||||
// => @media (min-width: 1024px) { ... }
|
// => @media (min-width: 1024px) { ... }
|
||||||
|
|
||||||
'xl': '1280px',
|
'xl': '1280px',
|
||||||
// => @media (min-width: 1280px) { ... }
|
// => @media (min-width: 1280px) { ... }
|
||||||
|
|
||||||
'2xl': '1536px',
|
'2xl': '1536px',
|
||||||
// => @media (min-width: 1536px) { ... }
|
// => @media (min-width: 1536px) { ... }
|
||||||
},
|
},
|
||||||
extend: {},
|
extend: {},
|
||||||
},
|
},
|
||||||
plugins: [],
|
plugins: [],
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user