fuck sales
This commit is contained in:
reza
+10
-10
@@ -1,11 +1,11 @@
|
||||
import React, {createContext, useState} from 'react';
|
||||
|
||||
export const HandleFormReq = createContext({
|
||||
page: 1,
|
||||
setPage: () => {},
|
||||
personData: {},
|
||||
setpersondata: () => {},
|
||||
phoneNumber: 0,
|
||||
setPhoneNumber: () => {},
|
||||
|
||||
import React, {createContext, useState} from 'react';
|
||||
|
||||
export const HandleFormReq = createContext({
|
||||
page: 1,
|
||||
setPage: () => {},
|
||||
personData: {},
|
||||
setpersondata: () => {},
|
||||
phoneNumber: 0,
|
||||
setPhoneNumber: () => {},
|
||||
|
||||
});
|
||||
+10
-10
@@ -1,11 +1,11 @@
|
||||
import React, {createContext, useState} from 'react';
|
||||
|
||||
export const HandlePage = createContext({
|
||||
page: 1,
|
||||
setPage: () => {},
|
||||
investment: 0,
|
||||
setInvestment: () => {},
|
||||
phoneNumber: 0,
|
||||
setPhoneNumber: () => {},
|
||||
|
||||
import React, {createContext, useState} from 'react';
|
||||
|
||||
export const HandlePage = createContext({
|
||||
page: 1,
|
||||
setPage: () => {},
|
||||
investment: 0,
|
||||
setInvestment: () => {},
|
||||
phoneNumber: 0,
|
||||
setPhoneNumber: () => {},
|
||||
|
||||
});
|
||||
+22
-22
@@ -1,22 +1,22 @@
|
||||
export const AppUrl = query => {
|
||||
const serve = 'https://mehrara-api.iran.liara.run'
|
||||
const local = 'http://127.0.0.1:8000'
|
||||
|
||||
return `${serve}/api/${query}`
|
||||
}
|
||||
|
||||
export const VueApi = query => {
|
||||
const serve = 'https://mipstockholder.iran.liara.run'
|
||||
const local = 'http://127.0.0.1:8000'
|
||||
|
||||
return `${local}/api/${query}`
|
||||
}
|
||||
export const BackTwo = 'http://127.0.0.1:8000/api'
|
||||
|
||||
export const AppFile = addr => {
|
||||
const serve = 'https://mehrara-api.iran.liara.run'
|
||||
const local = 'http://127.0.0.1:8000'
|
||||
|
||||
return `${serve}/${addr}`
|
||||
}
|
||||
export const AppProduction = 'https://mehriranianco.ir/api/'
|
||||
export const AppUrl = query => {
|
||||
const serve = 'https://mehrara-api.iran.liara.run'
|
||||
const local = 'http://127.0.0.1:8000'
|
||||
|
||||
return `${serve}/api/${query}`
|
||||
}
|
||||
|
||||
export const VueApi = query => {
|
||||
const serve = 'https://mipstockholder.iran.liara.run'
|
||||
const local = 'http://127.0.0.1:8000'
|
||||
|
||||
return `${local}/api/${query}`
|
||||
}
|
||||
export const BackTwo = 'http://127.0.0.1:8000/api'
|
||||
|
||||
export const AppFile = addr => {
|
||||
const serve = 'https://mehrara-api.iran.liara.run'
|
||||
const local = 'http://127.0.0.1:8000'
|
||||
|
||||
return `${serve}/${addr}`
|
||||
}
|
||||
export const AppProduction = 'https://mehriranianco.ir/api/'
|
||||
|
||||
+16
-16
@@ -1,16 +1,16 @@
|
||||
const withImages = require('next-images')
|
||||
|
||||
module.exports = {
|
||||
experimental: {
|
||||
outputStandalone: true
|
||||
},
|
||||
siteUrl: 'https://miphospital.ir',
|
||||
generateRobotsTxt: true, // (optional)
|
||||
...withImages(),
|
||||
future: {
|
||||
webpack5: true
|
||||
},
|
||||
images: {
|
||||
disableStaticImages: true
|
||||
}
|
||||
}
|
||||
const withImages = require('next-images')
|
||||
|
||||
module.exports = {
|
||||
experimental: {
|
||||
outputStandalone: true
|
||||
},
|
||||
siteUrl: 'https://miphospital.ir',
|
||||
generateRobotsTxt: true, // (optional)
|
||||
...withImages(),
|
||||
future: {
|
||||
webpack5: true
|
||||
},
|
||||
images: {
|
||||
disableStaticImages: true
|
||||
}
|
||||
}
|
||||
|
||||
Generated
+21590
-9282
File diff suppressed because it is too large
Load Diff
+65
-65
@@ -1,65 +1,65 @@
|
||||
{
|
||||
"name": "learn-starter",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "next dev",
|
||||
"build": "next build",
|
||||
"start": "next start"
|
||||
},
|
||||
"dependencies": {
|
||||
"@chakra-ui/icons": "^1.1.1",
|
||||
"@chakra-ui/react": "^1.7.3",
|
||||
"@emotion/react": "^11",
|
||||
"@emotion/styled": "^11",
|
||||
"@liara/cli": "^2.24.0",
|
||||
"@material-ui/utils": "^4.11.2",
|
||||
"@mui/icons-material": "^5.2.1",
|
||||
"@reduxjs/toolkit": "^1.7.0",
|
||||
"apexcharts": "^3.35.3",
|
||||
"axios": "^0.21.1",
|
||||
"bizcharts": "^4.1.22",
|
||||
"chakra-ui-steps": "^1.5.0",
|
||||
"feather-icons-react": "^0.5.0",
|
||||
"formik": "^2.2.9",
|
||||
"framer-motion": "^4.1.17",
|
||||
"google-map-react": "^2.1.10",
|
||||
"html-react-parser": "^1.2.7",
|
||||
"keep-alive-comp": "^0.1.4",
|
||||
"leaflet": "^1.7.1",
|
||||
"leaflet-defaulticon-compatibility": "^0.1.1",
|
||||
"leaflet-geosearch": "^3.3.2",
|
||||
"mdb-react-ui-kit": "^1.0.0-beta7",
|
||||
"moment-jalaali": "^0.9.6",
|
||||
"next": "^10.2.3",
|
||||
"next-images": "^1.8.1",
|
||||
"next-sitemap": "^3.1.22",
|
||||
"nprogress": "^0.2.0",
|
||||
"pigeon-maps": "^0.19.7",
|
||||
"react": "^17.0.2",
|
||||
"react-countup": "^6.3.0",
|
||||
"react-dom": "^17.0.2",
|
||||
"react-fade-in": "^2.0.1",
|
||||
"react-hook-form": "^7.33.0",
|
||||
"react-hot-toast": "^2.2.0",
|
||||
"react-icons": "^4.3.1",
|
||||
"react-leaflet": "^3.2.1",
|
||||
"react-lightbox-pack": "^0.1.5",
|
||||
"react-next-keep-alive": "^1.0.14",
|
||||
"react-number-format": "^4.9.1",
|
||||
"react-redux": "^7.2.6",
|
||||
"recharts": "^2.1.12",
|
||||
"redux": "^4.1.2",
|
||||
"redux-devtools-extension": "^2.13.9",
|
||||
"redux-thunk": "^2.4.1",
|
||||
"sitemap": "^7.1.1",
|
||||
"styled-components": "^5.3.3",
|
||||
"swiper": "^6.7.5",
|
||||
"yup": "^0.32.9"
|
||||
},
|
||||
"devDependencies": {
|
||||
"autoprefixer": "^10.4.0",
|
||||
"postcss": "^8.4.5",
|
||||
"tailwindcss": "^3.0.2"
|
||||
}
|
||||
}
|
||||
{
|
||||
"name": "learn-starter",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"dev": "next dev",
|
||||
"build": "next build",
|
||||
"start": "next start"
|
||||
},
|
||||
"dependencies": {
|
||||
"@chakra-ui/icons": "^1.1.1",
|
||||
"@chakra-ui/react": "^1.7.3",
|
||||
"@emotion/react": "^11",
|
||||
"@emotion/styled": "^11",
|
||||
"@liara/cli": "^2.24.0",
|
||||
"@material-ui/utils": "^4.11.2",
|
||||
"@mui/icons-material": "^5.2.1",
|
||||
"@reduxjs/toolkit": "^1.7.0",
|
||||
"apexcharts": "^3.35.3",
|
||||
"axios": "^0.21.1",
|
||||
"bizcharts": "^4.1.22",
|
||||
"chakra-ui-steps": "^1.5.0",
|
||||
"feather-icons-react": "^0.5.0",
|
||||
"formik": "^2.2.9",
|
||||
"framer-motion": "^4.1.17",
|
||||
"google-map-react": "^2.1.10",
|
||||
"html-react-parser": "^1.2.7",
|
||||
"keep-alive-comp": "^0.1.4",
|
||||
"leaflet": "^1.7.1",
|
||||
"leaflet-defaulticon-compatibility": "^0.1.1",
|
||||
"leaflet-geosearch": "^3.3.2",
|
||||
"mdb-react-ui-kit": "^1.0.0-beta7",
|
||||
"moment-jalaali": "^0.9.6",
|
||||
"next": "^10.2.3",
|
||||
"next-images": "^1.8.1",
|
||||
"next-sitemap": "^3.1.22",
|
||||
"nprogress": "^0.2.0",
|
||||
"pigeon-maps": "^0.19.7",
|
||||
"react": "^17.0.2",
|
||||
"react-countup": "^6.3.0",
|
||||
"react-dom": "^17.0.2",
|
||||
"react-fade-in": "^2.0.1",
|
||||
"react-hook-form": "^7.33.0",
|
||||
"react-hot-toast": "^2.2.0",
|
||||
"react-icons": "^4.3.1",
|
||||
"react-leaflet": "^3.2.1",
|
||||
"react-lightbox-pack": "^0.1.5",
|
||||
"react-next-keep-alive": "^1.0.14",
|
||||
"react-number-format": "^4.9.1",
|
||||
"react-redux": "^7.2.6",
|
||||
"recharts": "^2.1.12",
|
||||
"redux": "^4.1.2",
|
||||
"redux-devtools-extension": "^2.13.9",
|
||||
"redux-thunk": "^2.4.1",
|
||||
"sitemap": "^7.1.1",
|
||||
"styled-components": "^5.3.3",
|
||||
"swiper": "^6.7.5",
|
||||
"yup": "^0.32.9"
|
||||
},
|
||||
"devDependencies": {
|
||||
"autoprefixer": "^10.4.0",
|
||||
"postcss": "^8.4.5",
|
||||
"tailwindcss": "^3.0.2"
|
||||
}
|
||||
}
|
||||
|
||||
+294
-294
@@ -1,294 +1,294 @@
|
||||
import React, { useEffect, useState } from 'react'
|
||||
import { useForm } from 'react-hook-form'
|
||||
import { useDispatch, useSelector } from 'react-redux'
|
||||
import { ADDFRAMEWORK, FORM_CAST } from '../src/redux/actions'
|
||||
import AppContainer from './appContainer'
|
||||
import Image from 'next/image'
|
||||
import { Step, Steps, useSteps } from 'chakra-ui-steps'
|
||||
import { MDBContainer, MDBInput, MDBTypography } from 'mdb-react-ui-kit'
|
||||
import { Box, Button, Center, Flex, Heading, Input, Select, SimpleGrid, Stack } from '@chakra-ui/react'
|
||||
import { withKeepAlive } from 'react-next-keep-alive'
|
||||
import { useRouter } from 'next/router'
|
||||
|
||||
const CooperationRequest = () => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/parallax/about.jpg`
|
||||
}
|
||||
const { replace } = useRouter()
|
||||
useEffect(() => {
|
||||
replace('/recruitment')
|
||||
}, [])
|
||||
const userData = useSelector(state => state.Global)
|
||||
const formReq = useSelector(state => state.FormRequest)
|
||||
const dispatch = useDispatch()
|
||||
console.log('formReq', formReq)
|
||||
const [Access, SetAccess] = useState(true)
|
||||
|
||||
const PersonalForm = () => {
|
||||
const [Sex, SetSex] = useState(0)
|
||||
const {
|
||||
register,
|
||||
handleSubmit,
|
||||
watch,
|
||||
formState: { errors }
|
||||
} = useForm()
|
||||
let hasErr = Object.keys(errors).length
|
||||
const onSubmit = async data => {
|
||||
console.log('dadadada', data)
|
||||
if (hasErr === 0) {
|
||||
dispatch(FORM_CAST(data))
|
||||
nextStep()
|
||||
} else {
|
||||
alert('مقادیر وارد شده معبتر نمی باشد')
|
||||
}
|
||||
}
|
||||
return (
|
||||
<Flex className={'flex lg:p-2 sm:p-1 m-2'}>
|
||||
<form onSubmit={handleSubmit(onSubmit)}>
|
||||
<SimpleGrid dir={'rtl'} columns={[1, 2, 5]} spacing={5}>
|
||||
<Box>
|
||||
<Input
|
||||
dir={'rtl'}
|
||||
{...register('name', { required: true, maxLength: 100 })}
|
||||
borderColor={'teal'}
|
||||
variant='outline'
|
||||
placeholder='نام و نام خانوادگی '
|
||||
/>
|
||||
<p className={'position-absolute text-sm text-danger'}>
|
||||
{errors?.name?.type === 'required' && <p> وارد کردن نام اجباری است</p>}
|
||||
{errors?.name?.type === 'maxLength' && <p>نام وارد شده معبتر نمی باشد</p>}
|
||||
</p>
|
||||
</Box>
|
||||
<Box>
|
||||
<Input
|
||||
value={12345678912}
|
||||
dir={'rtl'}
|
||||
{...register('national_code', { required: true, maxLength: 11 })}
|
||||
borderColor={'teal'}
|
||||
variant='outline'
|
||||
type={'number'}
|
||||
placeholder='کد ملی'
|
||||
/>
|
||||
<p className={'position-absolute text-sm text-danger'}>
|
||||
{errors?.national_code?.type === 'required' && <p> وارد کردن کد ملی اجباری است</p>}
|
||||
{errors?.national_code?.type === 'maxLength' && <p>کد ملی وارد شده معبتر نمی باشد</p>}
|
||||
</p>
|
||||
</Box>
|
||||
<Box>
|
||||
<Input
|
||||
dir={'rtl'}
|
||||
{...register('birth_location', { required: true })}
|
||||
borderColor={'teal'}
|
||||
variant='outline'
|
||||
placeholder='محل تولد '
|
||||
/>
|
||||
<p className={'position-absolute text-sm text-danger'}>
|
||||
{errors?.birth_location?.type === 'required' && <p> وارد کردن محل تولد اجباری است</p>}
|
||||
</p>
|
||||
</Box>
|
||||
<Box>
|
||||
<Input
|
||||
dir={'rtl'}
|
||||
{...register('birthdate', { required: true })}
|
||||
borderColor={'teal'}
|
||||
variant='outline'
|
||||
placeholder='تاریخ تولد '
|
||||
/>
|
||||
<p className={'position-absolute text-sm text-danger'}>
|
||||
{errors?.birthdate?.type === 'required' && <p> وارد کردن تاریخ تولد اجباری است</p>}
|
||||
</p>
|
||||
</Box>
|
||||
<Box>
|
||||
<Select
|
||||
{...register('gender', { required: true })}
|
||||
onChange={e => SetSex(e.target.value)}
|
||||
borderColor={'teal'}
|
||||
dir={'ltr'}
|
||||
placeholder='جنسیت '
|
||||
>
|
||||
<option dir={'rtl'} value='1'>
|
||||
{' '}
|
||||
مرد
|
||||
</option>
|
||||
<option dir={'rtl'} value='0'>
|
||||
{' '}
|
||||
رن
|
||||
</option>
|
||||
</Select>
|
||||
<p className={'position-absolute text-sm text-danger'}>
|
||||
{errors?.gender?.type === 'required' && <p>مشخص کردن جنسیت اجباری است</p>}
|
||||
</p>
|
||||
</Box>
|
||||
<Box>
|
||||
<Select
|
||||
{...register('marital', { required: true })}
|
||||
borderColor={'teal'}
|
||||
dir={'ltr'}
|
||||
placeholder='وضعیت تاهل '
|
||||
>
|
||||
<option dir={'rtl'} value='married'>
|
||||
{' '}
|
||||
متاهل
|
||||
</option>
|
||||
<option dir={'rtl'} value='single'>
|
||||
{' '}
|
||||
مجرد
|
||||
</option>
|
||||
</Select>
|
||||
<p className={'position-absolute text-sm text-danger'}>
|
||||
{errors?.marital?.type === 'required' && <p>مشخص کردن جنسیت اجباری است</p>}
|
||||
</p>
|
||||
</Box>
|
||||
<Box>
|
||||
{Sex === '1' ? (
|
||||
<Select {...register('military')} borderColor={'teal'} dir={'ltr'} placeholder='وضعیت مظام وظیفه '>
|
||||
<option dir={'rtl'} value='Done'>
|
||||
{' '}
|
||||
انجام شده{' '}
|
||||
</option>
|
||||
<option dir={'rtl'} value='not'>
|
||||
{' '}
|
||||
انجام نشده
|
||||
</option>
|
||||
<option dir={'rtl'} value='bug'>
|
||||
{' '}
|
||||
خرید خدمت{' '}
|
||||
</option>
|
||||
<option dir={'rtl'} value='specific'>
|
||||
{' '}
|
||||
معافیت خاص{' '}
|
||||
</option>
|
||||
</Select>
|
||||
) : (
|
||||
''
|
||||
)}
|
||||
</Box>
|
||||
</SimpleGrid>
|
||||
<Flex width='100%' flexDir={'row'} mt={150} justify='space-between'>
|
||||
<Button
|
||||
mr={4}
|
||||
size='sm'
|
||||
colorScheme='teal'
|
||||
variant='ghost'
|
||||
onClick={prevStep}
|
||||
isDisabled={activeStep === 0}
|
||||
>
|
||||
مرحله قبل
|
||||
</Button>
|
||||
<Button type={'submit'} colorScheme={'teal'} size='sm'>
|
||||
{activeStep === steps.length - 1 ? 'ثبت اطلاعات' : 'مرحله بعد'}
|
||||
</Button>
|
||||
</Flex>
|
||||
</form>
|
||||
</Flex>
|
||||
)
|
||||
}
|
||||
const WorkHistoryForm = () => (
|
||||
<Flex className={'flex p-2 m-2 justify-content-center'}>
|
||||
<form>
|
||||
<SimpleGrid dir={'rtl'} columns={[1, 2, 4]} spacing={5}>
|
||||
<Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='نام و نام خانوادگی ' />
|
||||
<Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='Basic usage' />
|
||||
<Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='Basic usage' />
|
||||
<Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='Basic usage' />
|
||||
</SimpleGrid>
|
||||
<Flex width='100%' flexDir={'row'} mt={150} justify='space-between'>
|
||||
<Button mr={4} size='sm' colorScheme='teal' variant='ghost' onClick={prevStep} isDisabled={activeStep === 0}>
|
||||
مرحله قبل
|
||||
</Button>
|
||||
<Button colorScheme={'teal'} size='sm' onClick={CanAccess}>
|
||||
{activeStep === steps.length - 1 ? 'ثبت اطلاعات' : 'مرحله بعد'}
|
||||
</Button>
|
||||
</Flex>
|
||||
</form>
|
||||
</Flex>
|
||||
)
|
||||
function HandleShowForm(index) {
|
||||
switch (index) {
|
||||
case 0:
|
||||
return <PersonalForm />
|
||||
case 1:
|
||||
return <WorkHistoryForm />
|
||||
default:
|
||||
return index
|
||||
}
|
||||
}
|
||||
const Content = ({ index }) => {
|
||||
return <div>{HandleShowForm(index)}</div>
|
||||
}
|
||||
|
||||
const steps = [
|
||||
{ label: 'اطلاعات شخص', Content },
|
||||
{ label: ' مشخصات تماس', Content },
|
||||
{ label: ' اطلاعات تحصیلی', Content },
|
||||
{ label: 'سوابق کاری ', Content },
|
||||
{ label: ' مدارک و مستندات ', Content }
|
||||
]
|
||||
const { nextStep, prevStep, setStep, reset, activeStep } = useSteps({
|
||||
initialStep: 0
|
||||
})
|
||||
const CanAccess = () => {
|
||||
if (Access) {
|
||||
nextStep()
|
||||
} else {
|
||||
alert('اطلاعات را بررسی کنید')
|
||||
}
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<AppContainer title={'درخواست همکاری'}>
|
||||
<div className='parallax-container'>
|
||||
<h1 className={'center-align text-white service-text dana font-weight-bold'}> درخواست همکاری </h1>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt='درباره بیارستان مهر ایرانیان پرند '
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer className={'mt-5 mb-5'}>
|
||||
<Steps className={'fix-res-steps'} dir={'rtl'} activeStep={activeStep}>
|
||||
{steps.map(({ label, content }, index) => (
|
||||
<Step className={'dana fix-res-step'} label={label} key={label}>
|
||||
<div dir={'rtl'} className={'bg-gray-100 m-4 p-2 rounded-md'}>
|
||||
<Content index={index} />
|
||||
</div>
|
||||
</Step>
|
||||
))}
|
||||
</Steps>
|
||||
{activeStep === 5 ? (
|
||||
<Center p={4} flexDir='column'>
|
||||
<Heading fontSize='xl'>
|
||||
{' '}
|
||||
درخواست شما با موفقیت ثبت شد پس از بررسی کارشناسان ما با شما تماس خواهند گرفت
|
||||
</Heading>
|
||||
<Button color={'green'} mt={6} size='sm' onClick={reset}>
|
||||
Reset
|
||||
</Button>
|
||||
</Center>
|
||||
) : (
|
||||
<Flex width='100%' flexDir={'row-reverse'} justify='space-between'>
|
||||
<Button
|
||||
mr={4}
|
||||
size='sm'
|
||||
colorScheme='teal'
|
||||
variant='ghost'
|
||||
onClick={prevStep}
|
||||
isDisabled={activeStep === 0}
|
||||
>
|
||||
مرحله قبل
|
||||
</Button>
|
||||
<Button colorScheme={'teal'} size='sm' onClick={CanAccess}>
|
||||
{activeStep === steps.length - 1 ? 'ثبت اطلاعات' : 'مرحله بعد'}
|
||||
</Button>
|
||||
</Flex>
|
||||
)}
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default CooperationRequest
|
||||
import React, { useEffect, useState } from 'react'
|
||||
import { useForm } from 'react-hook-form'
|
||||
import { useDispatch, useSelector } from 'react-redux'
|
||||
import { ADDFRAMEWORK, FORM_CAST } from '../src/redux/actions'
|
||||
import AppContainer from './appContainer'
|
||||
import Image from 'next/image'
|
||||
import { Step, Steps, useSteps } from 'chakra-ui-steps'
|
||||
import { MDBContainer, MDBInput, MDBTypography } from 'mdb-react-ui-kit'
|
||||
import { Box, Button, Center, Flex, Heading, Input, Select, SimpleGrid, Stack } from '@chakra-ui/react'
|
||||
import { withKeepAlive } from 'react-next-keep-alive'
|
||||
import { useRouter } from 'next/router'
|
||||
|
||||
const CooperationRequest = () => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/parallax/about.jpg`
|
||||
}
|
||||
const { replace } = useRouter()
|
||||
useEffect(() => {
|
||||
replace('/recruitment')
|
||||
}, [])
|
||||
const userData = useSelector(state => state.Global)
|
||||
const formReq = useSelector(state => state.FormRequest)
|
||||
const dispatch = useDispatch()
|
||||
console.log('formReq', formReq)
|
||||
const [Access, SetAccess] = useState(true)
|
||||
|
||||
const PersonalForm = () => {
|
||||
const [Sex, SetSex] = useState(0)
|
||||
const {
|
||||
register,
|
||||
handleSubmit,
|
||||
watch,
|
||||
formState: { errors }
|
||||
} = useForm()
|
||||
let hasErr = Object.keys(errors).length
|
||||
const onSubmit = async data => {
|
||||
console.log('dadadada', data)
|
||||
if (hasErr === 0) {
|
||||
dispatch(FORM_CAST(data))
|
||||
nextStep()
|
||||
} else {
|
||||
alert('مقادیر وارد شده معبتر نمی باشد')
|
||||
}
|
||||
}
|
||||
return (
|
||||
<Flex className={'flex lg:p-2 sm:p-1 m-2'}>
|
||||
<form onSubmit={handleSubmit(onSubmit)}>
|
||||
<SimpleGrid dir={'rtl'} columns={[1, 2, 5]} spacing={5}>
|
||||
<Box>
|
||||
<Input
|
||||
dir={'rtl'}
|
||||
{...register('name', { required: true, maxLength: 100 })}
|
||||
borderColor={'teal'}
|
||||
variant='outline'
|
||||
placeholder='نام و نام خانوادگی '
|
||||
/>
|
||||
<p className={'position-absolute text-sm text-danger'}>
|
||||
{errors?.name?.type === 'required' && <p> وارد کردن نام اجباری است</p>}
|
||||
{errors?.name?.type === 'maxLength' && <p>نام وارد شده معبتر نمی باشد</p>}
|
||||
</p>
|
||||
</Box>
|
||||
<Box>
|
||||
<Input
|
||||
value={12345678912}
|
||||
dir={'rtl'}
|
||||
{...register('national_code', { required: true, maxLength: 11 })}
|
||||
borderColor={'teal'}
|
||||
variant='outline'
|
||||
type={'number'}
|
||||
placeholder='کد ملی'
|
||||
/>
|
||||
<p className={'position-absolute text-sm text-danger'}>
|
||||
{errors?.national_code?.type === 'required' && <p> وارد کردن کد ملی اجباری است</p>}
|
||||
{errors?.national_code?.type === 'maxLength' && <p>کد ملی وارد شده معبتر نمی باشد</p>}
|
||||
</p>
|
||||
</Box>
|
||||
<Box>
|
||||
<Input
|
||||
dir={'rtl'}
|
||||
{...register('birth_location', { required: true })}
|
||||
borderColor={'teal'}
|
||||
variant='outline'
|
||||
placeholder='محل تولد '
|
||||
/>
|
||||
<p className={'position-absolute text-sm text-danger'}>
|
||||
{errors?.birth_location?.type === 'required' && <p> وارد کردن محل تولد اجباری است</p>}
|
||||
</p>
|
||||
</Box>
|
||||
<Box>
|
||||
<Input
|
||||
dir={'rtl'}
|
||||
{...register('birthdate', { required: true })}
|
||||
borderColor={'teal'}
|
||||
variant='outline'
|
||||
placeholder='تاریخ تولد '
|
||||
/>
|
||||
<p className={'position-absolute text-sm text-danger'}>
|
||||
{errors?.birthdate?.type === 'required' && <p> وارد کردن تاریخ تولد اجباری است</p>}
|
||||
</p>
|
||||
</Box>
|
||||
<Box>
|
||||
<Select
|
||||
{...register('gender', { required: true })}
|
||||
onChange={e => SetSex(e.target.value)}
|
||||
borderColor={'teal'}
|
||||
dir={'ltr'}
|
||||
placeholder='جنسیت '
|
||||
>
|
||||
<option dir={'rtl'} value='1'>
|
||||
{' '}
|
||||
مرد
|
||||
</option>
|
||||
<option dir={'rtl'} value='0'>
|
||||
{' '}
|
||||
رن
|
||||
</option>
|
||||
</Select>
|
||||
<p className={'position-absolute text-sm text-danger'}>
|
||||
{errors?.gender?.type === 'required' && <p>مشخص کردن جنسیت اجباری است</p>}
|
||||
</p>
|
||||
</Box>
|
||||
<Box>
|
||||
<Select
|
||||
{...register('marital', { required: true })}
|
||||
borderColor={'teal'}
|
||||
dir={'ltr'}
|
||||
placeholder='وضعیت تاهل '
|
||||
>
|
||||
<option dir={'rtl'} value='married'>
|
||||
{' '}
|
||||
متاهل
|
||||
</option>
|
||||
<option dir={'rtl'} value='single'>
|
||||
{' '}
|
||||
مجرد
|
||||
</option>
|
||||
</Select>
|
||||
<p className={'position-absolute text-sm text-danger'}>
|
||||
{errors?.marital?.type === 'required' && <p>مشخص کردن جنسیت اجباری است</p>}
|
||||
</p>
|
||||
</Box>
|
||||
<Box>
|
||||
{Sex === '1' ? (
|
||||
<Select {...register('military')} borderColor={'teal'} dir={'ltr'} placeholder='وضعیت مظام وظیفه '>
|
||||
<option dir={'rtl'} value='Done'>
|
||||
{' '}
|
||||
انجام شده{' '}
|
||||
</option>
|
||||
<option dir={'rtl'} value='not'>
|
||||
{' '}
|
||||
انجام نشده
|
||||
</option>
|
||||
<option dir={'rtl'} value='bug'>
|
||||
{' '}
|
||||
خرید خدمت{' '}
|
||||
</option>
|
||||
<option dir={'rtl'} value='specific'>
|
||||
{' '}
|
||||
معافیت خاص{' '}
|
||||
</option>
|
||||
</Select>
|
||||
) : (
|
||||
''
|
||||
)}
|
||||
</Box>
|
||||
</SimpleGrid>
|
||||
<Flex width='100%' flexDir={'row'} mt={150} justify='space-between'>
|
||||
<Button
|
||||
mr={4}
|
||||
size='sm'
|
||||
colorScheme='teal'
|
||||
variant='ghost'
|
||||
onClick={prevStep}
|
||||
isDisabled={activeStep === 0}
|
||||
>
|
||||
مرحله قبل
|
||||
</Button>
|
||||
<Button type={'submit'} colorScheme={'teal'} size='sm'>
|
||||
{activeStep === steps.length - 1 ? 'ثبت اطلاعات' : 'مرحله بعد'}
|
||||
</Button>
|
||||
</Flex>
|
||||
</form>
|
||||
</Flex>
|
||||
)
|
||||
}
|
||||
const WorkHistoryForm = () => (
|
||||
<Flex className={'flex p-2 m-2 justify-content-center'}>
|
||||
<form>
|
||||
<SimpleGrid dir={'rtl'} columns={[1, 2, 4]} spacing={5}>
|
||||
<Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='نام و نام خانوادگی ' />
|
||||
<Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='Basic usage' />
|
||||
<Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='Basic usage' />
|
||||
<Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='Basic usage' />
|
||||
</SimpleGrid>
|
||||
<Flex width='100%' flexDir={'row'} mt={150} justify='space-between'>
|
||||
<Button mr={4} size='sm' colorScheme='teal' variant='ghost' onClick={prevStep} isDisabled={activeStep === 0}>
|
||||
مرحله قبل
|
||||
</Button>
|
||||
<Button colorScheme={'teal'} size='sm' onClick={CanAccess}>
|
||||
{activeStep === steps.length - 1 ? 'ثبت اطلاعات' : 'مرحله بعد'}
|
||||
</Button>
|
||||
</Flex>
|
||||
</form>
|
||||
</Flex>
|
||||
)
|
||||
function HandleShowForm(index) {
|
||||
switch (index) {
|
||||
case 0:
|
||||
return <PersonalForm />
|
||||
case 1:
|
||||
return <WorkHistoryForm />
|
||||
default:
|
||||
return index
|
||||
}
|
||||
}
|
||||
const Content = ({ index }) => {
|
||||
return <div>{HandleShowForm(index)}</div>
|
||||
}
|
||||
|
||||
const steps = [
|
||||
{ label: 'اطلاعات شخص', Content },
|
||||
{ label: ' مشخصات تماس', Content },
|
||||
{ label: ' اطلاعات تحصیلی', Content },
|
||||
{ label: 'سوابق کاری ', Content },
|
||||
{ label: ' مدارک و مستندات ', Content }
|
||||
]
|
||||
const { nextStep, prevStep, setStep, reset, activeStep } = useSteps({
|
||||
initialStep: 0
|
||||
})
|
||||
const CanAccess = () => {
|
||||
if (Access) {
|
||||
nextStep()
|
||||
} else {
|
||||
alert('اطلاعات را بررسی کنید')
|
||||
}
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<AppContainer title={'درخواست همکاری'}>
|
||||
<div className='parallax-container'>
|
||||
<h1 className={'center-align text-white service-text dana font-weight-bold'}> درخواست همکاری </h1>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt='درباره بیارستان مهر ایرانیان پرند '
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer className={'mt-5 mb-5'}>
|
||||
<Steps className={'fix-res-steps'} dir={'rtl'} activeStep={activeStep}>
|
||||
{steps.map(({ label, content }, index) => (
|
||||
<Step className={'dana fix-res-step'} label={label} key={label}>
|
||||
<div dir={'rtl'} className={'bg-gray-100 m-4 p-2 rounded-md'}>
|
||||
<Content index={index} />
|
||||
</div>
|
||||
</Step>
|
||||
))}
|
||||
</Steps>
|
||||
{activeStep === 5 ? (
|
||||
<Center p={4} flexDir='column'>
|
||||
<Heading fontSize='xl'>
|
||||
{' '}
|
||||
درخواست شما با موفقیت ثبت شد پس از بررسی کارشناسان ما با شما تماس خواهند گرفت
|
||||
</Heading>
|
||||
<Button color={'green'} mt={6} size='sm' onClick={reset}>
|
||||
Reset
|
||||
</Button>
|
||||
</Center>
|
||||
) : (
|
||||
<Flex width='100%' flexDir={'row-reverse'} justify='space-between'>
|
||||
<Button
|
||||
mr={4}
|
||||
size='sm'
|
||||
colorScheme='teal'
|
||||
variant='ghost'
|
||||
onClick={prevStep}
|
||||
isDisabled={activeStep === 0}
|
||||
>
|
||||
مرحله قبل
|
||||
</Button>
|
||||
<Button colorScheme={'teal'} size='sm' onClick={CanAccess}>
|
||||
{activeStep === steps.length - 1 ? 'ثبت اطلاعات' : 'مرحله بعد'}
|
||||
</Button>
|
||||
</Flex>
|
||||
)}
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default CooperationRequest
|
||||
|
||||
+175
-175
@@ -1,176 +1,176 @@
|
||||
import React, { useEffect, useState} from 'react';
|
||||
import axios from "axios";
|
||||
import AppContainer from "./appContainer";
|
||||
import {AppFile, AppUrl} from "../lib/api";
|
||||
import Image from "next/image";
|
||||
import dynamic from "next/dynamic";
|
||||
import { Suspense } from 'react'
|
||||
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCol,
|
||||
MDBContainer,
|
||||
MDBRow,
|
||||
} from "mdb-react-ui-kit";
|
||||
import {LightBox} from "react-lightbox-pack";
|
||||
import {Button, Divider, Tab, TabList, TabPanel, TabPanels, Tabs} from "@chakra-ui/react";
|
||||
|
||||
const APV = dynamic(() => import('./components/Videos'), {
|
||||
ssr: false,
|
||||
})
|
||||
const shimmer = (w, h) => `
|
||||
<svg width="${w}" height="${h}" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient id="g">
|
||||
<stop stop-color="#333" offset="20%" />
|
||||
<stop stop-color="#222" offset="50%" />
|
||||
<stop stop-color="#333" offset="70%" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="${w}" height="${h}" fill="#333" />
|
||||
<rect id="r" width="${w}" height="${h}" fill="url(#g)" />
|
||||
<animate xlink:href="#r" attributeName="x" from="-${w}" to="${w}" dur="1s" repeatCount="indefinite" />
|
||||
</svg>`
|
||||
|
||||
const toBase64 = (str) =>
|
||||
typeof window === 'undefined'
|
||||
? Buffer.from(str).toString('base64')
|
||||
: window.btoa(str)
|
||||
|
||||
const Gallery = (dataImage) => {
|
||||
const [Images, SetImages] = useState(dataImage)
|
||||
const [justifyActive, setJustifyActive] = React.useState('tab1');
|
||||
const [toggle, setToggle] = React.useState(false);
|
||||
const [sIndex, setSIndex] = React.useState(0);
|
||||
const [filterId, setFilterId] = React.useState(1);
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/parallax/Gallery.jpg`;
|
||||
}
|
||||
const Filter = async (filter) => {
|
||||
const res = await axios.get(AppUrl(`FilterGalleyImages/${filter}`));
|
||||
SetImages({dataImage : res.data})
|
||||
setFilterId(filter)
|
||||
}
|
||||
|
||||
const AllImage = async () => {
|
||||
const res = await axios.get(AppUrl(`GetGalleyImages`));
|
||||
SetImages({dataImage: res.data})
|
||||
}
|
||||
|
||||
// Handler
|
||||
const lightBoxHandler = (state, sIndex) => {
|
||||
setToggle(state);
|
||||
setSIndex(sIndex);
|
||||
};
|
||||
|
||||
const handleJustifyClick = (value) => {
|
||||
if (value === justifyActive) {
|
||||
return;
|
||||
}
|
||||
|
||||
setJustifyActive(value);
|
||||
};
|
||||
return (
|
||||
<div>
|
||||
<style jsx>
|
||||
{`
|
||||
.cardImage {
|
||||
background-color: #F3F4F6;
|
||||
padding: 5px;
|
||||
border-radius: 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 2px;
|
||||
}
|
||||
`}
|
||||
</style>
|
||||
<AppContainer>
|
||||
<div className="parallax-container">
|
||||
<h1 className={'center-align text-white header_back service-text dana font-weight-bold'}> گالری بیمارستان </h1>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src="Parallax.png"
|
||||
className={'responsive-img shadow-5'}
|
||||
placeholder="blur"
|
||||
blurDataURL={`data:image/svg+xml;base64,${toBase64(shimmer(3000, 1300))}`}
|
||||
alt="درباره بیارستان مهر ایرانیان پرند "
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer>
|
||||
<Tabs defaultIndex={1} className={'mt-5'} isFitted variant='enclosed'>
|
||||
<TabList mb='1em'>
|
||||
<Tab on className={'bk font-weight-bold'} _selected={{ color: 'white', bg: 'teal.500' }}>ویدئو ها</Tab>
|
||||
<Tab className={'bk font-weight-bold'} _selected={{ color: 'white', bg: 'teal.500' }}>تصاویر</Tab>
|
||||
</TabList>
|
||||
<TabPanels>
|
||||
<TabPanel>
|
||||
<APV />
|
||||
</TabPanel>
|
||||
<TabPanel>
|
||||
<div style={{ flexDirection: 'column' }} className={'flex justify-content-end flex-xl-row flex-lg-row flex-md-column flex-sm-column'}>
|
||||
<MDBBtn onClick={() => Filter(2)} color={filterId === 2 ? 'light' : 'light'} className={filterId === 2 ? 'm-2' : 'm-2 text-dark'}>تصاویر در حال ساخت</MDBBtn>
|
||||
<MDBBtn onClick={() => Filter(1)} color={filterId === 1 ? 'light' : 'light'} className={'m-2'}>تصاویر معماری</MDBBtn>
|
||||
<MDBBtn onClick={() => AllImage()} color={filterId !== 1 && 2 ? 'light' : 'light'} className={'m-2'}>همه تصاویر </MDBBtn>
|
||||
</div>
|
||||
<Divider colorScheme={'gray'} />
|
||||
<MDBRow style={{ marginTop: 10 }}>
|
||||
{Images && Images.dataImage.map((image ,index)=> {
|
||||
return (
|
||||
<MDBCol xs={12} sm={12} md={6} lg={3}>
|
||||
<div className={'cardImage'} key={image.id}>
|
||||
<img
|
||||
key={image.id}
|
||||
alt={image.title}
|
||||
width={350}
|
||||
style={{ cursor: 'zoom-in' }}
|
||||
className={'responsive-img'}
|
||||
src={AppFile(`panel-public/uploads/HospitalGallery/${image.imageAddr}`)}
|
||||
onClick={() => {
|
||||
lightBoxHandler(true, index);
|
||||
}}
|
||||
/>
|
||||
<br />
|
||||
<span>{ image.title }</span>
|
||||
</div>
|
||||
</MDBCol>
|
||||
)
|
||||
})}
|
||||
</MDBRow>
|
||||
</TabPanel>
|
||||
</TabPanels>
|
||||
</Tabs>
|
||||
|
||||
<LightBox
|
||||
state={toggle}
|
||||
event={lightBoxHandler}
|
||||
data={Images.dataImage}
|
||||
imageWidth="60vw"
|
||||
imageHeight="70vh"
|
||||
thumbnailHeight={50}
|
||||
thumbnailWidth={50}
|
||||
setImageIndex={setSIndex}
|
||||
imageIndex={sIndex}
|
||||
/>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
export async function getServerSideProps(context) {
|
||||
const res = await axios.get(AppUrl('GetGalleyImages'));
|
||||
return {
|
||||
props: {
|
||||
dataImage : res.data
|
||||
}, // will be passed to the page component as props
|
||||
}
|
||||
}
|
||||
import React, { useEffect, useState} from 'react';
|
||||
import axios from "axios";
|
||||
import AppContainer from "./appContainer";
|
||||
import {AppFile, AppUrl} from "../lib/api";
|
||||
import Image from "next/image";
|
||||
import dynamic from "next/dynamic";
|
||||
import { Suspense } from 'react'
|
||||
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCol,
|
||||
MDBContainer,
|
||||
MDBRow,
|
||||
} from "mdb-react-ui-kit";
|
||||
import {LightBox} from "react-lightbox-pack";
|
||||
import {Button, Divider, Tab, TabList, TabPanel, TabPanels, Tabs} from "@chakra-ui/react";
|
||||
|
||||
const APV = dynamic(() => import('./components/Videos'), {
|
||||
ssr: false,
|
||||
})
|
||||
const shimmer = (w, h) => `
|
||||
<svg width="${w}" height="${h}" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||
<defs>
|
||||
<linearGradient id="g">
|
||||
<stop stop-color="#333" offset="20%" />
|
||||
<stop stop-color="#222" offset="50%" />
|
||||
<stop stop-color="#333" offset="70%" />
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<rect width="${w}" height="${h}" fill="#333" />
|
||||
<rect id="r" width="${w}" height="${h}" fill="url(#g)" />
|
||||
<animate xlink:href="#r" attributeName="x" from="-${w}" to="${w}" dur="1s" repeatCount="indefinite" />
|
||||
</svg>`
|
||||
|
||||
const toBase64 = (str) =>
|
||||
typeof window === 'undefined'
|
||||
? Buffer.from(str).toString('base64')
|
||||
: window.btoa(str)
|
||||
|
||||
const Gallery = (dataImage) => {
|
||||
const [Images, SetImages] = useState(dataImage)
|
||||
const [justifyActive, setJustifyActive] = React.useState('tab1');
|
||||
const [toggle, setToggle] = React.useState(false);
|
||||
const [sIndex, setSIndex] = React.useState(0);
|
||||
const [filterId, setFilterId] = React.useState(1);
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/parallax/Gallery.jpg`;
|
||||
}
|
||||
const Filter = async (filter) => {
|
||||
const res = await axios.get(AppUrl(`FilterGalleyImages/${filter}`));
|
||||
SetImages({dataImage : res.data})
|
||||
setFilterId(filter)
|
||||
}
|
||||
|
||||
const AllImage = async () => {
|
||||
const res = await axios.get(AppUrl(`GetGalleyImages`));
|
||||
SetImages({dataImage: res.data})
|
||||
}
|
||||
|
||||
// Handler
|
||||
const lightBoxHandler = (state, sIndex) => {
|
||||
setToggle(state);
|
||||
setSIndex(sIndex);
|
||||
};
|
||||
|
||||
const handleJustifyClick = (value) => {
|
||||
if (value === justifyActive) {
|
||||
return;
|
||||
}
|
||||
|
||||
setJustifyActive(value);
|
||||
};
|
||||
return (
|
||||
<div>
|
||||
<style jsx>
|
||||
{`
|
||||
.cardImage {
|
||||
background-color: #F3F4F6;
|
||||
padding: 5px;
|
||||
border-radius: 1rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
margin: 2px;
|
||||
}
|
||||
`}
|
||||
</style>
|
||||
<AppContainer>
|
||||
<div className="parallax-container">
|
||||
<h1 className={'center-align text-white header_back service-text dana font-weight-bold'}> گالری بیمارستان </h1>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src="Parallax.png"
|
||||
className={'responsive-img shadow-5'}
|
||||
placeholder="blur"
|
||||
blurDataURL={`data:image/svg+xml;base64,${toBase64(shimmer(3000, 1300))}`}
|
||||
alt="درباره بیارستان مهر ایرانیان پرند "
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer>
|
||||
<Tabs defaultIndex={1} className={'mt-5'} isFitted variant='enclosed'>
|
||||
<TabList mb='1em'>
|
||||
<Tab on className={'bk font-weight-bold'} _selected={{ color: 'white', bg: 'teal.500' }}>ویدئو ها</Tab>
|
||||
<Tab className={'bk font-weight-bold'} _selected={{ color: 'white', bg: 'teal.500' }}>تصاویر</Tab>
|
||||
</TabList>
|
||||
<TabPanels>
|
||||
<TabPanel>
|
||||
<APV />
|
||||
</TabPanel>
|
||||
<TabPanel>
|
||||
<div style={{ flexDirection: 'column' }} className={'flex justify-content-end flex-xl-row flex-lg-row flex-md-column flex-sm-column'}>
|
||||
<MDBBtn onClick={() => Filter(2)} color={filterId === 2 ? 'light' : 'light'} className={filterId === 2 ? 'm-2' : 'm-2 text-dark'}>تصاویر در حال ساخت</MDBBtn>
|
||||
<MDBBtn onClick={() => Filter(1)} color={filterId === 1 ? 'light' : 'light'} className={'m-2'}>تصاویر معماری</MDBBtn>
|
||||
<MDBBtn onClick={() => AllImage()} color={filterId !== 1 && 2 ? 'light' : 'light'} className={'m-2'}>همه تصاویر </MDBBtn>
|
||||
</div>
|
||||
<Divider colorScheme={'gray'} />
|
||||
<MDBRow style={{ marginTop: 10 }}>
|
||||
{Images && Images.dataImage.map((image ,index)=> {
|
||||
return (
|
||||
<MDBCol xs={12} sm={12} md={6} lg={3}>
|
||||
<div className={'cardImage'} key={image.id}>
|
||||
<img
|
||||
key={image.id}
|
||||
alt={image.title}
|
||||
width={350}
|
||||
style={{ cursor: 'zoom-in' }}
|
||||
className={'responsive-img'}
|
||||
src={AppFile(`panel-public/uploads/HospitalGallery/${image.imageAddr}`)}
|
||||
onClick={() => {
|
||||
lightBoxHandler(true, index);
|
||||
}}
|
||||
/>
|
||||
<br />
|
||||
<span>{ image.title }</span>
|
||||
</div>
|
||||
</MDBCol>
|
||||
)
|
||||
})}
|
||||
</MDBRow>
|
||||
</TabPanel>
|
||||
</TabPanels>
|
||||
</Tabs>
|
||||
|
||||
<LightBox
|
||||
state={toggle}
|
||||
event={lightBoxHandler}
|
||||
data={Images.dataImage}
|
||||
imageWidth="60vw"
|
||||
imageHeight="70vh"
|
||||
thumbnailHeight={50}
|
||||
thumbnailWidth={50}
|
||||
setImageIndex={setSIndex}
|
||||
imageIndex={sIndex}
|
||||
/>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
export async function getServerSideProps(context) {
|
||||
const res = await axios.get(AppUrl('GetGalleyImages'));
|
||||
return {
|
||||
props: {
|
||||
dataImage : res.data
|
||||
}, // will be passed to the page component as props
|
||||
}
|
||||
}
|
||||
export default Gallery;
|
||||
+80
-80
@@ -1,81 +1,81 @@
|
||||
import React from 'react';
|
||||
import {
|
||||
MDBCard,
|
||||
MDBCardImage,
|
||||
MDBCardBody,
|
||||
MDBCardTitle,
|
||||
MDBCardText,
|
||||
MDBRow,
|
||||
MDBCol,
|
||||
MDBContainer, MDBCardHeader, MDBBtn, MDBIcon, MDBInputGroupText, MDBTypography
|
||||
} from 'mdb-react-ui-kit';
|
||||
import axios from "axios";
|
||||
import Link from "next/link";
|
||||
import AppContainer from "./appContainer";
|
||||
import { useRouter } from 'next/router'
|
||||
import {AppUrl} from "../lib/api";
|
||||
import {DownloadIcon} from "@chakra-ui/icons";
|
||||
|
||||
const News = ({data, children}) => {
|
||||
const router = useRouter();
|
||||
const query = router.query.list;
|
||||
|
||||
const dataPage = (
|
||||
<MDBContainer>
|
||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>اطلاعیه ها </h5>
|
||||
<hr />
|
||||
<div>
|
||||
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #1266f1',borderLeft: 'none'}} note noteColor='primary'>
|
||||
<DownloadIcon className={'ml-2'} />
|
||||
<a title={'دانلود دفترچه معرفی و فروش سهام عمومی بیمارستان تخصصی مهر ایرانیان پرند'} download href={'./take-stock.pdf'}> دانلود دفترچه معرفی و فروش سهام عمومی بیمارستان تخصصی مهر پرند</a>
|
||||
</MDBTypography>
|
||||
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #1266f1',borderLeft: 'none'}} note noteColor='primary'>
|
||||
<DownloadIcon className={'ml-2'} />
|
||||
<a title={'دانلود طرح توجیهی بیمارستان تخصصی مهر ایرانیان پرند'} download href={'./Explanatory_plan_of_Mehr_ranian_Parand_Hospital.pdf'}> دانلود طرح توجیهی بیمارستان تخصصی مهر ایرانیان پرند</a>
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<br />
|
||||
<MDBRow dir={'rtl'} className='row-cols-1 row-cols-md-3 g-4'>
|
||||
{data && data.map(({ id, slug, title }) => (
|
||||
<MDBCol key={id}>
|
||||
<Link href={`page/news/${id}`} >
|
||||
<MDBCard className='mb-3 h-3/12 new-card'>
|
||||
<MDBCardHeader title={title} className={'right-align bk-med RTL font-weight-bold border-bottom-1 border-white '}>{title} </MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardText className={'right-align RTL text-summery'}>
|
||||
{slug}
|
||||
</MDBCardText>
|
||||
<div className={'flex justify-content-end'}>
|
||||
<MDBBtn rounded className=' RTL text-primary-teal bg-white'>
|
||||
مشاهده ...
|
||||
</MDBBtn>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
</MDBCol>
|
||||
))}
|
||||
</MDBRow>
|
||||
{children}
|
||||
</MDBContainer>
|
||||
)
|
||||
return (
|
||||
<div>
|
||||
{query ? <AppContainer children={dataPage} title={'اطلاعیه ها '} /> : dataPage}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default News;
|
||||
|
||||
|
||||
export const getServerSideProps = async (context) => {
|
||||
const allPostsData = await axios.get(AppUrl('news'));
|
||||
const data = await allPostsData.data;
|
||||
return {
|
||||
props: {
|
||||
data,
|
||||
fallback:false
|
||||
}, // will be passed to the page component as props
|
||||
}
|
||||
import React from 'react';
|
||||
import {
|
||||
MDBCard,
|
||||
MDBCardImage,
|
||||
MDBCardBody,
|
||||
MDBCardTitle,
|
||||
MDBCardText,
|
||||
MDBRow,
|
||||
MDBCol,
|
||||
MDBContainer, MDBCardHeader, MDBBtn, MDBIcon, MDBInputGroupText, MDBTypography
|
||||
} from 'mdb-react-ui-kit';
|
||||
import axios from "axios";
|
||||
import Link from "next/link";
|
||||
import AppContainer from "./appContainer";
|
||||
import { useRouter } from 'next/router'
|
||||
import {AppUrl} from "../lib/api";
|
||||
import {DownloadIcon} from "@chakra-ui/icons";
|
||||
|
||||
const News = ({data, children}) => {
|
||||
const router = useRouter();
|
||||
const query = router.query.list;
|
||||
|
||||
const dataPage = (
|
||||
<MDBContainer>
|
||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>اطلاعیه ها </h5>
|
||||
<hr />
|
||||
<div>
|
||||
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #1266f1',borderLeft: 'none'}} note noteColor='primary'>
|
||||
<DownloadIcon className={'ml-2'} />
|
||||
<a title={'دانلود دفترچه معرفی و فروش سهام عمومی بیمارستان تخصصی مهر ایرانیان پرند'} download href={'./take-stock.pdf'}> دانلود دفترچه معرفی و فروش سهام عمومی بیمارستان تخصصی مهر پرند</a>
|
||||
</MDBTypography>
|
||||
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #1266f1',borderLeft: 'none'}} note noteColor='primary'>
|
||||
<DownloadIcon className={'ml-2'} />
|
||||
<a title={'دانلود طرح توجیهی بیمارستان تخصصی مهر ایرانیان پرند'} download href={'./Explanatory_plan_of_Mehr_ranian_Parand_Hospital.pdf'}> دانلود طرح توجیهی بیمارستان تخصصی مهر ایرانیان پرند</a>
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<br />
|
||||
<MDBRow dir={'rtl'} className='row-cols-1 row-cols-md-3 g-4'>
|
||||
{data && data.map(({ id, slug, title }) => (
|
||||
<MDBCol key={id}>
|
||||
<Link href={`page/news/${id}`} >
|
||||
<MDBCard className='mb-3 h-3/12 new-card'>
|
||||
<MDBCardHeader title={title} className={'right-align bk-med RTL font-weight-bold border-bottom-1 border-white '}>{title} </MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardText className={'right-align RTL text-summery'}>
|
||||
{slug}
|
||||
</MDBCardText>
|
||||
<div className={'flex justify-content-end'}>
|
||||
<MDBBtn rounded className=' RTL text-primary-teal bg-white'>
|
||||
مشاهده ...
|
||||
</MDBBtn>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
</MDBCol>
|
||||
))}
|
||||
</MDBRow>
|
||||
{children}
|
||||
</MDBContainer>
|
||||
)
|
||||
return (
|
||||
<div>
|
||||
{query ? <AppContainer children={dataPage} title={'اطلاعیه ها '} /> : dataPage}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default News;
|
||||
|
||||
|
||||
export const getServerSideProps = async (context) => {
|
||||
const allPostsData = await axios.get(AppUrl('news'));
|
||||
const data = await allPostsData.data;
|
||||
return {
|
||||
props: {
|
||||
data,
|
||||
fallback:false
|
||||
}, // will be passed to the page component as props
|
||||
}
|
||||
}
|
||||
+45
-45
@@ -1,45 +1,45 @@
|
||||
import 'mdb-react-ui-kit/dist/css/mdb.min.css'
|
||||
import '../styles/global.css'
|
||||
import '../public/style/font/font.css'
|
||||
import '../styles/normalize.css'
|
||||
import 'swiper/swiper-bundle.css'
|
||||
import "../styles/simple-grid.css"
|
||||
import 'nprogress/nprogress.css';
|
||||
import "react-lightbox-pack/dist/index.css";
|
||||
import Router from "next/router";
|
||||
import React, {useState} from "react";
|
||||
import Loader from "./components/Loader";
|
||||
import NProgress from 'nprogress';
|
||||
import {ChakraProvider} from "@chakra-ui/react";
|
||||
import { extendTheme } from '@chakra-ui/react'
|
||||
import { StepsStyleConfig as Steps } from 'chakra-ui-steps';
|
||||
import {Provider} from "react-redux";
|
||||
import {CoreStore} from "../src/redux/store/store";
|
||||
|
||||
const theme = extendTheme({
|
||||
components: {
|
||||
Steps,
|
||||
},
|
||||
});
|
||||
|
||||
export default function App({ Component, pageProps }) {
|
||||
|
||||
const [Loading,setLoading] = useState(false);
|
||||
Router.events.on('routeChangeStart',(url) => {
|
||||
NProgress.start()
|
||||
setLoading(true)
|
||||
})
|
||||
Router.events.on('routeChangeComplete',(url) => {
|
||||
NProgress.done()
|
||||
setLoading(false)
|
||||
})
|
||||
return (
|
||||
<Provider store={CoreStore}>
|
||||
{Loading && <Loader />}
|
||||
<ChakraProvider resetCSS={false} theme={theme}>
|
||||
<link href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" rel="stylesheet" />
|
||||
<Component {...pageProps } />
|
||||
</ChakraProvider>
|
||||
</Provider>
|
||||
)
|
||||
}
|
||||
import 'mdb-react-ui-kit/dist/css/mdb.min.css'
|
||||
import '../styles/global.css'
|
||||
import '../public/style/font/font.css'
|
||||
import '../styles/normalize.css'
|
||||
import 'swiper/swiper-bundle.css'
|
||||
import "../styles/simple-grid.css"
|
||||
import 'nprogress/nprogress.css';
|
||||
import "react-lightbox-pack/dist/index.css";
|
||||
import Router from "next/router";
|
||||
import React, {useState} from "react";
|
||||
import Loader from "./components/Loader";
|
||||
import NProgress from 'nprogress';
|
||||
import {ChakraProvider} from "@chakra-ui/react";
|
||||
import { extendTheme } from '@chakra-ui/react'
|
||||
import { StepsStyleConfig as Steps } from 'chakra-ui-steps';
|
||||
import {Provider} from "react-redux";
|
||||
import {CoreStore} from "../src/redux/store/store";
|
||||
|
||||
const theme = extendTheme({
|
||||
components: {
|
||||
Steps,
|
||||
},
|
||||
});
|
||||
|
||||
export default function App({ Component, pageProps }) {
|
||||
|
||||
const [Loading,setLoading] = useState(false);
|
||||
Router.events.on('routeChangeStart',(url) => {
|
||||
NProgress.start()
|
||||
setLoading(true)
|
||||
})
|
||||
Router.events.on('routeChangeComplete',(url) => {
|
||||
NProgress.done()
|
||||
setLoading(false)
|
||||
})
|
||||
return (
|
||||
<Provider store={CoreStore}>
|
||||
{Loading && <Loader />}
|
||||
<ChakraProvider resetCSS={false} theme={theme}>
|
||||
<link href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" rel="stylesheet" />
|
||||
<Component {...pageProps } />
|
||||
</ChakraProvider>
|
||||
</Provider>
|
||||
)
|
||||
}
|
||||
|
||||
+24
-24
@@ -1,25 +1,25 @@
|
||||
const { SitemapStream, streamToPromise } = require("sitemap");
|
||||
const { Readable } = require("stream");
|
||||
|
||||
export default async (req, res) => {
|
||||
// An array with your links
|
||||
const links = [
|
||||
{ url: "/page/news/36/", priority: 0.3 },
|
||||
{ url: "/page/about", priority: 0.3 },
|
||||
{ url: "/recruitment", priority: 0.3 },
|
||||
{ url: "/contact-us", priority: 0.3 }
|
||||
];
|
||||
|
||||
// Create a stream to write to
|
||||
const stream = new SitemapStream({ hostname: `https://${req.headers.host}` });
|
||||
|
||||
res.writeHead(200, {
|
||||
"Content-Type": "application/xml",
|
||||
});
|
||||
|
||||
const xmlString = await streamToPromise(
|
||||
Readable.from(links).pipe(stream)
|
||||
).then((data) => data.toString());
|
||||
|
||||
res.end(xmlString);
|
||||
const { SitemapStream, streamToPromise } = require("sitemap");
|
||||
const { Readable } = require("stream");
|
||||
|
||||
export default async (req, res) => {
|
||||
// An array with your links
|
||||
const links = [
|
||||
{ url: "/page/news/36/", priority: 0.3 },
|
||||
{ url: "/page/about", priority: 0.3 },
|
||||
{ url: "/recruitment", priority: 0.3 },
|
||||
{ url: "/contact-us", priority: 0.3 }
|
||||
];
|
||||
|
||||
// Create a stream to write to
|
||||
const stream = new SitemapStream({ hostname: `https://${req.headers.host}` });
|
||||
|
||||
res.writeHead(200, {
|
||||
"Content-Type": "application/xml",
|
||||
});
|
||||
|
||||
const xmlString = await streamToPromise(
|
||||
Readable.from(links).pipe(stream)
|
||||
).then((data) => data.toString());
|
||||
|
||||
res.end(xmlString);
|
||||
};
|
||||
+27
-27
@@ -1,28 +1,28 @@
|
||||
import React from 'react';
|
||||
import Header from './components/Layout/header'
|
||||
import Footer from './components/Layout/footer'
|
||||
import Head from "next/head";
|
||||
import dynamic from "next/dynamic";
|
||||
import {Router} from "next/router";
|
||||
|
||||
|
||||
const Chat = dynamic(() => import('./pack'), {ssr: false})
|
||||
const AppContainer = ({children,title} ) => {
|
||||
return (
|
||||
<div>
|
||||
<Head>
|
||||
<title>{title ? title : 'بیمارستان مهر ایرانیان پرند '}</title>
|
||||
<meta name="description" content="بیمارستان 96 تخت خوابی مهر ایرانیان پرند واقع در شهر پرند " />
|
||||
<meta name="keywords" content=" درمانگاه مهرپرند,بیمارستان مهرایرانیان پرند ,بیمارستان, بیمارستان مهر, سهام,پرند" />
|
||||
<meta name="google-site-verification" content="1mcxI6a_QSwpZ-0W65WqgKOzenynNF4PXE8IBq1vEmc" />
|
||||
<link rel="icon" href="/resource/logo/favlogo.png" />
|
||||
</Head>
|
||||
<Chat />
|
||||
<Header />
|
||||
{children }
|
||||
<Footer />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
import React from 'react';
|
||||
import Header from './components/Layout/header'
|
||||
import Footer from './components/Layout/footer'
|
||||
import Head from "next/head";
|
||||
import dynamic from "next/dynamic";
|
||||
import {Router} from "next/router";
|
||||
|
||||
|
||||
const Chat = dynamic(() => import('./pack'), {ssr: false})
|
||||
const AppContainer = ({children,title} ) => {
|
||||
return (
|
||||
<div>
|
||||
<Head>
|
||||
<title>{title ? title : 'بیمارستان مهر ایرانیان پرند '}</title>
|
||||
<meta name="description" content="بیمارستان 96 تخت خوابی مهر ایرانیان پرند واقع در شهر پرند " />
|
||||
<meta name="keywords" content=" درمانگاه مهرپرند,بیمارستان مهرایرانیان پرند ,بیمارستان, بیمارستان مهر, سهام,پرند" />
|
||||
<meta name="google-site-verification" content="1mcxI6a_QSwpZ-0W65WqgKOzenynNF4PXE8IBq1vEmc" />
|
||||
<link rel="icon" href="/resource/logo/favlogo.png" />
|
||||
</Head>
|
||||
<Chat />
|
||||
<Header />
|
||||
{children }
|
||||
<Footer />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default AppContainer;
|
||||
+144
-144
@@ -1,144 +1,144 @@
|
||||
import React from "react";
|
||||
import { Swiper, SwiperSlide } from "swiper/react";
|
||||
import "swiper/swiper-bundle.min.css";
|
||||
import "swiper/swiper.min.css";
|
||||
|
||||
import Link from "next/link";
|
||||
import { MDBContainer } from "mdb-react-ui-kit";
|
||||
import { imgslides } from "../../src/redux/static";
|
||||
|
||||
|
||||
|
||||
const slides= [
|
||||
{
|
||||
id: 1,
|
||||
title: " شرکت گازهای طبی ره پویان توسعه تهران",
|
||||
img: imgslides.a,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: " شرکت پیاوار",
|
||||
img: imgslides.b,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "شرکت کارپذیر",
|
||||
img: imgslides.c,
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: " شرکت فنی مهندسی کهربا تراشه",
|
||||
img: imgslides.d,
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: " شرکت پویندگان راه سعادت",
|
||||
img: imgslides.e,
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
title: " صنایع چوبی دکو مهر",
|
||||
img: imgslides.f,
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
title: "شرکت لوازم اداری سهند",
|
||||
img: imgslides.g,
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
title: " شرکت طب و صنعت یاسین",
|
||||
img: imgslides.h
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
title: " شرکت مون گارشو",
|
||||
img: imgslides.i,
|
||||
},
|
||||
{
|
||||
id: 10,
|
||||
title: " شرکت پویان تهویه",
|
||||
img: imgslides.j,
|
||||
},
|
||||
{
|
||||
id: 11,
|
||||
title: " کاربین برج",
|
||||
img: imgslides.k,
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
const brands = () => {
|
||||
return (
|
||||
<MDBContainer className={"mt-5"}>
|
||||
<div className="flex justify-center">
|
||||
<h3 className="bk-med font-bold">سهامداران پروژه</h3>
|
||||
</div>
|
||||
<div className="">
|
||||
<Swiper
|
||||
// slidesPerGroup={3}
|
||||
// loopFillGroupWithBlank={true}
|
||||
slidesPerView={"auto"}
|
||||
// spaceBetween={50}
|
||||
className="mySwiper"
|
||||
onSwiper={(swiper) => console.log(swiper)}
|
||||
onSlideChange={() => console.log("slide change")}
|
||||
loop={true}
|
||||
autoplay={{
|
||||
delay: 2000,
|
||||
autoplayDisableOnInteraction: false,
|
||||
}}
|
||||
breakpoints={{
|
||||
1200: {
|
||||
slidesPerView: 4,
|
||||
spaceBetween: 50,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
320: {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
}}
|
||||
>
|
||||
{slides.map((slide) => {
|
||||
return (
|
||||
<SwiperSlide className="slidesBrands" key={slide.id}>
|
||||
<Link href="#">
|
||||
<div className="card-content">
|
||||
<div className="image w-full">
|
||||
<img
|
||||
src={slide.img}
|
||||
className="lg:w-[70%] md:w-[65%] m-auto slidimg "
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div className="detail flex text-center mt-[1.5rem] ">
|
||||
<p className="compony font-bold text-[0.8rem] text-[#1e1e2d] ">
|
||||
{slide.title}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
</SwiperSlide>
|
||||
);
|
||||
})}
|
||||
|
||||
|
||||
</Swiper>
|
||||
</div>
|
||||
</MDBContainer>
|
||||
);
|
||||
};
|
||||
|
||||
export default brands;
|
||||
import React from "react";
|
||||
import { Swiper, SwiperSlide } from "swiper/react";
|
||||
import "swiper/swiper-bundle.min.css";
|
||||
import "swiper/swiper.min.css";
|
||||
|
||||
import Link from "next/link";
|
||||
import { MDBContainer } from "mdb-react-ui-kit";
|
||||
import { imgslides } from "../../src/redux/static";
|
||||
|
||||
|
||||
|
||||
const slides= [
|
||||
{
|
||||
id: 1,
|
||||
title: " شرکت گازهای طبی ره پویان توسعه تهران",
|
||||
img: imgslides.a,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: " شرکت پیاوار",
|
||||
img: imgslides.b,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "شرکت کارپذیر",
|
||||
img: imgslides.c,
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: " شرکت فنی مهندسی کهربا تراشه",
|
||||
img: imgslides.d,
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: " شرکت پویندگان راه سعادت",
|
||||
img: imgslides.e,
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
title: " صنایع چوبی دکو مهر",
|
||||
img: imgslides.f,
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
title: "شرکت لوازم اداری سهند",
|
||||
img: imgslides.g,
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
title: " شرکت طب و صنعت یاسین",
|
||||
img: imgslides.h
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
title: " شرکت مون گارشو",
|
||||
img: imgslides.i,
|
||||
},
|
||||
{
|
||||
id: 10,
|
||||
title: " شرکت پویان تهویه",
|
||||
img: imgslides.j,
|
||||
},
|
||||
{
|
||||
id: 11,
|
||||
title: " کاربین برج",
|
||||
img: imgslides.k,
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
const brands = () => {
|
||||
return (
|
||||
<MDBContainer className={"mt-5"}>
|
||||
<div className="flex justify-center">
|
||||
<h3 className="bk-med font-bold">سهامداران پروژه</h3>
|
||||
</div>
|
||||
<div className="">
|
||||
<Swiper
|
||||
// slidesPerGroup={3}
|
||||
// loopFillGroupWithBlank={true}
|
||||
slidesPerView={"auto"}
|
||||
// spaceBetween={50}
|
||||
className="mySwiper"
|
||||
onSwiper={(swiper) => console.log(swiper)}
|
||||
onSlideChange={() => console.log("slide change")}
|
||||
loop={true}
|
||||
autoplay={{
|
||||
delay: 2000,
|
||||
autoplayDisableOnInteraction: false,
|
||||
}}
|
||||
breakpoints={{
|
||||
1200: {
|
||||
slidesPerView: 4,
|
||||
spaceBetween: 50,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
320: {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
}}
|
||||
>
|
||||
{slides.map((slide) => {
|
||||
return (
|
||||
<SwiperSlide className="slidesBrands" key={slide.id}>
|
||||
<Link href="#">
|
||||
<div className="card-content">
|
||||
<div className="image w-full">
|
||||
<img
|
||||
src={slide.img}
|
||||
className="lg:w-[70%] md:w-[65%] m-auto slidimg "
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div className="detail flex text-center mt-[1.5rem] ">
|
||||
<p className="compony font-bold text-[0.8rem] text-[#1e1e2d] ">
|
||||
{slide.title}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
</SwiperSlide>
|
||||
);
|
||||
})}
|
||||
|
||||
|
||||
</Swiper>
|
||||
</div>
|
||||
</MDBContainer>
|
||||
);
|
||||
};
|
||||
|
||||
export default brands;
|
||||
|
||||
@@ -1,91 +1,91 @@
|
||||
import React from 'react'
|
||||
import { MDBFooter, MDBContainer, MDBRow, MDBCol, MDBIcon } from 'mdb-react-ui-kit'
|
||||
import Link from 'next/link'
|
||||
|
||||
const Footer = () => {
|
||||
return (
|
||||
<>
|
||||
<MDBFooter className='text-center text-lg-left hover_color'>
|
||||
<MDBContainer className='p-4'>
|
||||
<MDBRow>
|
||||
<MDBCol lg='6' md='12' className='mb-4 mb-md-0'>
|
||||
<h5 className='text-uppercase text-white'>
|
||||
شرکت پزشکی مهر ایرانیان پرند
|
||||
<hr />
|
||||
</h5>
|
||||
|
||||
<p style={{ direction: 'rtl' }} className={'bk yekan-bakh-req text-white center-align'}>
|
||||
بیمارستان تخصصی مهرایرانیان واقع در بر اتوبان چهاربانده اصلی داخلی شهر پرند در بهترین موقعیت مکانی و در
|
||||
دل مسکن مهر، با هدف تبدیل شدن به یکی از قطب های درمانی منطقه در حال احداث می باشد. این بیمارستان که تنها
|
||||
بیمارستان تخصصی در کنار بزرگترین فرودگاه کشور است
|
||||
</p>
|
||||
</MDBCol>
|
||||
|
||||
<MDBCol lg='3' md='6' className='mb-4 mb-md-0'>
|
||||
<h5 className='text-uppercase text-white'>
|
||||
لینک های مفید
|
||||
<hr />
|
||||
</h5>
|
||||
|
||||
<ul style={{ lineHeight: 2 }} className='list-unstyled mb-0 bk '>
|
||||
<li>
|
||||
<Link href={{ pathname: '/News', query: { list: 'list' } }}>
|
||||
<a href='#!' className='text-white'>
|
||||
اطلاعیه ها
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href='/page/about' className='text-white'>
|
||||
<a style={{ color: 'white' }}> درباره </a>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<Link href='/page/contact-us' className='text-white'>
|
||||
<a style={{ color: 'white' }}> تماس با ما</a>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</MDBCol>
|
||||
|
||||
<MDBCol lg='3' md='6' className='mb-4 mb-md-0'>
|
||||
<h5 className='text-uppercase mb-0 text-white'>
|
||||
تماس با ما
|
||||
<hr />
|
||||
</h5>
|
||||
|
||||
<ul style={{ listStyle: 'none', lineHeight: 2 }} className='bk right center-align'>
|
||||
{/*<li>*/}
|
||||
{/* <a className='text-white dana' href="tel:02153457000">021 5345 7000 </a>*/}
|
||||
{/*</li>*/}
|
||||
<li>
|
||||
<a href='tel:02153457000' className='text-white dana'>
|
||||
021-53457000
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='#!' className='text-white'>
|
||||
contact-us@miphospital.ir
|
||||
</a>
|
||||
</li>
|
||||
<li className={'d-flex'} alignment='end'>
|
||||
<a href='#!' className='text-white center-align right'>
|
||||
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم (ع)
|
||||
</a>
|
||||
<MDBIcon className={'right right-align p-2 text-white'} fas icon='map-marker-alt' />
|
||||
</li>
|
||||
</ul>
|
||||
</MDBCol>
|
||||
</MDBRow>
|
||||
</MDBContainer>
|
||||
|
||||
<div className='text-center p-3' style={{ backgroundColor: 'rgba(0, 0, 0, 0.2)' }}>
|
||||
© {new Date().getFullYear()} <a className='text-dark'>contact-us@miphospital.ir</a>
|
||||
</div>
|
||||
</MDBFooter>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Footer
|
||||
import React from 'react'
|
||||
import { MDBFooter, MDBContainer, MDBRow, MDBCol, MDBIcon } from 'mdb-react-ui-kit'
|
||||
import Link from 'next/link'
|
||||
|
||||
const Footer = () => {
|
||||
return (
|
||||
<>
|
||||
<MDBFooter className='text-center text-lg-left hover_color'>
|
||||
<MDBContainer className='p-4'>
|
||||
<MDBRow>
|
||||
<MDBCol lg='6' md='12' className='mb-4 mb-md-0'>
|
||||
<h5 className='text-uppercase text-white'>
|
||||
شرکت پزشکی مهر ایرانیان پرند
|
||||
<hr />
|
||||
</h5>
|
||||
|
||||
<p style={{ direction: 'rtl' }} className={'bk yekan-bakh-req text-white center-align'}>
|
||||
بیمارستان تخصصی مهرایرانیان واقع در بر اتوبان چهاربانده اصلی داخلی شهر پرند در بهترین موقعیت مکانی و در
|
||||
دل مسکن مهر، با هدف تبدیل شدن به یکی از قطب های درمانی منطقه در حال احداث می باشد. این بیمارستان که تنها
|
||||
بیمارستان تخصصی در کنار بزرگترین فرودگاه کشور است
|
||||
</p>
|
||||
</MDBCol>
|
||||
|
||||
<MDBCol lg='3' md='6' className='mb-4 mb-md-0'>
|
||||
<h5 className='text-uppercase text-white'>
|
||||
لینک های مفید
|
||||
<hr />
|
||||
</h5>
|
||||
|
||||
<ul style={{ lineHeight: 2 }} className='list-unstyled mb-0 bk '>
|
||||
<li>
|
||||
<Link href={{ pathname: '/News', query: { list: 'list' } }}>
|
||||
<a href='#!' className='text-white'>
|
||||
اطلاعیه ها
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href='/page/about' className='text-white'>
|
||||
<a style={{ color: 'white' }}> درباره </a>
|
||||
</Link>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<Link href='/page/contact-us' className='text-white'>
|
||||
<a style={{ color: 'white' }}> تماس با ما</a>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</MDBCol>
|
||||
|
||||
<MDBCol lg='3' md='6' className='mb-4 mb-md-0'>
|
||||
<h5 className='text-uppercase mb-0 text-white'>
|
||||
تماس با ما
|
||||
<hr />
|
||||
</h5>
|
||||
|
||||
<ul style={{ listStyle: 'none', lineHeight: 2 }} className='bk right center-align'>
|
||||
{/*<li>*/}
|
||||
{/* <a className='text-white dana' href="tel:02153457000">021 5345 7000 </a>*/}
|
||||
{/*</li>*/}
|
||||
<li>
|
||||
<a href='tel:02153457000' className='text-white dana'>
|
||||
021-53457000
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='#!' className='text-white'>
|
||||
contact-us@miphospital.ir
|
||||
</a>
|
||||
</li>
|
||||
<li className={'d-flex'} alignment='end'>
|
||||
<a href='#!' className='text-white center-align right'>
|
||||
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم (ع)
|
||||
</a>
|
||||
<MDBIcon className={'right right-align p-2 text-white'} fas icon='map-marker-alt' />
|
||||
</li>
|
||||
</ul>
|
||||
</MDBCol>
|
||||
</MDBRow>
|
||||
</MDBContainer>
|
||||
|
||||
<div className='text-center p-3' style={{ backgroundColor: 'rgba(0, 0, 0, 0.2)' }}>
|
||||
© {new Date().getFullYear()} <a className='text-dark'>contact-us@miphospital.ir</a>
|
||||
</div>
|
||||
</MDBFooter>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Footer
|
||||
|
||||
+282
-285
@@ -1,285 +1,282 @@
|
||||
import React, { useState } from 'react'
|
||||
import Link from 'next/link'
|
||||
import Image from 'next/image'
|
||||
import {
|
||||
MDBContainer,
|
||||
MDBNavbar,
|
||||
MDBNavbarBrand,
|
||||
MDBNavbarToggler,
|
||||
MDBNavbarNav,
|
||||
MDBNavbarLink,
|
||||
MDBIcon,
|
||||
MDBCollapse,
|
||||
MDBDropdownToggle,
|
||||
MDBDropdownMenu,
|
||||
MDBDropdownItem,
|
||||
MDBDropdownLink,
|
||||
MDBDropdown,
|
||||
MDBCardImage,
|
||||
MDBDropdownDivider
|
||||
} from 'mdb-react-ui-kit'
|
||||
import { HamburgerIcon } from '@chakra-ui/icons'
|
||||
import PhoneCall from '../../../public/resource/icons/phone_calling (1).webp'
|
||||
import { useRouter } from 'next/router'
|
||||
import { Divider } from '@chakra-ui/react'
|
||||
|
||||
import { FaWhatsapp } from 'react-icons/fa'
|
||||
import { FaInstagram } from 'react-icons/fa'
|
||||
import { SiAparat } from 'react-icons/si'
|
||||
|
||||
export default function App() {
|
||||
const [showNavSecond, setShowNavSecond] = useState(false)
|
||||
|
||||
let router = useRouter()
|
||||
|
||||
return (
|
||||
<>
|
||||
{/* <div style={{ backgroundColor: '#69c6c8' }}>*/}
|
||||
{/* <div className={'flex h-5/12 justify-content-between'}>*/}
|
||||
{/* <div className={'flex justify-content-center align-items-center'}>*/}
|
||||
{/* <div className={'flex w-30 justify-content-center align-items-center'}>*/}
|
||||
{/* <img style={{position: 'absolute'}} width={90} src={PhoneCall} />*/}
|
||||
{/* <Divider style={{transform: 'rotate(90deg)', marginLeft: 55}} width={10} />*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className={'flex mt-3 flex-column'}>*/}
|
||||
{/* <div style={{fontSize: 15}} className={'text-white'}>*/}
|
||||
{/* خرید سهام*/}
|
||||
{/* </div>*/}
|
||||
{/* <div style={{fontSize: 15}} className={'flex align-items-center text-white'}>*/}
|
||||
{/* <p style={{fontSize: 10}}>021 -</p>*/}
|
||||
{/* <p>28426945</p>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className={''}>*/}
|
||||
{/* جای خالی*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
|
||||
{/*</div> */}
|
||||
{/* topheader */}
|
||||
<div className='bg-[#57C5C6] headerTop'>
|
||||
<div className='flex sm:flex-col md:flex-row 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='w-10 h-10 md:w-12 md:h-12 flex items-center justify-center'>
|
||||
<a
|
||||
target={'_blank'}
|
||||
href={'https://web.whatsapp.com/send?phone=98919419-+9420'}
|
||||
className='inline-flex rounded-full p-[0.4rem] text-[#57C5C6] bg-[#fff] hover:bg-[#014258] hover:text-[#fff] '
|
||||
>
|
||||
<FaWhatsapp />
|
||||
</a>
|
||||
</div>
|
||||
<div className=' w-10 h-10 md:w-12 md:h-12 flex items-center justify-center'>
|
||||
<a
|
||||
href={'https://www.instagram.com/miphospital/'}
|
||||
target={'_blank'}
|
||||
className='mx-5 inline-flex rounded-full p-[0.4rem] text-[#57C5C6] bg-[#fff] hover:bg-[#014258] hover:text-[#fff] '
|
||||
>
|
||||
<FaInstagram />
|
||||
</a>
|
||||
</div>
|
||||
<div className=' w-10 h-10 md:w-12 md:h-12 flex items-center justify-center'>
|
||||
<a
|
||||
href={'https://www.aparat.com/miphospital'}
|
||||
target={'_blank'}
|
||||
className='mx-5 inline-flex rounded-full p-[0.4rem] text-[#57C5C6] bg-[#fff] hover:bg-[#014258] hover:text-[#fff] '
|
||||
>
|
||||
<SiAparat />
|
||||
</a>
|
||||
</div>
|
||||
<div className='flex items-center justify-center'>
|
||||
<a
|
||||
href={'tel:02153457000'}
|
||||
className='rounded-full flex items-center p-[0.4rem] bg-[#39a2a5] text-[#fff] hover:bg-[#57c5c6] hover:text-[#fff] '
|
||||
>
|
||||
<span className={'text-sm'}> 021-53457000</span>
|
||||
<span className={'text-sm ml-2'}>:خرید سهام</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='show-addr col-span-2 flex items-center flex-row-reverse mr-4 meheAddress'>
|
||||
<img src='/resource/headerTop/map.svg' className='tex-white w-[2rem] map' alt='address' />
|
||||
<span className=' text-[0.6rem] text-right md:text-xs xl:text-sm md:leading-5 font-medium text-white addresstopHeader'>
|
||||
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* end topheader */}
|
||||
|
||||
{/* navbar */}
|
||||
<MDBNavbar style={{ backgroundColor: '#39a2a5' }} expand='lg' light ba>
|
||||
<style jsx>
|
||||
{`
|
||||
.responsive-menu-mobile {
|
||||
outline: none;
|
||||
background-color: red !important;
|
||||
}
|
||||
`}
|
||||
</style>
|
||||
|
||||
<MDBContainer className={'dana'} fluid>
|
||||
<MDBNavbarToggler
|
||||
aria-expanded='false'
|
||||
aria-label='Toggle navigation'
|
||||
onClick={() => setShowNavSecond(!showNavSecond)}
|
||||
>
|
||||
<HamburgerIcon />
|
||||
</MDBNavbarToggler>
|
||||
<MDBCollapse navbar show={showNavSecond}>
|
||||
<MDBNavbar>
|
||||
<MDBDropdown group className=''>
|
||||
<MDBDropdownToggle
|
||||
className={'font-weight-bold '}
|
||||
style={{ fontsize: '35px !important' }}
|
||||
color='light'
|
||||
>
|
||||
بیشتر
|
||||
</MDBDropdownToggle>
|
||||
<MDBDropdownMenu>
|
||||
<MDBDropdownItem>
|
||||
<Link href={'/page/Directors'}>
|
||||
<MDBDropdownLink style={{ cursor: 'pointer' }} className={'d-flex justify-content-end'}>
|
||||
تیم پروژه{' '}
|
||||
</MDBDropdownLink>
|
||||
</Link>
|
||||
</MDBDropdownItem>
|
||||
<Link href={'/page/about'}>
|
||||
<MDBDropdownLink style={{ cursor: 'pointer' }} className={'d-flex justify-content-end'}>
|
||||
درباره ما
|
||||
</MDBDropdownLink>
|
||||
</Link>
|
||||
<MDBDropdownItem></MDBDropdownItem>
|
||||
<MDBDropdownItem>
|
||||
<Link href={'/page/docs'}>
|
||||
<MDBDropdownLink style={{ cursor: 'pointer' }} className={'d-flex justify-content-end'}>
|
||||
اسناد رسمی شرکت{' '}
|
||||
</MDBDropdownLink>
|
||||
</Link>
|
||||
</MDBDropdownItem>
|
||||
<MDBDropdownItem>
|
||||
<MDBDropdownLink
|
||||
target={'__blanck'}
|
||||
href={'https://www.instagram.com/miphospital'}
|
||||
className={'d-flex justify-content-end'}
|
||||
>
|
||||
اینستاگرام
|
||||
</MDBDropdownLink>
|
||||
</MDBDropdownItem>
|
||||
</MDBDropdownMenu>
|
||||
</MDBDropdown>
|
||||
</MDBNavbar>
|
||||
<MDBNavbarNav className={'responsive-menu-mobile'}>
|
||||
<MDBNavbarLink
|
||||
className={
|
||||
router.pathname === '/page/contact-us' ? 'active-item text-white' : '' + 'text-white nav_item '
|
||||
}
|
||||
>
|
||||
<Link
|
||||
prefetch={false}
|
||||
className={'text-white nav_item d-flex flex-row-reverse '}
|
||||
href='/page/contact-us'
|
||||
as={'contact-us'}
|
||||
>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}> تماس با ما</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
|
||||
<MDBNavbarLink
|
||||
className={router.pathname === '/Gallery' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||
>
|
||||
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/Gallery'>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>گالری</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
<MDBNavbarLink
|
||||
className={
|
||||
router.pathname === '/components/service' ? 'active-item text-white' : '' + 'text-white nav_item '
|
||||
}
|
||||
>
|
||||
<Link
|
||||
prefetch={false}
|
||||
className={'text-white nav_item d-flex flex-row-reverse '}
|
||||
href='/components/service'
|
||||
as={'Service'}
|
||||
>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>بخش های درمانی</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
<MDBNavbarLink
|
||||
className={
|
||||
router.pathname === '/page/news/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'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}> شرایط انتقال سهام</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
<MDBNavbarLink
|
||||
className={router.pathname === '/medical-equipment' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||
>
|
||||
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/medical-equipment'>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>واحد تجهیزات پزشکی </span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
<MDBNavbarLink
|
||||
className={router.pathname === '/stock-unit' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||
>
|
||||
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/stock-unit'>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>واحد فروش سهام </span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
|
||||
<MDBNavbarLink
|
||||
className={router.pathname === '/page/news/52' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||
>
|
||||
<Link prefetch={false} className={'text-white nav_item d-flex flex-row-reverse '} href='/stock-price'>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>قیمت سهام</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
<MDBNavbarLink
|
||||
className={router.pathname === '/' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||
>
|
||||
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/'>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>صفحه اصلی</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
</MDBNavbarNav>
|
||||
</MDBCollapse>
|
||||
<MDBNavbarBrand className={'text-white font-weight-bold'}>
|
||||
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/'>
|
||||
<div className={'pointer'}>
|
||||
<span className={'dana'} style={{ cursor: 'pointer' }}>
|
||||
بیمارستان مهر ایرانیان
|
||||
</span>
|
||||
</div>
|
||||
</Link>
|
||||
<MDBCardImage className={'responsive-img resLogo'} width={'50'} src={'/resource/logo/logo.png'} />
|
||||
</MDBNavbarBrand>
|
||||
</MDBContainer>
|
||||
</MDBNavbar>
|
||||
</>
|
||||
)
|
||||
}
|
||||
import React, { useState } from 'react'
|
||||
import Link from 'next/link'
|
||||
import Image from 'next/image'
|
||||
import {
|
||||
MDBContainer,
|
||||
MDBNavbar,
|
||||
MDBNavbarBrand,
|
||||
MDBNavbarToggler,
|
||||
MDBNavbarNav,
|
||||
MDBNavbarLink,
|
||||
MDBIcon,
|
||||
MDBCollapse,
|
||||
MDBDropdownToggle,
|
||||
MDBDropdownMenu,
|
||||
MDBDropdownItem,
|
||||
MDBDropdownLink,
|
||||
MDBDropdown,
|
||||
MDBCardImage,
|
||||
MDBDropdownDivider
|
||||
} from 'mdb-react-ui-kit'
|
||||
import { HamburgerIcon } from '@chakra-ui/icons'
|
||||
import PhoneCall from '../../../public/resource/icons/phone_calling (1).webp'
|
||||
import { useRouter } from 'next/router'
|
||||
import { Divider } from '@chakra-ui/react'
|
||||
|
||||
import { FaWhatsapp } from 'react-icons/fa'
|
||||
import { FaInstagram } from 'react-icons/fa'
|
||||
import { SiAparat } from 'react-icons/si'
|
||||
|
||||
export default function App() {
|
||||
const [showNavSecond, setShowNavSecond] = useState(false)
|
||||
|
||||
let router = useRouter()
|
||||
|
||||
return (
|
||||
<>
|
||||
{/* <div style={{ backgroundColor: '#69c6c8' }}>*/}
|
||||
{/* <div className={'flex h-5/12 justify-content-between'}>*/}
|
||||
{/* <div className={'flex justify-content-center align-items-center'}>*/}
|
||||
{/* <div className={'flex w-30 justify-content-center align-items-center'}>*/}
|
||||
{/* <img style={{position: 'absolute'}} width={90} src={PhoneCall} />*/}
|
||||
{/* <Divider style={{transform: 'rotate(90deg)', marginLeft: 55}} width={10} />*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className={'flex mt-3 flex-column'}>*/}
|
||||
{/* <div style={{fontSize: 15}} className={'text-white'}>*/}
|
||||
{/* خرید سهام*/}
|
||||
{/* </div>*/}
|
||||
{/* <div style={{fontSize: 15}} className={'flex align-items-center text-white'}>*/}
|
||||
{/* <p style={{fontSize: 10}}>021 -</p>*/}
|
||||
{/* <p>28426945</p>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className={''}>*/}
|
||||
{/* جای خالی*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
|
||||
{/*</div> */}
|
||||
{/* topheader */}
|
||||
<div className='bg-[#57C5C6] headerTop'>
|
||||
<div className='flex sm:flex-col md:flex-row 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='w-10 h-10 md:w-12 md:h-12 flex items-center justify-center'>
|
||||
<a
|
||||
target={'_blank'}
|
||||
href={'https://web.whatsapp.com/send?phone=98919419-+9420'}
|
||||
className='inline-flex rounded-full p-[0.4rem] text-[#57C5C6] bg-[#fff] hover:bg-[#014258] hover:text-[#fff] '
|
||||
>
|
||||
<FaWhatsapp />
|
||||
</a>
|
||||
</div>
|
||||
<div className=' w-10 h-10 md:w-12 md:h-12 flex items-center justify-center'>
|
||||
<a
|
||||
href={'https://www.instagram.com/miphospital/'}
|
||||
target={'_blank'}
|
||||
className='mx-5 inline-flex rounded-full p-[0.4rem] text-[#57C5C6] bg-[#fff] hover:bg-[#014258] hover:text-[#fff] '
|
||||
>
|
||||
<FaInstagram />
|
||||
</a>
|
||||
</div>
|
||||
<div className=' w-10 h-10 md:w-12 md:h-12 flex items-center justify-center'>
|
||||
<a
|
||||
href={'https://www.aparat.com/miphospital'}
|
||||
target={'_blank'}
|
||||
className='mx-5 inline-flex rounded-full p-[0.4rem] text-[#57C5C6] bg-[#fff] hover:bg-[#014258] hover:text-[#fff] '
|
||||
>
|
||||
<SiAparat />
|
||||
</a>
|
||||
</div>
|
||||
<div className='flex items-center justify-center'>
|
||||
<a
|
||||
href={'tel:02153457000'}
|
||||
className='rounded-full flex items-center p-[0.4rem] bg-[#39a2a5] text-[#fff] hover:bg-[#57c5c6] hover:text-[#fff] '
|
||||
>
|
||||
<span className={'text-sm'}> 021-53457000</span>
|
||||
{/* <span className={'text-sm ml-2'}>:خرید سهام</span> */}
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='show-addr col-span-2 flex items-center flex-row-reverse mr-4 meheAddress'>
|
||||
<img src='/resource/headerTop/map.svg' className='tex-white w-[2rem] map' alt='address' />
|
||||
<span className=' text-[0.6rem] text-right md:text-xs xl:text-sm md:leading-5 font-medium text-white addresstopHeader'>
|
||||
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* end topheader */}
|
||||
|
||||
{/* navbar */}
|
||||
<MDBNavbar style={{ backgroundColor: '#39a2a5' }} expand='lg' light ba>
|
||||
<style jsx>
|
||||
{`
|
||||
.responsive-menu-mobile {
|
||||
outline: none;
|
||||
background-color: red !important;
|
||||
}
|
||||
`}
|
||||
</style>
|
||||
|
||||
<MDBContainer className={'dana'} fluid>
|
||||
<MDBNavbarToggler
|
||||
aria-expanded='false'
|
||||
aria-label='Toggle navigation'
|
||||
onClick={() => setShowNavSecond(!showNavSecond)}
|
||||
>
|
||||
<HamburgerIcon />
|
||||
</MDBNavbarToggler>
|
||||
<MDBCollapse navbar show={showNavSecond}>
|
||||
<MDBNavbar>
|
||||
<MDBDropdown group className=''>
|
||||
<MDBDropdownToggle
|
||||
className={'font-weight-bold '}
|
||||
style={{ fontsize: '35px !important' }}
|
||||
color='light'
|
||||
>
|
||||
بیشتر
|
||||
</MDBDropdownToggle>
|
||||
<MDBDropdownMenu>
|
||||
<MDBDropdownItem>
|
||||
<Link href={'/page/Directors'}>
|
||||
<MDBDropdownLink style={{ cursor: 'pointer' }} className={'d-flex justify-content-end'}>
|
||||
تیم پروژه{' '}
|
||||
</MDBDropdownLink>
|
||||
</Link>
|
||||
</MDBDropdownItem>
|
||||
<Link href={'/page/about'}>
|
||||
<MDBDropdownLink style={{ cursor: 'pointer' }} className={'d-flex justify-content-end'}>
|
||||
درباره ما
|
||||
</MDBDropdownLink>
|
||||
</Link>
|
||||
<MDBDropdownItem></MDBDropdownItem>
|
||||
<MDBDropdownItem>
|
||||
<Link href={'/page/docs'}>
|
||||
<MDBDropdownLink style={{ cursor: 'pointer' }} className={'d-flex justify-content-end'}>
|
||||
اسناد رسمی شرکت{' '}
|
||||
</MDBDropdownLink>
|
||||
</Link>
|
||||
</MDBDropdownItem>
|
||||
<MDBDropdownItem>
|
||||
<MDBDropdownLink
|
||||
target={'__blanck'}
|
||||
href={'https://www.instagram.com/miphospital'}
|
||||
className={'d-flex justify-content-end'}
|
||||
>
|
||||
اینستاگرام
|
||||
</MDBDropdownLink>
|
||||
</MDBDropdownItem>
|
||||
</MDBDropdownMenu>
|
||||
</MDBDropdown>
|
||||
</MDBNavbar>
|
||||
<MDBNavbarNav className={'responsive-menu-mobile'}>
|
||||
<MDBNavbarLink
|
||||
className={
|
||||
router.pathname === '/page/contact-us' ? 'active-item text-white' : '' + 'text-white nav_item '
|
||||
}
|
||||
>
|
||||
<Link
|
||||
prefetch={false}
|
||||
className={'text-white nav_item d-flex flex-row-reverse '}
|
||||
href='/page/contact-us'
|
||||
as={'contact-us'}
|
||||
>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}> تماس با ما</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
|
||||
<MDBNavbarLink
|
||||
className={router.pathname === '/Gallery' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||
>
|
||||
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/Gallery'>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>گالری</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
<MDBNavbarLink
|
||||
className={
|
||||
router.pathname === '/components/service' ? 'active-item text-white' : '' + 'text-white nav_item '
|
||||
}
|
||||
>
|
||||
<Link
|
||||
prefetch={false}
|
||||
className={'text-white nav_item d-flex flex-row-reverse '}
|
||||
href='/components/service'
|
||||
as={'Service'}
|
||||
>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>بخش های درمانی</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
<MDBNavbarLink
|
||||
className={router.pathname === '/page/news/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'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}> شرایط انتقال سهام</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
<MDBNavbarLink
|
||||
className={
|
||||
router.pathname === '/medical-equipment' ? 'active-item text-white' : '' + 'text-white nav_item '
|
||||
}
|
||||
>
|
||||
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/medical-equipment'>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>واحد تجهیزات پزشکی </span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
<MDBNavbarLink
|
||||
className={router.pathname === '/stock-unit' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||
>
|
||||
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/stock-unit'>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>امور سهام </span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
|
||||
{/* <MDBNavbarLink
|
||||
className={router.pathname === '/page/news/52' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||
>
|
||||
<Link prefetch={false} className={'text-white nav_item d-flex flex-row-reverse '} href='/stock-price'>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>قیمت سهام</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink> */}
|
||||
|
||||
<MDBNavbarLink
|
||||
className={router.pathname === '/' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||
>
|
||||
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/'>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>صفحه اصلی</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
</MDBNavbarNav>
|
||||
</MDBCollapse>
|
||||
<MDBNavbarBrand className={'text-white font-weight-bold'}>
|
||||
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/'>
|
||||
<div className={'pointer'}>
|
||||
<span className={'dana'} style={{ cursor: 'pointer' }}>
|
||||
بیمارستان مهر ایرانیان
|
||||
</span>
|
||||
</div>
|
||||
</Link>
|
||||
<MDBCardImage className={'responsive-img resLogo'} width={'50'} src={'/resource/logo/logo.png'} />
|
||||
</MDBNavbarBrand>
|
||||
</MDBContainer>
|
||||
</MDBNavbar>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
+61
-61
@@ -1,62 +1,62 @@
|
||||
import React from 'react';
|
||||
import {MDBCardImage, MDBCol, MDBRow, MDBSpinner} from "mdb-react-ui-kit";
|
||||
import Image from "next/image";
|
||||
const Loader = () => {
|
||||
|
||||
return (
|
||||
<div style={{ position: 'static '}}>
|
||||
<style jsx>
|
||||
{
|
||||
`
|
||||
.label-container{
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
height: 120%;
|
||||
opacity: 100;
|
||||
overflow: hidden;
|
||||
z-index: 15;
|
||||
transition: 2s;
|
||||
}
|
||||
|
||||
.loaderArea {
|
||||
background-color: white;
|
||||
padding: 10px;
|
||||
width: 250%;
|
||||
opacity: 100;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 150%;
|
||||
z-index: 16;
|
||||
border-radius: 15px;
|
||||
}
|
||||
`
|
||||
}
|
||||
</style>
|
||||
<div style={{ transition: '0.5s',backgroundColor: 'gray', width: '100%',height: '140%',position: 'absolute',zIndex:100,opacity: 0.8,overflow: 'hidden'}}>
|
||||
<div className={'label-container'} >
|
||||
<div className={'loaderArea'}>
|
||||
<img src="/resource/logo/logo-green.png" width={150} alt=""/>
|
||||
<div style={{ margin: 5 }}>
|
||||
<MDBSpinner grow style={{ width: '1rem', height: '1rem',margin: 5 }}>
|
||||
<span className='visually-hidden'>Loading...</span>
|
||||
</MDBSpinner>
|
||||
<MDBSpinner grow style={{ width: '1rem', height: '1rem',margin: 5 }}>
|
||||
<span className='visually-hidden'>Loading...</span>
|
||||
</MDBSpinner>
|
||||
<MDBSpinner grow style={{ width: '1rem', height: '1rem',margin: 5 }}>
|
||||
<span className='visually-hidden'>Loading...</span>
|
||||
</MDBSpinner>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
import React from 'react';
|
||||
import {MDBCardImage, MDBCol, MDBRow, MDBSpinner} from "mdb-react-ui-kit";
|
||||
import Image from "next/image";
|
||||
const Loader = () => {
|
||||
|
||||
return (
|
||||
<div style={{ position: 'static '}}>
|
||||
<style jsx>
|
||||
{
|
||||
`
|
||||
.label-container{
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
height: 120%;
|
||||
opacity: 100;
|
||||
overflow: hidden;
|
||||
z-index: 15;
|
||||
transition: 2s;
|
||||
}
|
||||
|
||||
.loaderArea {
|
||||
background-color: white;
|
||||
padding: 10px;
|
||||
width: 250%;
|
||||
opacity: 100;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 150%;
|
||||
z-index: 16;
|
||||
border-radius: 15px;
|
||||
}
|
||||
`
|
||||
}
|
||||
</style>
|
||||
<div style={{ transition: '0.5s',backgroundColor: 'gray', width: '100%',height: '140%',position: 'absolute',zIndex:100,opacity: 0.8,overflow: 'hidden'}}>
|
||||
<div className={'label-container'} >
|
||||
<div className={'loaderArea'}>
|
||||
<img src="/resource/logo/logo-green.png" width={150} alt=""/>
|
||||
<div style={{ margin: 5 }}>
|
||||
<MDBSpinner grow style={{ width: '1rem', height: '1rem',margin: 5 }}>
|
||||
<span className='visually-hidden'>Loading...</span>
|
||||
</MDBSpinner>
|
||||
<MDBSpinner grow style={{ width: '1rem', height: '1rem',margin: 5 }}>
|
||||
<span className='visually-hidden'>Loading...</span>
|
||||
</MDBSpinner>
|
||||
<MDBSpinner grow style={{ width: '1rem', height: '1rem',margin: 5 }}>
|
||||
<span className='visually-hidden'>Loading...</span>
|
||||
</MDBSpinner>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Loader;
|
||||
@@ -1,86 +1,86 @@
|
||||
/** @format */
|
||||
|
||||
import React from 'react'
|
||||
import OnlineSvg from '../../public/resource/images/OnlineSales.svg'
|
||||
import { FiArrowLeft } from 'react-icons/fi'
|
||||
import { MDBBtn, MDBCard, MDBCardBody, MDBCardText, MDBCardTitle, MDBContainer } from 'mdb-react-ui-kit'
|
||||
import Investment from '../../public/resource/images/paper.png'
|
||||
const OnlineSales = () => {
|
||||
return (
|
||||
<>
|
||||
<div className='w-full bg-online-box rounded-lg '>
|
||||
<style jsx>
|
||||
{`
|
||||
.bg-online-box {
|
||||
background: radial-gradient(
|
||||
50% 50% at 50% 50%,
|
||||
rgba(87, 197, 198, 0.09) 0%,
|
||||
rgba(87, 197, 198, 0.2) 100%
|
||||
);
|
||||
}
|
||||
`}
|
||||
</style>
|
||||
<div className='p-4 flex lg:flex-row md:flex-col sm:flex-col items-center justify-between'>
|
||||
<div className={'sm:justify-center md:justify-center'}>
|
||||
<div>
|
||||
<iframe
|
||||
className={'rounded-4 lg:w-96 sm:w-full h-52'}
|
||||
src='https://www.aparat.com/video/video/embed/videohash/7riQv/vt/frame'
|
||||
allowFullScreen='true'
|
||||
webkitallowfullscreen='true'
|
||||
mozallowfullscreen='true'
|
||||
></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div dir='rtl' className='flex flex-col'>
|
||||
<div className={'text-center flex justify-content-center'}>
|
||||
<img width={250} src={OnlineSvg} />
|
||||
</div>
|
||||
<div className={'sm:mt-5'}>
|
||||
<h2 className='bk-heavy'>خرید سهام بیمارستان مهر ایرانیان</h2>
|
||||
</div>
|
||||
<div className='text-gray-500 mt-3'>
|
||||
<h5 className='yekan-bakh-req leading-9 font-bold'>
|
||||
بهترین فرصت سرمایه گذاری در بخش درمان تصمیم بگیرید
|
||||
<br />و سرمایه گذار این بخش باشید.
|
||||
</h5>
|
||||
</div>
|
||||
<div className='mt-4 flex lg:justify-start sm:justify-center md:justify-center'>
|
||||
<a className={'text-[#39a2a5]'} target={'_blank'} href='https://landing.miphospital.ir/'>
|
||||
<MDBBtn outline className={'border-[#39a2a5] ml-3'} rounded>
|
||||
اطلاعات بیشتر
|
||||
</MDBBtn>
|
||||
</a>
|
||||
<a className={'text-white'} target={'_blank'} href='https://panel.mehriranianco.ir/welcome'>
|
||||
<MDBBtn className={'bg-primary-teal'} rounded>
|
||||
خرید سهام
|
||||
<FiArrowLeft className={'mr-2'} />
|
||||
</MDBBtn>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*<div>*/}
|
||||
{/* <MDBCardBody className={'card-inner'}>*/}
|
||||
{/* <div className={'flex justify-content-space'}>*/}
|
||||
{/* <div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>*/}
|
||||
{/* <img width={60} src={Investment} />*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className={'mr-5'}>*/}
|
||||
{/* <MDBCardTitle className={'bk-med'}>خرید سهام </MDBCardTitle>*/}
|
||||
{/* <MDBCardText className={'bk-light'}>*/}
|
||||
{/* خرید سهام بیمارستان مهر ایرانیان پرند*/}
|
||||
{/* </MDBCardText>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className={'flex justify-content-end'}>*/}
|
||||
{/* <MDBBtn href={'#contactUsform'} rounded className={'bk-med bg-primary-teal'}>خرید سهام </MDBBtn>*/}
|
||||
{/* </div>*/}
|
||||
{/* </MDBCardBody>*/}
|
||||
{/*</div>*/}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default OnlineSales
|
||||
/** @format */
|
||||
|
||||
import React from 'react'
|
||||
import OnlineSvg from '../../public/resource/images/OnlineSales.svg'
|
||||
import { FiArrowLeft } from 'react-icons/fi'
|
||||
import { MDBBtn, MDBCard, MDBCardBody, MDBCardText, MDBCardTitle, MDBContainer } from 'mdb-react-ui-kit'
|
||||
import Investment from '../../public/resource/images/paper.png'
|
||||
const OnlineSales = () => {
|
||||
return (
|
||||
<>
|
||||
<div className='w-full bg-online-box rounded-lg '>
|
||||
<style jsx>
|
||||
{`
|
||||
.bg-online-box {
|
||||
background: radial-gradient(
|
||||
50% 50% at 50% 50%,
|
||||
rgba(87, 197, 198, 0.09) 0%,
|
||||
rgba(87, 197, 198, 0.2) 100%
|
||||
);
|
||||
}
|
||||
`}
|
||||
</style>
|
||||
<div className='p-4 flex lg:flex-row md:flex-col sm:flex-col items-center justify-between'>
|
||||
<div className={'sm:justify-center md:justify-center'}>
|
||||
<div>
|
||||
<iframe
|
||||
className={'rounded-4 lg:w-96 sm:w-full h-52'}
|
||||
src='https://www.aparat.com/video/video/embed/videohash/7riQv/vt/frame'
|
||||
allowFullScreen='true'
|
||||
webkitallowfullscreen='true'
|
||||
mozallowfullscreen='true'
|
||||
></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div dir='rtl' className='flex flex-col'>
|
||||
<div className={'text-center flex justify-content-center'}>
|
||||
<img width={250} src={OnlineSvg} />
|
||||
</div>
|
||||
<div className={'sm:mt-5'}>
|
||||
<h2 className='bk-heavy'>خرید سهام بیمارستان مهر ایرانیان</h2>
|
||||
</div>
|
||||
<div className='text-gray-500 mt-3'>
|
||||
<h5 className='yekan-bakh-req leading-9 font-bold'>
|
||||
بهترین فرصت سرمایه گذاری در بخش درمان تصمیم بگیرید
|
||||
<br />و سرمایه گذار این بخش باشید.
|
||||
</h5>
|
||||
</div>
|
||||
<div className='mt-4 flex lg:justify-start sm:justify-center md:justify-center'>
|
||||
<a className={'text-[#39a2a5]'} target={'_blank'} href='https://landing.miphospital.ir/'>
|
||||
<MDBBtn outline className={'border-[#39a2a5] ml-3'} rounded>
|
||||
اطلاعات بیشتر
|
||||
</MDBBtn>
|
||||
</a>
|
||||
<a className={'text-white'} target={'_blank'} href='https://panel.mehriranianco.ir/welcome'>
|
||||
<MDBBtn className={'bg-primary-teal'} rounded>
|
||||
خرید سهام
|
||||
<FiArrowLeft className={'mr-2'} />
|
||||
</MDBBtn>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*<div>*/}
|
||||
{/* <MDBCardBody className={'card-inner'}>*/}
|
||||
{/* <div className={'flex justify-content-space'}>*/}
|
||||
{/* <div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>*/}
|
||||
{/* <img width={60} src={Investment} />*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className={'mr-5'}>*/}
|
||||
{/* <MDBCardTitle className={'bk-med'}>خرید سهام </MDBCardTitle>*/}
|
||||
{/* <MDBCardText className={'bk-light'}>*/}
|
||||
{/* خرید سهام بیمارستان مهر ایرانیان پرند*/}
|
||||
{/* </MDBCardText>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className={'flex justify-content-end'}>*/}
|
||||
{/* <MDBBtn href={'#contactUsform'} rounded className={'bk-med bg-primary-teal'}>خرید سهام </MDBBtn>*/}
|
||||
{/* </div>*/}
|
||||
{/* </MDBCardBody>*/}
|
||||
{/*</div>*/}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default OnlineSales
|
||||
|
||||
+60
-60
@@ -1,61 +1,61 @@
|
||||
import React,{useState} from 'react';
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBIcon,
|
||||
MDBModal,
|
||||
MDBModalBody, MDBModalContent,
|
||||
MDBModalDialog,
|
||||
MDBModalFooter,
|
||||
MDBModalHeader, MDBModalTitle
|
||||
} from "mdb-react-ui-kit";
|
||||
|
||||
const Paralax = () => {
|
||||
const [basicModal, setBasicModal] = useState(false);
|
||||
if (basicModal){
|
||||
setTimeout(()=> {
|
||||
setBasicModal(false)
|
||||
},2000)
|
||||
}
|
||||
|
||||
return (
|
||||
<div className='bg-image mt-5 d-flex flex-md-column flex-sm-column ' style={{ maxWidth: '1080rem' }}>
|
||||
<img style={{ width: '100%' }} src={'https://mehrara-api.iran.liara.run/panel-public/uploads/1653317481HLqP4.jpg'} alt="Picture of the author" />
|
||||
<div className='mask' style={{ backgroundColor: 'rgba(0, 0, 0, 0.6)' }}>
|
||||
<div className='d-flex flex-md-column flex-sm-column justify-content-center align-items-center h-100 dana'>
|
||||
<h2 className='text-white p-5 mb-0'>
|
||||
<MDBBtn onClick={() => setBasicModal(true)} size='lg' color='success'>
|
||||
دریافت نوبت آنلاین
|
||||
<MDBIcon style={{ paddingLeft: "15px",paddingTop: "5px",maxWidth: "100px",maxHeight: '50px' }} className='me-2 ' icon='clock' />
|
||||
</MDBBtn>
|
||||
</h2>
|
||||
{/*<h3 style={{marginRight: "5%"}} className='text-white mb-0'> 021 - 2842 6945 تماس تلفنی </h3>*/}
|
||||
</div>
|
||||
</div>
|
||||
{process.browser &&
|
||||
<MDBModal show={basicModal} tabIndex='-1'>
|
||||
<MDBModalDialog>
|
||||
<MDBModalContent>
|
||||
<MDBModalHeader>
|
||||
<MDBModalTitle className={'d-flex justify-content-start'} >این بخش در حال حاضر دسترس نیست </MDBModalTitle>
|
||||
<MDBBtn className='btn-close left left-align d-flex justify-content-end' color='none' onClick={() => setBasicModal(false)}></MDBBtn>
|
||||
</MDBModalHeader>
|
||||
<MDBModalBody className={'d-flex justify-content-around'}>
|
||||
<MDBIcon className='ms-1 text-danger' icon='exclamation' size='7x' />
|
||||
</MDBModalBody>
|
||||
|
||||
<MDBModalFooter className={'d-flex justify-content-around'}>
|
||||
<MDBBtn color='secondary' onClick={() => setBasicModal(false)}>
|
||||
بستن
|
||||
</MDBBtn>
|
||||
</MDBModalFooter>
|
||||
</MDBModalContent>
|
||||
</MDBModalDialog>
|
||||
</MDBModal>
|
||||
}
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
import React,{useState} from 'react';
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBIcon,
|
||||
MDBModal,
|
||||
MDBModalBody, MDBModalContent,
|
||||
MDBModalDialog,
|
||||
MDBModalFooter,
|
||||
MDBModalHeader, MDBModalTitle
|
||||
} from "mdb-react-ui-kit";
|
||||
|
||||
const Paralax = () => {
|
||||
const [basicModal, setBasicModal] = useState(false);
|
||||
if (basicModal){
|
||||
setTimeout(()=> {
|
||||
setBasicModal(false)
|
||||
},2000)
|
||||
}
|
||||
|
||||
return (
|
||||
<div className='bg-image mt-5 d-flex flex-md-column flex-sm-column ' style={{ maxWidth: '1080rem' }}>
|
||||
<img style={{ width: '100%' }} src={'https://mehrara-api.iran.liara.run/panel-public/uploads/1653317481HLqP4.jpg'} alt="Picture of the author" />
|
||||
<div className='mask' style={{ backgroundColor: 'rgba(0, 0, 0, 0.6)' }}>
|
||||
<div className='d-flex flex-md-column flex-sm-column justify-content-center align-items-center h-100 dana'>
|
||||
<h2 className='text-white p-5 mb-0'>
|
||||
<MDBBtn onClick={() => setBasicModal(true)} size='lg' color='success'>
|
||||
دریافت نوبت آنلاین
|
||||
<MDBIcon style={{ paddingLeft: "15px",paddingTop: "5px",maxWidth: "100px",maxHeight: '50px' }} className='me-2 ' icon='clock' />
|
||||
</MDBBtn>
|
||||
</h2>
|
||||
{/*<h3 style={{marginRight: "5%"}} className='text-white mb-0'> 021 - 2842 6945 تماس تلفنی </h3>*/}
|
||||
</div>
|
||||
</div>
|
||||
{process.browser &&
|
||||
<MDBModal show={basicModal} tabIndex='-1'>
|
||||
<MDBModalDialog>
|
||||
<MDBModalContent>
|
||||
<MDBModalHeader>
|
||||
<MDBModalTitle className={'d-flex justify-content-start'} >این بخش در حال حاضر دسترس نیست </MDBModalTitle>
|
||||
<MDBBtn className='btn-close left left-align d-flex justify-content-end' color='none' onClick={() => setBasicModal(false)}></MDBBtn>
|
||||
</MDBModalHeader>
|
||||
<MDBModalBody className={'d-flex justify-content-around'}>
|
||||
<MDBIcon className='ms-1 text-danger' icon='exclamation' size='7x' />
|
||||
</MDBModalBody>
|
||||
|
||||
<MDBModalFooter className={'d-flex justify-content-around'}>
|
||||
<MDBBtn color='secondary' onClick={() => setBasicModal(false)}>
|
||||
بستن
|
||||
</MDBBtn>
|
||||
</MDBModalFooter>
|
||||
</MDBModalContent>
|
||||
</MDBModalDialog>
|
||||
</MDBModal>
|
||||
}
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
export default Paralax;
|
||||
+160
-160
@@ -1,161 +1,161 @@
|
||||
import React from 'react';
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardText,
|
||||
MDBCardTitle, MDBCol,
|
||||
MDBContainer,
|
||||
MDBRow,
|
||||
MDBTypography
|
||||
} from "mdb-react-ui-kit";
|
||||
import { Swiper, SwiperSlide } from 'swiper/react';
|
||||
import SwiperCore, { Autoplay } from 'swiper';
|
||||
import * as PropTypes from "prop-types";
|
||||
import Adib_user from '../../public/resource/avatar/sales/Adib_user.jpg'
|
||||
import Babagoli from '../../public/resource/avatar/sales/Babagoli.png'
|
||||
import Talebi from '../../public/resource/avatar/sales/Talebi.png'
|
||||
import Namaki from '../../public/resource/avatar/sales/namaki.png'
|
||||
import { Badge, Box, Image, Img } from "@chakra-ui/react";
|
||||
import { MdPhone } from "react-icons/md";
|
||||
import Link from "next/link";
|
||||
import Req from "../../public/resource/parallax/Asset 1.svg";
|
||||
|
||||
|
||||
|
||||
SwiperCore.use([Autoplay]);
|
||||
|
||||
function MDBCardImage(props) {
|
||||
return null;
|
||||
}
|
||||
|
||||
MDBCardImage.propTypes = {
|
||||
src: PropTypes.string,
|
||||
alt: PropTypes.string,
|
||||
position: PropTypes.string
|
||||
};
|
||||
const SalesTeam = () => {
|
||||
const users = [
|
||||
{ id: 1, name: 'سیمین ادیب', call: '09933924405', img: Adib_user, job: 'کارشناس فروش' },
|
||||
{ id: 2, name: ' فاطمه باباگلی', call: '09195013991', img: Babagoli, job: 'کارشناس فروش' },
|
||||
{ id: 3, name: ' مریم طالبی ', call: '09184894952', img: Talebi, job: 'کارشناس فروش' },
|
||||
// {id:4, name: ' دکتر اسماعیلی ', call: '09204943950', img: Namaki, job: 'مدیر فروش سهام'},
|
||||
]
|
||||
// return (
|
||||
// <MDBContainer className={''}>
|
||||
|
||||
// <div className={'mb-5'}>
|
||||
// <Link href={'/recruitment'}>
|
||||
// <div className={'cursor-pointer hover-shadow'}>
|
||||
// <Img className={'rounded'} loading={'lazy'} src={Req} />
|
||||
// </div>
|
||||
// </Link>
|
||||
// </div>
|
||||
// <div className={'flex flex-col align-items-center justify-content-center'}>
|
||||
// <h4 className={'bk-med'}> کارشناسان فروش سهام</h4>
|
||||
// <p className={'bk-light text-gray'}>خرید و فروش سهام ، پاسخ به سوالات ، مشاوره خرید</p>
|
||||
// </div>
|
||||
// <Swiper
|
||||
// spaceBetween={20}
|
||||
// slidesPerView={3}
|
||||
// className={'text-center'}
|
||||
// // onSlideChange={() => console.log('slide change')}
|
||||
// // onSwiper={(swiper) => console.log(swiper)}
|
||||
// autoplay={{
|
||||
// "delay": 2500,
|
||||
// "disableOnInteraction": false
|
||||
// }}
|
||||
// breakpoints={{
|
||||
// "640": {
|
||||
// "slidesPerView": 1,
|
||||
// "spaceBetween": 0
|
||||
// },
|
||||
// "360": {
|
||||
// "slidesPerView": 1,
|
||||
// "spaceBetween": 0
|
||||
// },
|
||||
// "320": {
|
||||
// "slidesPerView": 1,
|
||||
// "spaceBetween": 0
|
||||
// },
|
||||
// "596": {
|
||||
// width: 1080,
|
||||
// "slidesPerView": 2,
|
||||
// "spaceBetween": 20
|
||||
// },
|
||||
// "526": {
|
||||
// "slidesPerView": 2,
|
||||
// "spaceBetween": 20
|
||||
// },
|
||||
|
||||
// "996": {
|
||||
// "slidesPerView": 2,
|
||||
// "spaceBetween": 20
|
||||
// },
|
||||
// "860": {
|
||||
// "slidesPerView": 2,
|
||||
// "spaceBetween": 20
|
||||
// },
|
||||
// "768": {
|
||||
// "slidesPerView": 2,
|
||||
// "spaceBetween": 20
|
||||
// },
|
||||
// "972": {
|
||||
// "slidesPerView": 3,
|
||||
// "spaceBetween": 20
|
||||
// },
|
||||
// "1024": {
|
||||
// "slidesPerView": 3,
|
||||
// "spaceBetween": 20
|
||||
// }
|
||||
// }}
|
||||
// >
|
||||
// {users.map((item) => (
|
||||
// <SwiperSlide className={'flex justify-content-center'}>
|
||||
// <Box width={250} className={'shadow-2-strong hover-shadow m-2'} maxW='sm' borderWidth='1px' borderRadius='lg' overflow='hidden'>
|
||||
// <Image src={item.img} alt={'بیمارستان مهر ایرانیان'} />
|
||||
// <Box p='6'>
|
||||
// <Box
|
||||
// textAlign={'center'}
|
||||
// mt='1'
|
||||
// fontWeight='semibold'
|
||||
// as='h4'
|
||||
// className={'bk'}
|
||||
// lineHeight='tight'
|
||||
// isTruncated
|
||||
// >
|
||||
// {item.name}
|
||||
// </Box>
|
||||
// <p style={{ fontSize: 12 }} className={'text-gray'}>{item.job}</p>
|
||||
// <Box textAlign={'center'}>
|
||||
// <Box as='span' color='gray.600' fontSize='sm'>
|
||||
// <div className={'bg-dark-teal py-2 text-white p-1 rounded-pill '}>
|
||||
// <a className={'text-white'} href={'tel:' + item.call}>
|
||||
// <MdPhone className={'bg-white p-1 mr-2 text-lg rounded-circle text-black'} />
|
||||
// {item.call}
|
||||
// </a>
|
||||
// </div>
|
||||
// </Box>
|
||||
// </Box>
|
||||
// </Box>
|
||||
// </Box>
|
||||
// </SwiperSlide>
|
||||
// ))}
|
||||
// </Swiper>
|
||||
// <MDBContainer className={'mt-5'}>
|
||||
// <div className={'p-2 rounded-5 lg:flex-row-reverse md:flex md:flex-col md:justify-center text-center dana'} style={{ backgroundColor: '#A7F3D0', borderLeft: '4px solid #34D399', borderRight: '4px solid #34D399' }}>
|
||||
// <div>
|
||||
// <MDBTypography className={'ml-2 RTL text-base md:text-[1.25rem]'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>مشاوره تلفنی خرید سهام </MDBTypography>
|
||||
// </div>
|
||||
// <div>
|
||||
// <MDBTypography className={'mr-2 text-base md:text-[1.25rem]'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>021 - 53457000 </MDBTypography>
|
||||
// </div>
|
||||
// </div>
|
||||
// </MDBContainer>
|
||||
// </MDBContainer>
|
||||
// );
|
||||
|
||||
return null
|
||||
};
|
||||
|
||||
import React from 'react';
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardText,
|
||||
MDBCardTitle, MDBCol,
|
||||
MDBContainer,
|
||||
MDBRow,
|
||||
MDBTypography
|
||||
} from "mdb-react-ui-kit";
|
||||
import { Swiper, SwiperSlide } from 'swiper/react';
|
||||
import SwiperCore, { Autoplay } from 'swiper';
|
||||
import * as PropTypes from "prop-types";
|
||||
import Adib_user from '../../public/resource/avatar/sales/Adib_user.jpg'
|
||||
import Babagoli from '../../public/resource/avatar/sales/Babagoli.png'
|
||||
import Talebi from '../../public/resource/avatar/sales/Talebi.png'
|
||||
import Namaki from '../../public/resource/avatar/sales/namaki.png'
|
||||
import { Badge, Box, Image, Img } from "@chakra-ui/react";
|
||||
import { MdPhone } from "react-icons/md";
|
||||
import Link from "next/link";
|
||||
import Req from "../../public/resource/parallax/Asset 1.svg";
|
||||
|
||||
|
||||
|
||||
SwiperCore.use([Autoplay]);
|
||||
|
||||
function MDBCardImage(props) {
|
||||
return null;
|
||||
}
|
||||
|
||||
MDBCardImage.propTypes = {
|
||||
src: PropTypes.string,
|
||||
alt: PropTypes.string,
|
||||
position: PropTypes.string
|
||||
};
|
||||
const SalesTeam = () => {
|
||||
const users = [
|
||||
{ id: 1, name: 'سیمین ادیب', call: '09933924405', img: Adib_user, job: 'کارشناس فروش' },
|
||||
{ id: 2, name: ' فاطمه باباگلی', call: '09195013991', img: Babagoli, job: 'کارشناس فروش' },
|
||||
{ id: 3, name: ' مریم طالبی ', call: '09184894952', img: Talebi, job: 'کارشناس فروش' },
|
||||
// {id:4, name: ' دکتر اسماعیلی ', call: '09204943950', img: Namaki, job: 'مدیر فروش سهام'},
|
||||
]
|
||||
// return (
|
||||
// <MDBContainer className={''}>
|
||||
|
||||
// <div className={'mb-5'}>
|
||||
// <Link href={'/recruitment'}>
|
||||
// <div className={'cursor-pointer hover-shadow'}>
|
||||
// <Img className={'rounded'} loading={'lazy'} src={Req} />
|
||||
// </div>
|
||||
// </Link>
|
||||
// </div>
|
||||
// <div className={'flex flex-col align-items-center justify-content-center'}>
|
||||
// <h4 className={'bk-med'}> کارشناسان فروش سهام</h4>
|
||||
// <p className={'bk-light text-gray'}>خرید و فروش سهام ، پاسخ به سوالات ، مشاوره خرید</p>
|
||||
// </div>
|
||||
// <Swiper
|
||||
// spaceBetween={20}
|
||||
// slidesPerView={3}
|
||||
// className={'text-center'}
|
||||
// // onSlideChange={() => console.log('slide change')}
|
||||
// // onSwiper={(swiper) => console.log(swiper)}
|
||||
// autoplay={{
|
||||
// "delay": 2500,
|
||||
// "disableOnInteraction": false
|
||||
// }}
|
||||
// breakpoints={{
|
||||
// "640": {
|
||||
// "slidesPerView": 1,
|
||||
// "spaceBetween": 0
|
||||
// },
|
||||
// "360": {
|
||||
// "slidesPerView": 1,
|
||||
// "spaceBetween": 0
|
||||
// },
|
||||
// "320": {
|
||||
// "slidesPerView": 1,
|
||||
// "spaceBetween": 0
|
||||
// },
|
||||
// "596": {
|
||||
// width: 1080,
|
||||
// "slidesPerView": 2,
|
||||
// "spaceBetween": 20
|
||||
// },
|
||||
// "526": {
|
||||
// "slidesPerView": 2,
|
||||
// "spaceBetween": 20
|
||||
// },
|
||||
|
||||
// "996": {
|
||||
// "slidesPerView": 2,
|
||||
// "spaceBetween": 20
|
||||
// },
|
||||
// "860": {
|
||||
// "slidesPerView": 2,
|
||||
// "spaceBetween": 20
|
||||
// },
|
||||
// "768": {
|
||||
// "slidesPerView": 2,
|
||||
// "spaceBetween": 20
|
||||
// },
|
||||
// "972": {
|
||||
// "slidesPerView": 3,
|
||||
// "spaceBetween": 20
|
||||
// },
|
||||
// "1024": {
|
||||
// "slidesPerView": 3,
|
||||
// "spaceBetween": 20
|
||||
// }
|
||||
// }}
|
||||
// >
|
||||
// {users.map((item) => (
|
||||
// <SwiperSlide className={'flex justify-content-center'}>
|
||||
// <Box width={250} className={'shadow-2-strong hover-shadow m-2'} maxW='sm' borderWidth='1px' borderRadius='lg' overflow='hidden'>
|
||||
// <Image src={item.img} alt={'بیمارستان مهر ایرانیان'} />
|
||||
// <Box p='6'>
|
||||
// <Box
|
||||
// textAlign={'center'}
|
||||
// mt='1'
|
||||
// fontWeight='semibold'
|
||||
// as='h4'
|
||||
// className={'bk'}
|
||||
// lineHeight='tight'
|
||||
// isTruncated
|
||||
// >
|
||||
// {item.name}
|
||||
// </Box>
|
||||
// <p style={{ fontSize: 12 }} className={'text-gray'}>{item.job}</p>
|
||||
// <Box textAlign={'center'}>
|
||||
// <Box as='span' color='gray.600' fontSize='sm'>
|
||||
// <div className={'bg-dark-teal py-2 text-white p-1 rounded-pill '}>
|
||||
// <a className={'text-white'} href={'tel:' + item.call}>
|
||||
// <MdPhone className={'bg-white p-1 mr-2 text-lg rounded-circle text-black'} />
|
||||
// {item.call}
|
||||
// </a>
|
||||
// </div>
|
||||
// </Box>
|
||||
// </Box>
|
||||
// </Box>
|
||||
// </Box>
|
||||
// </SwiperSlide>
|
||||
// ))}
|
||||
// </Swiper>
|
||||
// <MDBContainer className={'mt-5'}>
|
||||
// <div className={'p-2 rounded-5 lg:flex-row-reverse md:flex md:flex-col md:justify-center text-center dana'} style={{ backgroundColor: '#A7F3D0', borderLeft: '4px solid #34D399', borderRight: '4px solid #34D399' }}>
|
||||
// <div>
|
||||
// <MDBTypography className={'ml-2 RTL text-base md:text-[1.25rem]'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>مشاوره تلفنی خرید سهام </MDBTypography>
|
||||
// </div>
|
||||
// <div>
|
||||
// <MDBTypography className={'mr-2 text-base md:text-[1.25rem]'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>021 - 53457000 </MDBTypography>
|
||||
// </div>
|
||||
// </div>
|
||||
// </MDBContainer>
|
||||
// </MDBContainer>
|
||||
// );
|
||||
|
||||
return null
|
||||
};
|
||||
|
||||
export default SalesTeam;
|
||||
+107
-107
@@ -1,108 +1,108 @@
|
||||
import React from 'react';
|
||||
import {Divider, SimpleGrid} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBCard, MDBCardBody, MDBCardText, MDBCardTitle} from "mdb-react-ui-kit";
|
||||
import Investment from '../../public/resource/images/paper.png'
|
||||
import Idea from '../../public/resource/images/idea.png'
|
||||
import recruitment from '../../public/resource/images/recruitment.png'
|
||||
import clinic from '../../public/resource/images/clinics.png'
|
||||
import Link from "next/link";
|
||||
|
||||
|
||||
const StockSales = () => {
|
||||
return (
|
||||
<div>
|
||||
<SimpleGrid dir={'rtl'} columns={[1, 1, 2]} spacing='40px'>
|
||||
<Link href={'#callstock'}>
|
||||
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
||||
<MDBCardBody className={'card-inner'}>
|
||||
<div className={'flex justify-content-space'}>
|
||||
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
||||
<img width={60} src={Investment} />
|
||||
</div>
|
||||
<div className={'mr-5'}>
|
||||
<MDBCardTitle className={'bk-med'}>مشاوره خرید سهام </MDBCardTitle>
|
||||
<MDBCardText className={'bk-light'}>
|
||||
خرید سهام بیمارستان مهر ایرانیان پرند
|
||||
</MDBCardText>
|
||||
</div>
|
||||
</div>
|
||||
<div className={'flex justify-content-end'}>
|
||||
<MDBBtn href={'#callstock'} rounded className={'bk-med bg-primary-teal'}>خرید سهام </MDBBtn>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
<Link href={'/smartadvice'}>
|
||||
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
||||
<MDBCardBody className={'card-inner'}>
|
||||
<div className={'flex justify-content-space'}>
|
||||
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
||||
<img width={60} src={Idea} />
|
||||
</div>
|
||||
<div className={'mr-5'}>
|
||||
<MDBCardTitle className={'bk-med'}>مشاوره هوشمند سرمایه گذاری </MDBCardTitle>
|
||||
<MDBCardText className={'bk-light text-sm'}>
|
||||
ارائه
|
||||
بهترین گزینههای سرمایهگذاری به شما
|
||||
</MDBCardText>
|
||||
</div>
|
||||
</div>
|
||||
<div className={'flex justify-content-end mt-2'}>
|
||||
<Link href={'/smartadvice'}>
|
||||
<MDBBtn rounded className={'bk-med bg-primary-teal'}>شروع کنید </MDBBtn>
|
||||
</Link>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
<Link href={'/recruitment'}>
|
||||
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
||||
<MDBCardBody className={'card-inner'}>
|
||||
<div className={'flex justify-content-space'}>
|
||||
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
||||
<img width={60} src={recruitment} />
|
||||
</div>
|
||||
<div className={'mr-5'}>
|
||||
<MDBCardTitle className={'bk-med'}>استخدام </MDBCardTitle>
|
||||
<MDBCardText className={'bk-light text-sm'}>
|
||||
در بخش های درمان، اداری ، خدمات
|
||||
</MDBCardText>
|
||||
</div>
|
||||
</div>
|
||||
<div className={'flex justify-content-end mt-2'}>
|
||||
<Link href={'/recruitment'}>
|
||||
<MDBBtn rounded className={'bk-med bg-primary-teal'}>درخواست استخدام </MDBBtn>
|
||||
</Link>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
<Link href={'/components/service'}>
|
||||
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
||||
<MDBCardBody className={'card-inner'}>
|
||||
<div className={'flex justify-content-space'}>
|
||||
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
||||
<img width={60} src={clinic} />
|
||||
</div>
|
||||
<div className={'mr-5'}>
|
||||
<MDBCardTitle className={'bk-med'}>بخش های درمانی </MDBCardTitle>
|
||||
<MDBCardText className={'bk-light text-sm'}>
|
||||
بخش های درمانی بیمارستان مهر ایرانیان پرند
|
||||
</MDBCardText>
|
||||
</div>
|
||||
</div>
|
||||
<div className={'flex justify-content-end mt-2'}>
|
||||
<Link href={'/components/service'}>
|
||||
<MDBBtn rounded className={'bk-med bg-primary-teal'}>مشاهده </MDBBtn>
|
||||
</Link>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
</SimpleGrid>
|
||||
<Divider />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
import React from 'react';
|
||||
import {Divider, SimpleGrid} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBCard, MDBCardBody, MDBCardText, MDBCardTitle} from "mdb-react-ui-kit";
|
||||
import Investment from '../../public/resource/images/paper.png'
|
||||
import Idea from '../../public/resource/images/idea.png'
|
||||
import recruitment from '../../public/resource/images/recruitment.png'
|
||||
import clinic from '../../public/resource/images/clinics.png'
|
||||
import Link from "next/link";
|
||||
|
||||
|
||||
const StockSales = () => {
|
||||
return (
|
||||
<div>
|
||||
<SimpleGrid dir={'rtl'} columns={[1, 1, 2]} spacing='40px'>
|
||||
{/* <Link href={'#callstock'}>
|
||||
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
||||
<MDBCardBody className={'card-inner'}>
|
||||
<div className={'flex justify-content-space'}>
|
||||
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
||||
<img width={60} src={Investment} />
|
||||
</div>
|
||||
<div className={'mr-5'}>
|
||||
<MDBCardTitle className={'bk-med'}>مشاوره خرید سهام </MDBCardTitle>
|
||||
<MDBCardText className={'bk-light'}>
|
||||
خرید سهام بیمارستان مهر ایرانیان پرند
|
||||
</MDBCardText>
|
||||
</div>
|
||||
</div>
|
||||
<div className={'flex justify-content-end'}>
|
||||
<MDBBtn href={'#callstock'} rounded className={'bk-med bg-primary-teal'}>خرید سهام </MDBBtn>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link> */}
|
||||
{/* <Link href={'/smartadvice'}>
|
||||
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
||||
<MDBCardBody className={'card-inner'}>
|
||||
<div className={'flex justify-content-space'}>
|
||||
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
||||
<img width={60} src={Idea} />
|
||||
</div>
|
||||
<div className={'mr-5'}>
|
||||
<MDBCardTitle className={'bk-med'}>مشاوره هوشمند سرمایه گذاری </MDBCardTitle>
|
||||
<MDBCardText className={'bk-light text-sm'}>
|
||||
ارائه
|
||||
بهترین گزینههای سرمایهگذاری به شما
|
||||
</MDBCardText>
|
||||
</div>
|
||||
</div>
|
||||
<div className={'flex justify-content-end mt-2'}>
|
||||
<Link href={'/smartadvice'}>
|
||||
<MDBBtn rounded className={'bk-med bg-primary-teal'}>شروع کنید </MDBBtn>
|
||||
</Link>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link> */}
|
||||
<Link href={'/recruitment'}>
|
||||
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
||||
<MDBCardBody className={'card-inner'}>
|
||||
<div className={'flex justify-content-space'}>
|
||||
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
||||
<img width={60} src={recruitment} />
|
||||
</div>
|
||||
<div className={'mr-5'}>
|
||||
<MDBCardTitle className={'bk-med'}>استخدام </MDBCardTitle>
|
||||
<MDBCardText className={'bk-light text-sm'}>
|
||||
در بخش های درمان، اداری ، خدمات
|
||||
</MDBCardText>
|
||||
</div>
|
||||
</div>
|
||||
<div className={'flex justify-content-end mt-2'}>
|
||||
<Link href={'/recruitment'}>
|
||||
<MDBBtn rounded className={'bk-med bg-primary-teal'}>درخواست استخدام </MDBBtn>
|
||||
</Link>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
<Link href={'/components/service'}>
|
||||
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
||||
<MDBCardBody className={'card-inner'}>
|
||||
<div className={'flex justify-content-space'}>
|
||||
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
||||
<img width={60} src={clinic} />
|
||||
</div>
|
||||
<div className={'mr-5'}>
|
||||
<MDBCardTitle className={'bk-med'}>بخش های درمانی </MDBCardTitle>
|
||||
<MDBCardText className={'bk-light text-sm'}>
|
||||
بخش های درمانی بیمارستان مهر ایرانیان پرند
|
||||
</MDBCardText>
|
||||
</div>
|
||||
</div>
|
||||
<div className={'flex justify-content-end mt-2'}>
|
||||
<Link href={'/components/service'}>
|
||||
<MDBBtn rounded className={'bk-med bg-primary-teal'}>مشاهده </MDBBtn>
|
||||
</Link>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
</SimpleGrid>
|
||||
<Divider />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default StockSales;
|
||||
+30
-30
@@ -1,31 +1,31 @@
|
||||
import React from 'react';
|
||||
import {MDBCol, MDBRow} from "mdb-react-ui-kit";
|
||||
import {TabPanel} from "@chakra-ui/react";
|
||||
|
||||
const Videos = () => {
|
||||
return (
|
||||
<div>
|
||||
<MDBRow dir={'rtl'} style={{ marginTop: 10 }}>
|
||||
<MDBCol md={12} sm={12} lg={4}>
|
||||
<iframe width={380} height={250} src="https://www.aparat.com/video/video/embed/videohash/7riQv/vt/frame" allowFullScreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
|
||||
</MDBCol>
|
||||
<MDBCol md={12} sm={12} lg={4}>
|
||||
<iframe width={380} height={250} src="https://www.aparat.com/video/video/embed/videohash/OeWKI/vt/frame" allowFullScreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
|
||||
</MDBCol>
|
||||
|
||||
<MDBCol md={12} sm={12} lg={4}>
|
||||
<iframe
|
||||
width={380} height={250}
|
||||
src="https://www.aparat.com/video/video/embed/videohash/6EVc0/vt/frame?recom=none"
|
||||
allowFullScreen="true" webkitallowfullscreen="true"
|
||||
mozallowfullscreen="true">
|
||||
</iframe>
|
||||
</MDBCol>
|
||||
|
||||
</MDBRow>
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
import React from 'react';
|
||||
import {MDBCol, MDBRow} from "mdb-react-ui-kit";
|
||||
import {TabPanel} from "@chakra-ui/react";
|
||||
|
||||
const Videos = () => {
|
||||
return (
|
||||
<div>
|
||||
<MDBRow dir={'rtl'} style={{ marginTop: 10 }}>
|
||||
<MDBCol md={12} sm={12} lg={4}>
|
||||
<iframe width={380} height={250} src="https://www.aparat.com/video/video/embed/videohash/7riQv/vt/frame" allowFullScreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
|
||||
</MDBCol>
|
||||
<MDBCol md={12} sm={12} lg={4}>
|
||||
<iframe width={380} height={250} src="https://www.aparat.com/video/video/embed/videohash/OeWKI/vt/frame" allowFullScreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
|
||||
</MDBCol>
|
||||
|
||||
<MDBCol md={12} sm={12} lg={4}>
|
||||
<iframe
|
||||
width={380} height={250}
|
||||
src="https://www.aparat.com/video/video/embed/videohash/6EVc0/vt/frame?recom=none"
|
||||
allowFullScreen="true" webkitallowfullscreen="true"
|
||||
mozallowfullscreen="true">
|
||||
</iframe>
|
||||
</MDBCol>
|
||||
|
||||
</MDBRow>
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Videos;
|
||||
+247
-247
@@ -1,248 +1,248 @@
|
||||
import React from 'react';
|
||||
import {
|
||||
MDBContainer,
|
||||
} from 'mdb-react-ui-kit';
|
||||
|
||||
import SwiperCore, { Autoplay } from 'swiper';
|
||||
import StockSales from "./StockSales";
|
||||
|
||||
SwiperCore.use([Autoplay]);
|
||||
|
||||
|
||||
|
||||
const Accessgrid = () => {
|
||||
return (
|
||||
<MDBContainer>
|
||||
<style jsx>
|
||||
{
|
||||
`
|
||||
.videoArea {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
}
|
||||
.videSize{
|
||||
width: 65%;
|
||||
height: auto;
|
||||
border-radius: 10px;
|
||||
border: none;
|
||||
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
|
||||
}
|
||||
.textArea {
|
||||
width: 50%;
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
@media screen and (max-width: 991px){
|
||||
.videoArea{
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
|
||||
|
||||
}
|
||||
.textArea {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
.fix-col {
|
||||
flex-direction: row;
|
||||
}
|
||||
@media screen and (max-width: 639px){
|
||||
.fix-col{
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
`
|
||||
}
|
||||
</style>
|
||||
<div>
|
||||
{/*<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>*/}
|
||||
{/* <MDBCol >*/}
|
||||
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
||||
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
||||
|
||||
{/* خدمات آنلاین بیماران*/}
|
||||
{/* <MDBIcon className='ms-1' icon='globe' size='sm' />*/}
|
||||
|
||||
{/* </MDBCardHeader>*/}
|
||||
{/* <MDBCardBody >*/}
|
||||
{/* <MDBCardText style={{fontSize: 13,lineHeight:2,height: 128}} className={'right-align RTL'}>*/}
|
||||
{/* <li><a href="">رزرو وقت </a></li>*/}
|
||||
{/* <li><a href=""> جواب دهی آزمایشگاه و پاتولوژی </a></li>*/}
|
||||
{/* <li><a href=""> جواب دهی تصویربردای </a></li>*/}
|
||||
{/* <li><a href=""> ارسال مدارک پزشکی </a></li>*/}
|
||||
{/* <li><a href=""> پیشنهادات و انتقادات </a></li>*/}
|
||||
{/* </MDBCardText>*/}
|
||||
{/* </MDBCardBody>*/}
|
||||
{/* </MDBCard>*/}
|
||||
{/* </MDBCol>*/}
|
||||
{/* <MDBCol>*/}
|
||||
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
||||
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
||||
{/* سامانه کارکنان*/}
|
||||
{/* <MDBIcon className='ms-1' icon='users' size='sm' />*/}
|
||||
|
||||
{/* </MDBCardHeader>*/}
|
||||
{/* <MDBCardBody className='text-dark'>*/}
|
||||
{/* <MDBCardText style={{fontSize: 13,lineHeight:2,height: 128}} className={'right-align RTL'}>*/}
|
||||
{/* <li><a href="">اتوماسیون اداری پزشکان </a></li>*/}
|
||||
{/* <li><a href="">اتوماسیون اداری پرسنل </a></li>*/}
|
||||
{/* <li><a href="">درخواست همکاری </a></li>*/}
|
||||
{/* <li><a href="">استخدام </a></li>*/}
|
||||
{/* </MDBCardText>*/}
|
||||
{/* </MDBCardBody>*/}
|
||||
{/* </MDBCard>*/}
|
||||
{/* </MDBCol>*/}
|
||||
{/* <MDBCol>*/}
|
||||
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
||||
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
||||
{/* راهنمای مراجعین*/}
|
||||
{/* <MDBIcon className='ms-1' icon='phone' size='sm' />*/}
|
||||
|
||||
{/* </MDBCardHeader>*/}
|
||||
{/* <MDBCardBody className='text-dark'>*/}
|
||||
{/* <MDBCardText style={{fontSize: 13,lineHeight:2,height: 128}} className={'right-align RTL'}>*/}
|
||||
{/* <li><a href="">پذیرش </a></li>*/}
|
||||
{/* <li><a href="">ترخیص </a></li>*/}
|
||||
{/* <li><a href="">بیمه های طرف قرارداد </a></li>*/}
|
||||
{/* <li><a href="">رزرو وقت </a></li>*/}
|
||||
{/* </MDBCardText>*/}
|
||||
{/* </MDBCardBody>*/}
|
||||
{/* </MDBCard>*/}
|
||||
{/* </MDBCol>*/}
|
||||
{/* <MDBCol>*/}
|
||||
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
||||
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
||||
{/* بخش های درمانی*/}
|
||||
{/* <MDBIcon className='ms-1' icon='hospital-alt' size='sm' />*/}
|
||||
{/* </MDBCardHeader>*/}
|
||||
{/* <MDBCardBody className='text-dark'>*/}
|
||||
{/* <MDBCardText style={{fontSize: 13,lineHeight:2,height: 128}} className={'right-align RTL'}>*/}
|
||||
{/* <li><a href="">کلینیک و بخش ها </a></li>*/}
|
||||
{/* <li><a href="">پاراکلینیک</a></li>*/}
|
||||
{/* <li><a href="">مرکز جراحی </a></li>*/}
|
||||
{/* <li><a href=""> پزشکان بیمارستان</a></li>*/}
|
||||
{/* </MDBCardText>*/}
|
||||
{/* </MDBCardBody>*/}
|
||||
{/* </MDBCard>*/}
|
||||
{/* </MDBCol>*/}
|
||||
{/*</MDBRow>*/}
|
||||
|
||||
</div>
|
||||
|
||||
<br />
|
||||
<StockSales />
|
||||
<br />
|
||||
{/*<Swiper*/}
|
||||
{/* spaceBetween={20}*/}
|
||||
{/* navigation={true}*/}
|
||||
{/* slidesPerView={4}*/}
|
||||
{/* watchSlidesProgress*/}
|
||||
{/* // onSlideChange={() => console.log('slide change')}*/}
|
||||
{/* // onSwiper={(swiper) => console.log(swiper)}*/}
|
||||
{/* autoplay={{*/}
|
||||
{/* "delay": 2500,*/}
|
||||
{/* "disableOnInteraction": false*/}
|
||||
{/* }}*/}
|
||||
{/* breakpoints={{*/}
|
||||
{/* "640": {*/}
|
||||
{/* "slidesPerView": 2,*/}
|
||||
{/* "spaceBetween": 20*/}
|
||||
{/* },*/}
|
||||
{/* "360": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 20*/}
|
||||
{/* },*/}
|
||||
{/* "320": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 20*/}
|
||||
{/* },*/}
|
||||
{/* "596": {*/}
|
||||
{/* width: 1080,*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 20*/}
|
||||
{/* },*/}
|
||||
{/* "526": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 2*/}
|
||||
{/* },*/}
|
||||
|
||||
{/* "996": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 40*/}
|
||||
{/* },*/}
|
||||
{/* "860": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 40*/}
|
||||
{/* },*/}
|
||||
{/* "768":{*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 40*/}
|
||||
{/* },*/}
|
||||
{/* "972": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 40*/}
|
||||
{/* },*/}
|
||||
{/* "1024": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 50*/}
|
||||
{/* }*/}
|
||||
{/* }}*/}
|
||||
{/*>*/}
|
||||
{/* <SwiperSlide>*/}
|
||||
{/* <div className={'videoArea'}>*/}
|
||||
{/* <dvi>*/}
|
||||
{/* <video className={'videSize'} controls>*/}
|
||||
{/* <source src="https://aspb31.cdn.asset.aparat.com/aparat-video/6e3b0e419f951acdadaa1156fba3f68c40504352-480p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6ImYxOWQwODJjZGExMDczNzc4OTVhZjIyN2RmMGQxYzA3IiwiZXhwIjoxNjQzMTM3NjgxLCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.SuQ7NiruYW8h17Z7_xXY3SXGnmWKpzS1isEK0439vR0"></source>*/}
|
||||
{/* </video>*/}
|
||||
{/* </dvi>*/}
|
||||
{/* <div className={'textArea'}>*/}
|
||||
{/* <h3 className={'dana font-weight-bold'}> پیشرفت ساخت پروژه </h3>*/}
|
||||
{/* <p style={{ lineHeight: 2.5 }}>*/}
|
||||
{/* پیشرفت 85 درصدی طبقه همکف بیمارستان مهر ایرانیان*/}
|
||||
{/* <br />*/}
|
||||
{/* طبقه همکف تا پایان دی ماه سال 1400 با تلاش شبانه روزی مهندسین مجرب و کارگران سخت کوش*/}
|
||||
|
||||
{/* آماده بهره برداری و خدمت رسانی به عموم مردم است*/}
|
||||
{/* </p>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/* </SwiperSlide>*/}
|
||||
{/* <SwiperSlide>*/}
|
||||
{/* <div className={'videoArea'}>*/}
|
||||
{/* <dvi>*/}
|
||||
{/* <video className={'videSize'} controls>*/}
|
||||
{/* <source src="https://aspb34.cdn.asset.aparat.com/aparat-video/a81f1bdc132fa527cb86a0d63a1535cc40504208-480p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6IjEwYWU1YWI5MzJkZTc5YzYxZGFkMThmNGEzNjcxNzI4IiwiZXhwIjoxNjQzMTM3NzU3LCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.UnGNKbRAe5WXtMZxW4a3aAS1y609J1W8JvUqXB2ZWds"></source>*/}
|
||||
{/* </video>*/}
|
||||
{/* </dvi>*/}
|
||||
{/* <div className={'textArea'}>*/}
|
||||
{/* <h3 className={'dana font-weight-bold'}> خرید سهام </h3>*/}
|
||||
{/* <p style={{ lineHeight: 2.5 }}>*/}
|
||||
{/* توضیحات دکتر نمکی مدیر عامل بیمارستان مهر ایرانیان پرند در رابطه خرید سهام بیمارستان*/}
|
||||
{/* در این ویدئو با مزایای خرید سهام و مراحل پیشرفت پروژه آشنا می شوید*/}
|
||||
{/* </p>*/}
|
||||
{/* <MDBBtn style={{ backgroundColor: '#EF4444', fontWeight: 'bold' }} className={'d-flex mb-5 justify-content-center dana '}>مشاوره خرید سهام </MDBBtn>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/* </SwiperSlide>*/}
|
||||
{/*</Swiper>*/}
|
||||
{/*<MDBContainer className={'mt-5'}>*/}
|
||||
{/* <div className={'p-2 rounded-5 flex lg:flex-row-reverse fix-col md:flex-col sm:flex-col text-center justify-center dana'} style={{ backgroundColor: '#A7F3D0', borderLeft: '4px solid #34D399', borderRight: '4px solid #34D399' }}>*/}
|
||||
{/* <div>*/}
|
||||
{/* <MDBTypography className={'ml-2 RTL'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>مشاوره تلفنی خرید سهام </MDBTypography>*/}
|
||||
{/* </div>*/}
|
||||
{/* <div>*/}
|
||||
{/* <MDBTypography className={'mr-2'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>021 - 28426945 </MDBTypography>*/}
|
||||
{/* </div>*/}``
|
||||
{/* </div>*/}
|
||||
{/*</MDBContainer>*/}
|
||||
</MDBContainer>
|
||||
);
|
||||
};
|
||||
|
||||
import React from 'react';
|
||||
import {
|
||||
MDBContainer,
|
||||
} from 'mdb-react-ui-kit';
|
||||
|
||||
import SwiperCore, { Autoplay } from 'swiper';
|
||||
import StockSales from "./StockSales";
|
||||
|
||||
SwiperCore.use([Autoplay]);
|
||||
|
||||
|
||||
|
||||
const Accessgrid = () => {
|
||||
return (
|
||||
<MDBContainer>
|
||||
<style jsx>
|
||||
{
|
||||
`
|
||||
.videoArea {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
}
|
||||
.videSize{
|
||||
width: 65%;
|
||||
height: auto;
|
||||
border-radius: 10px;
|
||||
border: none;
|
||||
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
|
||||
}
|
||||
.textArea {
|
||||
width: 50%;
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
@media screen and (max-width: 991px){
|
||||
.videoArea{
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
|
||||
|
||||
}
|
||||
.textArea {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
.fix-col {
|
||||
flex-direction: row;
|
||||
}
|
||||
@media screen and (max-width: 639px){
|
||||
.fix-col{
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
`
|
||||
}
|
||||
</style>
|
||||
<div>
|
||||
{/*<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>*/}
|
||||
{/* <MDBCol >*/}
|
||||
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
||||
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
||||
|
||||
{/* خدمات آنلاین بیماران*/}
|
||||
{/* <MDBIcon className='ms-1' icon='globe' size='sm' />*/}
|
||||
|
||||
{/* </MDBCardHeader>*/}
|
||||
{/* <MDBCardBody >*/}
|
||||
{/* <MDBCardText style={{fontSize: 13,lineHeight:2,height: 128}} className={'right-align RTL'}>*/}
|
||||
{/* <li><a href="">رزرو وقت </a></li>*/}
|
||||
{/* <li><a href=""> جواب دهی آزمایشگاه و پاتولوژی </a></li>*/}
|
||||
{/* <li><a href=""> جواب دهی تصویربردای </a></li>*/}
|
||||
{/* <li><a href=""> ارسال مدارک پزشکی </a></li>*/}
|
||||
{/* <li><a href=""> پیشنهادات و انتقادات </a></li>*/}
|
||||
{/* </MDBCardText>*/}
|
||||
{/* </MDBCardBody>*/}
|
||||
{/* </MDBCard>*/}
|
||||
{/* </MDBCol>*/}
|
||||
{/* <MDBCol>*/}
|
||||
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
||||
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
||||
{/* سامانه کارکنان*/}
|
||||
{/* <MDBIcon className='ms-1' icon='users' size='sm' />*/}
|
||||
|
||||
{/* </MDBCardHeader>*/}
|
||||
{/* <MDBCardBody className='text-dark'>*/}
|
||||
{/* <MDBCardText style={{fontSize: 13,lineHeight:2,height: 128}} className={'right-align RTL'}>*/}
|
||||
{/* <li><a href="">اتوماسیون اداری پزشکان </a></li>*/}
|
||||
{/* <li><a href="">اتوماسیون اداری پرسنل </a></li>*/}
|
||||
{/* <li><a href="">درخواست همکاری </a></li>*/}
|
||||
{/* <li><a href="">استخدام </a></li>*/}
|
||||
{/* </MDBCardText>*/}
|
||||
{/* </MDBCardBody>*/}
|
||||
{/* </MDBCard>*/}
|
||||
{/* </MDBCol>*/}
|
||||
{/* <MDBCol>*/}
|
||||
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
||||
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
||||
{/* راهنمای مراجعین*/}
|
||||
{/* <MDBIcon className='ms-1' icon='phone' size='sm' />*/}
|
||||
|
||||
{/* </MDBCardHeader>*/}
|
||||
{/* <MDBCardBody className='text-dark'>*/}
|
||||
{/* <MDBCardText style={{fontSize: 13,lineHeight:2,height: 128}} className={'right-align RTL'}>*/}
|
||||
{/* <li><a href="">پذیرش </a></li>*/}
|
||||
{/* <li><a href="">ترخیص </a></li>*/}
|
||||
{/* <li><a href="">بیمه های طرف قرارداد </a></li>*/}
|
||||
{/* <li><a href="">رزرو وقت </a></li>*/}
|
||||
{/* </MDBCardText>*/}
|
||||
{/* </MDBCardBody>*/}
|
||||
{/* </MDBCard>*/}
|
||||
{/* </MDBCol>*/}
|
||||
{/* <MDBCol>*/}
|
||||
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
||||
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
||||
{/* بخش های درمانی*/}
|
||||
{/* <MDBIcon className='ms-1' icon='hospital-alt' size='sm' />*/}
|
||||
{/* </MDBCardHeader>*/}
|
||||
{/* <MDBCardBody className='text-dark'>*/}
|
||||
{/* <MDBCardText style={{fontSize: 13,lineHeight:2,height: 128}} className={'right-align RTL'}>*/}
|
||||
{/* <li><a href="">کلینیک و بخش ها </a></li>*/}
|
||||
{/* <li><a href="">پاراکلینیک</a></li>*/}
|
||||
{/* <li><a href="">مرکز جراحی </a></li>*/}
|
||||
{/* <li><a href=""> پزشکان بیمارستان</a></li>*/}
|
||||
{/* </MDBCardText>*/}
|
||||
{/* </MDBCardBody>*/}
|
||||
{/* </MDBCard>*/}
|
||||
{/* </MDBCol>*/}
|
||||
{/*</MDBRow>*/}
|
||||
|
||||
</div>
|
||||
|
||||
<br />
|
||||
<StockSales />
|
||||
<br />
|
||||
{/*<Swiper*/}
|
||||
{/* spaceBetween={20}*/}
|
||||
{/* navigation={true}*/}
|
||||
{/* slidesPerView={4}*/}
|
||||
{/* watchSlidesProgress*/}
|
||||
{/* // onSlideChange={() => console.log('slide change')}*/}
|
||||
{/* // onSwiper={(swiper) => console.log(swiper)}*/}
|
||||
{/* autoplay={{*/}
|
||||
{/* "delay": 2500,*/}
|
||||
{/* "disableOnInteraction": false*/}
|
||||
{/* }}*/}
|
||||
{/* breakpoints={{*/}
|
||||
{/* "640": {*/}
|
||||
{/* "slidesPerView": 2,*/}
|
||||
{/* "spaceBetween": 20*/}
|
||||
{/* },*/}
|
||||
{/* "360": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 20*/}
|
||||
{/* },*/}
|
||||
{/* "320": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 20*/}
|
||||
{/* },*/}
|
||||
{/* "596": {*/}
|
||||
{/* width: 1080,*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 20*/}
|
||||
{/* },*/}
|
||||
{/* "526": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 2*/}
|
||||
{/* },*/}
|
||||
|
||||
{/* "996": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 40*/}
|
||||
{/* },*/}
|
||||
{/* "860": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 40*/}
|
||||
{/* },*/}
|
||||
{/* "768":{*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 40*/}
|
||||
{/* },*/}
|
||||
{/* "972": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 40*/}
|
||||
{/* },*/}
|
||||
{/* "1024": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 50*/}
|
||||
{/* }*/}
|
||||
{/* }}*/}
|
||||
{/*>*/}
|
||||
{/* <SwiperSlide>*/}
|
||||
{/* <div className={'videoArea'}>*/}
|
||||
{/* <dvi>*/}
|
||||
{/* <video className={'videSize'} controls>*/}
|
||||
{/* <source src="https://aspb31.cdn.asset.aparat.com/aparat-video/6e3b0e419f951acdadaa1156fba3f68c40504352-480p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6ImYxOWQwODJjZGExMDczNzc4OTVhZjIyN2RmMGQxYzA3IiwiZXhwIjoxNjQzMTM3NjgxLCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.SuQ7NiruYW8h17Z7_xXY3SXGnmWKpzS1isEK0439vR0"></source>*/}
|
||||
{/* </video>*/}
|
||||
{/* </dvi>*/}
|
||||
{/* <div className={'textArea'}>*/}
|
||||
{/* <h3 className={'dana font-weight-bold'}> پیشرفت ساخت پروژه </h3>*/}
|
||||
{/* <p style={{ lineHeight: 2.5 }}>*/}
|
||||
{/* پیشرفت 85 درصدی طبقه همکف بیمارستان مهر ایرانیان*/}
|
||||
{/* <br />*/}
|
||||
{/* طبقه همکف تا پایان دی ماه سال 1400 با تلاش شبانه روزی مهندسین مجرب و کارگران سخت کوش*/}
|
||||
|
||||
{/* آماده بهره برداری و خدمت رسانی به عموم مردم است*/}
|
||||
{/* </p>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/* </SwiperSlide>*/}
|
||||
{/* <SwiperSlide>*/}
|
||||
{/* <div className={'videoArea'}>*/}
|
||||
{/* <dvi>*/}
|
||||
{/* <video className={'videSize'} controls>*/}
|
||||
{/* <source src="https://aspb34.cdn.asset.aparat.com/aparat-video/a81f1bdc132fa527cb86a0d63a1535cc40504208-480p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6IjEwYWU1YWI5MzJkZTc5YzYxZGFkMThmNGEzNjcxNzI4IiwiZXhwIjoxNjQzMTM3NzU3LCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.UnGNKbRAe5WXtMZxW4a3aAS1y609J1W8JvUqXB2ZWds"></source>*/}
|
||||
{/* </video>*/}
|
||||
{/* </dvi>*/}
|
||||
{/* <div className={'textArea'}>*/}
|
||||
{/* <h3 className={'dana font-weight-bold'}> خرید سهام </h3>*/}
|
||||
{/* <p style={{ lineHeight: 2.5 }}>*/}
|
||||
{/* توضیحات دکتر نمکی مدیر عامل بیمارستان مهر ایرانیان پرند در رابطه خرید سهام بیمارستان*/}
|
||||
{/* در این ویدئو با مزایای خرید سهام و مراحل پیشرفت پروژه آشنا می شوید*/}
|
||||
{/* </p>*/}
|
||||
{/* <MDBBtn style={{ backgroundColor: '#EF4444', fontWeight: 'bold' }} className={'d-flex mb-5 justify-content-center dana '}>مشاوره خرید سهام </MDBBtn>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/* </SwiperSlide>*/}
|
||||
{/*</Swiper>*/}
|
||||
{/*<MDBContainer className={'mt-5'}>*/}
|
||||
{/* <div className={'p-2 rounded-5 flex lg:flex-row-reverse fix-col md:flex-col sm:flex-col text-center justify-center dana'} style={{ backgroundColor: '#A7F3D0', borderLeft: '4px solid #34D399', borderRight: '4px solid #34D399' }}>*/}
|
||||
{/* <div>*/}
|
||||
{/* <MDBTypography className={'ml-2 RTL'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>مشاوره تلفنی خرید سهام </MDBTypography>*/}
|
||||
{/* </div>*/}
|
||||
{/* <div>*/}
|
||||
{/* <MDBTypography className={'mr-2'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>021 - 28426945 </MDBTypography>*/}
|
||||
{/* </div>*/}``
|
||||
{/* </div>*/}
|
||||
{/*</MDBContainer>*/}
|
||||
</MDBContainer>
|
||||
);
|
||||
};
|
||||
|
||||
export default Accessgrid;
|
||||
+152
-152
@@ -1,153 +1,153 @@
|
||||
import React from 'react';
|
||||
import {useState} from "react";
|
||||
import {useFormik ,Form} from "formik";
|
||||
import { Formik } from "formik";
|
||||
|
||||
import * as Yup from 'yup'
|
||||
import {
|
||||
MDBInputGroup,
|
||||
MDBInputGroupText,
|
||||
MDBInputGroupElement, MDBContainer, MDBRow, MDBIcon, MDBInput, MDBBtn, MDBSpinner, MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
import axios from "axios";
|
||||
import {AppUrl} from "../../lib/api";
|
||||
import {AiOutlinePhone, AiOutlineUser} from "react-icons/ai";
|
||||
|
||||
const Connect = () => {
|
||||
const [Loading,setLoading] = useState(false);
|
||||
const [Success,setSuccess] = useState(false);
|
||||
|
||||
return (
|
||||
<>
|
||||
<Formik
|
||||
initialValues={{ name: "" ,PhoneNumber: "",text: ""}}
|
||||
onSubmit={async (values,{resetForm}) => {
|
||||
setLoading(true);
|
||||
const dataForm = values;
|
||||
const SubmitForm = axios.post(AppUrl('contact-us'),dataForm).then((res) => {
|
||||
if (res.status === 200) {
|
||||
setLoading(false);
|
||||
setSuccess(true);
|
||||
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
resetForm({})
|
||||
}}
|
||||
validateOnChange={false}
|
||||
validateOnBlur={false}
|
||||
validationSchema={Yup.object().shape({
|
||||
name: Yup.string().required("وارد کردن نام الزامی است."),
|
||||
PhoneNumber : Yup.string().required('شماره تلفن الزامی است .'),
|
||||
text : Yup.string().required('متن پیام وارد نشده است. '),
|
||||
})}
|
||||
>
|
||||
{props => {
|
||||
props.submitCount > 0 && (props.validateOnChange = true);
|
||||
const {
|
||||
values,
|
||||
touched,
|
||||
errors,
|
||||
handleChange,
|
||||
handleBlur,
|
||||
handleSubmit,
|
||||
handleReset
|
||||
} = props;
|
||||
return (
|
||||
<form id={'contactUsform'} style={{marginTop: '25px'}} onSubmit={handleSubmit}>
|
||||
<MDBContainer>
|
||||
<h5 className={'right-align font-weight-bold'}> تماس با ما و مشاوره خرید سهام </h5>
|
||||
<br />
|
||||
<MDBRow>
|
||||
<MDBInputGroup className='mb-3' style={{width: '50%'}}>
|
||||
<MDBInputGroupElement
|
||||
onChange={handleChange}
|
||||
onBlur={handleBlur}
|
||||
value={values.PhoneNumber}
|
||||
name="PhoneNumber"
|
||||
dir={'rtl'}
|
||||
id="PhoneNumber"
|
||||
placeholder='شماره تماس '
|
||||
type='text' />
|
||||
|
||||
<MDBInputGroupText>
|
||||
<AiOutlinePhone />
|
||||
</MDBInputGroupText>
|
||||
|
||||
</MDBInputGroup>
|
||||
|
||||
<MDBInputGroup className='mb-3' style={{width: '50%'}}>
|
||||
<MDBInputGroupElement
|
||||
value={values.name}
|
||||
onChange={handleChange}
|
||||
name="name"
|
||||
dir={'rtl'}
|
||||
id="name"
|
||||
placeholder=' نام خود را وارد کنید '
|
||||
type='text' />
|
||||
<MDBInputGroupText>
|
||||
<AiOutlineUser />
|
||||
</MDBInputGroupText>
|
||||
</MDBInputGroup>
|
||||
<MDBInputGroup className='mb-3' style={{width: '100%'}}>
|
||||
<MDBInputGroupElement
|
||||
name={'text'}
|
||||
id={'text'}
|
||||
value={values.text}
|
||||
onChange={handleChange}
|
||||
dir={'rtl'}
|
||||
className={'right-align RTL'}
|
||||
style={{height: '100%'}}
|
||||
placeholder='متن پیام خود را وارد کنید'
|
||||
textarea
|
||||
type='text' />
|
||||
</MDBInputGroup>
|
||||
</MDBRow>
|
||||
<MDBBtn type={'submit'}>
|
||||
{Loading ? (
|
||||
<>
|
||||
<MDBSpinner grow size='sm' role='status' tag='span' />
|
||||
<span className='visually-hidden'>Loading...</span>
|
||||
</>
|
||||
):
|
||||
<>
|
||||
ارسال
|
||||
</>
|
||||
}
|
||||
</MDBBtn>
|
||||
{touched.PhoneNumber && errors.PhoneNumber ? (
|
||||
<div className={'d-flex justify-content-end text-danger '}>
|
||||
{errors.PhoneNumber}
|
||||
</div>
|
||||
): null}
|
||||
{touched.name && errors.name ? (
|
||||
<div className={'d-flex justify-content-end text-danger '}>
|
||||
{errors.name}
|
||||
</div>
|
||||
): null}
|
||||
{touched.text && errors.text ? (
|
||||
<div className={'d-flex justify-content-end text-danger '}>
|
||||
{errors.text}
|
||||
</div>
|
||||
): null}
|
||||
<br/>
|
||||
{Success ? (
|
||||
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #00B74A',borderLeft: 'none'}} note noteColor='success'>
|
||||
اطلاعات شما ارسال شد ، بعد از بررسی با شما تماس گرفته می شود .
|
||||
</MDBTypography>
|
||||
): null}
|
||||
</MDBContainer>
|
||||
|
||||
|
||||
|
||||
|
||||
</form>
|
||||
);
|
||||
}}
|
||||
</Formik>
|
||||
</>
|
||||
)
|
||||
};
|
||||
|
||||
import React from 'react';
|
||||
import {useState} from "react";
|
||||
import {useFormik ,Form} from "formik";
|
||||
import { Formik } from "formik";
|
||||
|
||||
import * as Yup from 'yup'
|
||||
import {
|
||||
MDBInputGroup,
|
||||
MDBInputGroupText,
|
||||
MDBInputGroupElement, MDBContainer, MDBRow, MDBIcon, MDBInput, MDBBtn, MDBSpinner, MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
import axios from "axios";
|
||||
import {AppUrl} from "../../lib/api";
|
||||
import {AiOutlinePhone, AiOutlineUser} from "react-icons/ai";
|
||||
|
||||
const Connect = () => {
|
||||
const [Loading,setLoading] = useState(false);
|
||||
const [Success,setSuccess] = useState(false);
|
||||
|
||||
return (
|
||||
<>
|
||||
<Formik
|
||||
initialValues={{ name: "" ,PhoneNumber: "",text: ""}}
|
||||
onSubmit={async (values,{resetForm}) => {
|
||||
setLoading(true);
|
||||
const dataForm = values;
|
||||
const SubmitForm = axios.post(AppUrl('contact-us'),dataForm).then((res) => {
|
||||
if (res.status === 200) {
|
||||
setLoading(false);
|
||||
setSuccess(true);
|
||||
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
resetForm({})
|
||||
}}
|
||||
validateOnChange={false}
|
||||
validateOnBlur={false}
|
||||
validationSchema={Yup.object().shape({
|
||||
name: Yup.string().required("وارد کردن نام الزامی است."),
|
||||
PhoneNumber : Yup.string().required('شماره تلفن الزامی است .'),
|
||||
text : Yup.string().required('متن پیام وارد نشده است. '),
|
||||
})}
|
||||
>
|
||||
{props => {
|
||||
props.submitCount > 0 && (props.validateOnChange = true);
|
||||
const {
|
||||
values,
|
||||
touched,
|
||||
errors,
|
||||
handleChange,
|
||||
handleBlur,
|
||||
handleSubmit,
|
||||
handleReset
|
||||
} = props;
|
||||
return (
|
||||
<form id={'contactUsform'} style={{marginTop: '25px'}} onSubmit={handleSubmit}>
|
||||
<MDBContainer>
|
||||
<h5 className={'right-align font-weight-bold'}> تماس با ما و مشاوره خرید سهام </h5>
|
||||
<br />
|
||||
<MDBRow>
|
||||
<MDBInputGroup className='mb-3' style={{width: '50%'}}>
|
||||
<MDBInputGroupElement
|
||||
onChange={handleChange}
|
||||
onBlur={handleBlur}
|
||||
value={values.PhoneNumber}
|
||||
name="PhoneNumber"
|
||||
dir={'rtl'}
|
||||
id="PhoneNumber"
|
||||
placeholder='شماره تماس '
|
||||
type='text' />
|
||||
|
||||
<MDBInputGroupText>
|
||||
<AiOutlinePhone />
|
||||
</MDBInputGroupText>
|
||||
|
||||
</MDBInputGroup>
|
||||
|
||||
<MDBInputGroup className='mb-3' style={{width: '50%'}}>
|
||||
<MDBInputGroupElement
|
||||
value={values.name}
|
||||
onChange={handleChange}
|
||||
name="name"
|
||||
dir={'rtl'}
|
||||
id="name"
|
||||
placeholder=' نام خود را وارد کنید '
|
||||
type='text' />
|
||||
<MDBInputGroupText>
|
||||
<AiOutlineUser />
|
||||
</MDBInputGroupText>
|
||||
</MDBInputGroup>
|
||||
<MDBInputGroup className='mb-3' style={{width: '100%'}}>
|
||||
<MDBInputGroupElement
|
||||
name={'text'}
|
||||
id={'text'}
|
||||
value={values.text}
|
||||
onChange={handleChange}
|
||||
dir={'rtl'}
|
||||
className={'right-align RTL'}
|
||||
style={{height: '100%'}}
|
||||
placeholder='متن پیام خود را وارد کنید'
|
||||
textarea
|
||||
type='text' />
|
||||
</MDBInputGroup>
|
||||
</MDBRow>
|
||||
<MDBBtn type={'submit'}>
|
||||
{Loading ? (
|
||||
<>
|
||||
<MDBSpinner grow size='sm' role='status' tag='span' />
|
||||
<span className='visually-hidden'>Loading...</span>
|
||||
</>
|
||||
):
|
||||
<>
|
||||
ارسال
|
||||
</>
|
||||
}
|
||||
</MDBBtn>
|
||||
{touched.PhoneNumber && errors.PhoneNumber ? (
|
||||
<div className={'d-flex justify-content-end text-danger '}>
|
||||
{errors.PhoneNumber}
|
||||
</div>
|
||||
): null}
|
||||
{touched.name && errors.name ? (
|
||||
<div className={'d-flex justify-content-end text-danger '}>
|
||||
{errors.name}
|
||||
</div>
|
||||
): null}
|
||||
{touched.text && errors.text ? (
|
||||
<div className={'d-flex justify-content-end text-danger '}>
|
||||
{errors.text}
|
||||
</div>
|
||||
): null}
|
||||
<br/>
|
||||
{Success ? (
|
||||
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #00B74A',borderLeft: 'none'}} note noteColor='success'>
|
||||
اطلاعات شما ارسال شد ، بعد از بررسی با شما تماس گرفته می شود .
|
||||
</MDBTypography>
|
||||
): null}
|
||||
</MDBContainer>
|
||||
|
||||
|
||||
|
||||
|
||||
</form>
|
||||
);
|
||||
}}
|
||||
</Formik>
|
||||
</>
|
||||
)
|
||||
};
|
||||
|
||||
export default Connect;
|
||||
+96
-96
@@ -1,97 +1,97 @@
|
||||
import React from 'react';
|
||||
import {
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardTitle,
|
||||
MDBCardText,
|
||||
MDBCardImage,
|
||||
MDBBtn,
|
||||
MDBContainer,
|
||||
MDBRow, MDBCol
|
||||
} from 'mdb-react-ui-kit';
|
||||
import {useRouter} from "next/router";
|
||||
import AppContainer from "../appContainer";
|
||||
|
||||
const Doctors = ({children}) => {
|
||||
const router = useRouter();
|
||||
|
||||
const dataPageDoctors = (
|
||||
<MDBContainer>
|
||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
|
||||
کادر درمان بیمارستان مهر ایرانیان
|
||||
<hr />
|
||||
</h5>
|
||||
<br/>
|
||||
<MDBRow className='row-cols-1 row-cols-md-4 g-6'>
|
||||
<MDBCol>
|
||||
<MDBCard className='h-80'>
|
||||
<MDBCardImage
|
||||
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
||||
alt='...'
|
||||
position='top'
|
||||
/>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
||||
<MDBCardText className={'text-center mt-3'}>
|
||||
متخصص قلب و عروق
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard className='h-80'>
|
||||
<MDBCardImage
|
||||
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
||||
alt='...'
|
||||
position='top'
|
||||
/>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
||||
<MDBCardText className={'text-center mt-3'}>
|
||||
متخصص قلب و عروق
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard className='h-80'>
|
||||
<MDBCardImage
|
||||
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
||||
alt='...'
|
||||
position='top'
|
||||
/>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
||||
<MDBCardText className={'text-center mt-3'}>
|
||||
متخصص قلب و عروق
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard className='h-80'>
|
||||
<MDBCardImage
|
||||
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
||||
alt='...'
|
||||
position='top'
|
||||
/>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
||||
<MDBCardText className={'text-center mt-3'}>
|
||||
متخصص قلب و عروق
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
</MDBRow>
|
||||
{children}
|
||||
</MDBContainer>
|
||||
)
|
||||
return (
|
||||
<div>
|
||||
{router.pathname === '/' ? dataPageDoctors : <AppContainer children={dataPageDoctors} />}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
import React from 'react';
|
||||
import {
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardTitle,
|
||||
MDBCardText,
|
||||
MDBCardImage,
|
||||
MDBBtn,
|
||||
MDBContainer,
|
||||
MDBRow, MDBCol
|
||||
} from 'mdb-react-ui-kit';
|
||||
import {useRouter} from "next/router";
|
||||
import AppContainer from "../appContainer";
|
||||
|
||||
const Doctors = ({children}) => {
|
||||
const router = useRouter();
|
||||
|
||||
const dataPageDoctors = (
|
||||
<MDBContainer>
|
||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
|
||||
کادر درمان بیمارستان مهر ایرانیان
|
||||
<hr />
|
||||
</h5>
|
||||
<br/>
|
||||
<MDBRow className='row-cols-1 row-cols-md-4 g-6'>
|
||||
<MDBCol>
|
||||
<MDBCard className='h-80'>
|
||||
<MDBCardImage
|
||||
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
||||
alt='...'
|
||||
position='top'
|
||||
/>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
||||
<MDBCardText className={'text-center mt-3'}>
|
||||
متخصص قلب و عروق
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard className='h-80'>
|
||||
<MDBCardImage
|
||||
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
||||
alt='...'
|
||||
position='top'
|
||||
/>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
||||
<MDBCardText className={'text-center mt-3'}>
|
||||
متخصص قلب و عروق
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard className='h-80'>
|
||||
<MDBCardImage
|
||||
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
||||
alt='...'
|
||||
position='top'
|
||||
/>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
||||
<MDBCardText className={'text-center mt-3'}>
|
||||
متخصص قلب و عروق
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard className='h-80'>
|
||||
<MDBCardImage
|
||||
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
||||
alt='...'
|
||||
position='top'
|
||||
/>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
||||
<MDBCardText className={'text-center mt-3'}>
|
||||
متخصص قلب و عروق
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
</MDBRow>
|
||||
{children}
|
||||
</MDBContainer>
|
||||
)
|
||||
return (
|
||||
<div>
|
||||
{router.pathname === '/' ? dataPageDoctors : <AppContainer children={dataPageDoctors} />}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Doctors;
|
||||
+320
-320
@@ -1,320 +1,320 @@
|
||||
import React from 'react'
|
||||
import { Swiper, SwiperSlide } from 'swiper/react'
|
||||
import SwiperCore, { Autoplay } from 'swiper'
|
||||
|
||||
import Link from 'next/link'
|
||||
import {
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardTitle,
|
||||
MDBCardText,
|
||||
MDBCardHeader,
|
||||
MDBCardFooter,
|
||||
MDBBtn,
|
||||
MDBTypography,
|
||||
MDBContainer,
|
||||
MDBRow,
|
||||
MDBCol
|
||||
} from 'mdb-react-ui-kit'
|
||||
import { useRouter } from 'next/router'
|
||||
import AppContainer from '../appContainer'
|
||||
import Image from 'next/image'
|
||||
import { Button, Center, Flex, Heading, Input, InputGroup, InputLeftAddon, InputRightAddon } from '@chakra-ui/react'
|
||||
import { Step, Steps, useSteps } from 'chakra-ui-steps'
|
||||
|
||||
SwiperCore.use([Autoplay])
|
||||
|
||||
// Import Swiper styles
|
||||
|
||||
const Parallax = ({ quality }) => {
|
||||
return `https://image.freepik.com/free-photo/blur-hospital_1203-7957.jpg`
|
||||
}
|
||||
|
||||
const dataServiceList = (
|
||||
<>
|
||||
<div className='parallax-container'>
|
||||
<h2 className={'center-align text-dark service-text dana font-weight-bold'}> کلینیک ها و بخش ها </h2>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt='Picture of the author'
|
||||
width={3000}
|
||||
height={1500}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer style={{ marginTop: 10 }}>
|
||||
<div>
|
||||
<MDBTypography
|
||||
style={{ direction: 'rtl', borderRadius: '6px solid', borderRight: '6px solid #1266f1', borderLeft: 'none' }}
|
||||
note
|
||||
noteColor='primary'
|
||||
>
|
||||
برای رزرو وقت روی هر کلینیک کلیک کنید
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
||||
<MDBCol>
|
||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem', height: '250px' }}>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src='https://image.flaticon.com/icons/png/512/2044/2044708.png' alt='' />
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'dana'}> بخش گوارش </MDBCardTitle>
|
||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
|
||||
<MDBCol>
|
||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem', height: '250px' }}>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src='https://image.flaticon.com/icons/png/512/1839/1839377.png' alt='' />
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'dana'}> بخش قلب و عروق </MDBCardTitle>
|
||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem', height: '250px' }}>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src='https://image.flaticon.com/icons/png/512/2847/2847982.png' alt='' />
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'dana'}> بخش مغز و اعصاب </MDBCardTitle>
|
||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem', height: '250px' }}>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src='https://image.flaticon.com/icons/png/512/1610/1610185.png' alt='' />
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'dana'}> بخش دندان پزشکی </MDBCardTitle>
|
||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard
|
||||
className={'color-top-card'}
|
||||
alignment='center'
|
||||
style={{ cursor: 'pointer', maxWidth: '32rem', height: '250px' }}
|
||||
>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src='https://image.flaticon.com/icons/png/512/2660/2660065.png' alt='' />
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'dana'}> بخش کلیه و مجاری ادارای </MDBCardTitle>
|
||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
</MDBRow>
|
||||
</MDBContainer>
|
||||
<br />
|
||||
</>
|
||||
)
|
||||
const steps = [
|
||||
{ label: 'Step 1', description: 'Step 1 description' },
|
||||
{ label: 'Step 2', description: 'Step 2 description' },
|
||||
{ label: 'Step 3', description: 'Step 3 description' },
|
||||
{ label: 'Step 3', description: 'Step 3 description' },
|
||||
{ label: 'Step 3', description: 'Step 3 description' },
|
||||
{ label: 'Step 3', description: 'Step 3 description' },
|
||||
{ label: 'Step 3', description: 'Step 3 description' },
|
||||
{ label: 'Step 3', description: 'Step 3 description' }
|
||||
]
|
||||
const Service = () => {
|
||||
const router = useRouter()
|
||||
const dataMipService = [
|
||||
{ id: 1, title: 'بخش اورژانس', icon: './resource/icons/hospital-c.png', description: 'اورژانس' },
|
||||
{ id: 2, title: 'درمانگاه', icon: './resource/icons/hospital.png', description: 'درمانگاه تخصصی' },
|
||||
{ id: 3, title: 'بخش بستری داخلی', icon: './resource/icons/hospital-bed.png', description: 'بستری داخلی' },
|
||||
{ id: 4, title: 'بخش اسکوپی', icon: './resource/icons/scope.png', description: 'اسکوپی' },
|
||||
{ id: 5, title: 'بخش پوست', icon: './resource/icons/dermis.png', description: 'زیبایی و لیزر' },
|
||||
{ id: 6, title: 'بخش جراحی', icon: './resource/icons/surgery.png', description: 'تخصصی و زیبایی' },
|
||||
{ id: 7, title: 'بخش اتاق عمل', icon: './resource/icons/operating-room.png', description: 'اتاق عمل' },
|
||||
{ id: 8, title: 'بخش مراقبت های ویژه ICU', icon: './resource/icons/ICU.png', description: 'ICU' },
|
||||
{ id: 9, title: 'بخش مراقبت های ویژه قلب CCU', icon: './resource/icons/CCU.png', description: 'CCU' },
|
||||
{ id: 10, title: 'بخش مراقبت های ویژه نوزدان NICU', icon: './resource/icons/NICU.png', description: 'NICU' },
|
||||
{ id: 11, title: 'بخش زایمان LDR', icon: './resource/icons/baby.png', description: 'LDR' },
|
||||
{ id: 12, title: 'بخش تصویر برداری', icon: './resource/icons/x-rays.png', description: 'سونوگرافی و ...' },
|
||||
{ id: 13, title: 'بخش آزمایشگاه', icon: './resource/icons/test-tubes.png', description: 'تخصصی ، سلامت سنجی' },
|
||||
{ id: 14, title: 'بخش فیزیوتراپی', icon: './resource/icons/spinal-cord.png', description: 'تست قلب و ...' }
|
||||
]
|
||||
const { nextStep, prevStep, reset, activeStep } = useSteps({
|
||||
initialStep: 0
|
||||
})
|
||||
return (
|
||||
<>
|
||||
{router.pathname === '/' ? (
|
||||
<div className={'mt-5'}>
|
||||
<MDBContainer>
|
||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
|
||||
کلینیک و بخش ها{' '}
|
||||
</h5>
|
||||
<hr />
|
||||
<br />
|
||||
<Swiper
|
||||
spaceBetween={20}
|
||||
navigation={true}
|
||||
slidesPerView={4}
|
||||
watchSlidesProgress
|
||||
// onSlideChange={() => console.log('slide change')}
|
||||
// onSwiper={(swiper) => console.log(swiper)}
|
||||
autoplay={{
|
||||
delay: 2500,
|
||||
disableOnInteraction: false
|
||||
}}
|
||||
breakpoints={{
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20
|
||||
},
|
||||
360: {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 20
|
||||
},
|
||||
320: {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 20
|
||||
},
|
||||
596: {
|
||||
width: 1080,
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20
|
||||
},
|
||||
526: {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 2
|
||||
},
|
||||
|
||||
996: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 40
|
||||
},
|
||||
860: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 40
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 40
|
||||
},
|
||||
972: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 40
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 5,
|
||||
spaceBetween: 50
|
||||
}
|
||||
}}
|
||||
>
|
||||
{dataMipService.map((item, index) => {
|
||||
return (
|
||||
<SwiperSlide key={index}>
|
||||
<Link href={'components/service'} as={'/Service'}>
|
||||
<MDBCard
|
||||
className={'color-top-card '}
|
||||
alignment='center'
|
||||
style={{ maxWidth: '22rem', height: '250px' }}
|
||||
>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src={item.icon} alt='' />
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody className={'d-flex flex-column justify-content-between'}>
|
||||
<MDBCardTitle className={'dana'}> {item.title} </MDBCardTitle>
|
||||
<MDBCardText className={'bk RTL'}>{item.description}</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
<br />
|
||||
<br />
|
||||
</SwiperSlide>
|
||||
)
|
||||
})}
|
||||
<SwiperSlide>
|
||||
<MDBCard
|
||||
className={'color-top-card'}
|
||||
alignment='center'
|
||||
style={{ cursor: 'pointer', maxWidth: '22rem', height: '250px' }}
|
||||
>
|
||||
<MDBCardBody style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
|
||||
<Link href={'components/service'} as={'/Service'}>
|
||||
<MDBCardText className={'bk'}>
|
||||
<h1 className={'RTL dana'}>بیشتر ...</h1>{' '}
|
||||
</MDBCardText>
|
||||
</Link>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
<br />
|
||||
<br />
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
</MDBContainer>
|
||||
</div>
|
||||
) : (
|
||||
<AppContainer title={'کلینیک ها و بخش ها '}>
|
||||
<div className='parallax-container'>
|
||||
<h2 className={'center-align text-dark service-text dana font-weight-bold'}> کلینیک ها و بخش ها </h2>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt='Picture of the author'
|
||||
width={3000}
|
||||
height={1500}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer style={{ marginTop: 10 }}>
|
||||
<div>
|
||||
<MDBTypography
|
||||
style={{
|
||||
direction: 'rtl',
|
||||
borderRadius: '6px solid',
|
||||
borderRight: '6px solid #1266f1',
|
||||
borderLeft: 'none'
|
||||
}}
|
||||
note
|
||||
noteColor='primary'
|
||||
>
|
||||
برای رزرو وقت روی هر کلینیک کلیک کنید
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
||||
{dataMipService.map((item, index) => {
|
||||
return (
|
||||
<MDBCol>
|
||||
<MDBCard
|
||||
key={index}
|
||||
className={'color-top-card '}
|
||||
alignment='center'
|
||||
style={{ maxWidth: '22rem', height: '250px' }}
|
||||
>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src={item.icon} alt='' />
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody className={'d-flex flex-column justify-content-between'}>
|
||||
<MDBCardTitle className={'dana'}> {item.title} </MDBCardTitle>
|
||||
<MDBCardText className={'bk RTL'}>{item.description}</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
)
|
||||
})}
|
||||
</MDBRow>
|
||||
</MDBContainer>
|
||||
<br />
|
||||
</AppContainer>
|
||||
)}
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Service
|
||||
import React from 'react'
|
||||
import { Swiper, SwiperSlide } from 'swiper/react'
|
||||
import SwiperCore, { Autoplay } from 'swiper'
|
||||
|
||||
import Link from 'next/link'
|
||||
import {
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardTitle,
|
||||
MDBCardText,
|
||||
MDBCardHeader,
|
||||
MDBCardFooter,
|
||||
MDBBtn,
|
||||
MDBTypography,
|
||||
MDBContainer,
|
||||
MDBRow,
|
||||
MDBCol
|
||||
} from 'mdb-react-ui-kit'
|
||||
import { useRouter } from 'next/router'
|
||||
import AppContainer from '../appContainer'
|
||||
import Image from 'next/image'
|
||||
import { Button, Center, Flex, Heading, Input, InputGroup, InputLeftAddon, InputRightAddon } from '@chakra-ui/react'
|
||||
import { Step, Steps, useSteps } from 'chakra-ui-steps'
|
||||
|
||||
SwiperCore.use([Autoplay])
|
||||
|
||||
// Import Swiper styles
|
||||
|
||||
const Parallax = ({ quality }) => {
|
||||
return `https://image.freepik.com/free-photo/blur-hospital_1203-7957.jpg`
|
||||
}
|
||||
|
||||
const dataServiceList = (
|
||||
<>
|
||||
<div className='parallax-container'>
|
||||
<h2 className={'center-align text-dark service-text dana font-weight-bold'}> کلینیک ها و بخش ها </h2>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt='Picture of the author'
|
||||
width={3000}
|
||||
height={1500}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer style={{ marginTop: 10 }}>
|
||||
<div>
|
||||
<MDBTypography
|
||||
style={{ direction: 'rtl', borderRadius: '6px solid', borderRight: '6px solid #1266f1', borderLeft: 'none' }}
|
||||
note
|
||||
noteColor='primary'
|
||||
>
|
||||
برای رزرو وقت روی هر کلینیک کلیک کنید
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
||||
<MDBCol>
|
||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem', height: '250px' }}>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src='https://image.flaticon.com/icons/png/512/2044/2044708.png' alt='' />
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'dana'}> بخش گوارش </MDBCardTitle>
|
||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
|
||||
<MDBCol>
|
||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem', height: '250px' }}>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src='https://image.flaticon.com/icons/png/512/1839/1839377.png' alt='' />
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'dana'}> بخش قلب و عروق </MDBCardTitle>
|
||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem', height: '250px' }}>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src='https://image.flaticon.com/icons/png/512/2847/2847982.png' alt='' />
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'dana'}> بخش مغز و اعصاب </MDBCardTitle>
|
||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem', height: '250px' }}>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src='https://image.flaticon.com/icons/png/512/1610/1610185.png' alt='' />
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'dana'}> بخش دندان پزشکی </MDBCardTitle>
|
||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard
|
||||
className={'color-top-card'}
|
||||
alignment='center'
|
||||
style={{ cursor: 'pointer', maxWidth: '32rem', height: '250px' }}
|
||||
>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src='https://image.flaticon.com/icons/png/512/2660/2660065.png' alt='' />
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'dana'}> بخش کلیه و مجاری ادارای </MDBCardTitle>
|
||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
</MDBRow>
|
||||
</MDBContainer>
|
||||
<br />
|
||||
</>
|
||||
)
|
||||
const steps = [
|
||||
{ label: 'Step 1', description: 'Step 1 description' },
|
||||
{ label: 'Step 2', description: 'Step 2 description' },
|
||||
{ label: 'Step 3', description: 'Step 3 description' },
|
||||
{ label: 'Step 3', description: 'Step 3 description' },
|
||||
{ label: 'Step 3', description: 'Step 3 description' },
|
||||
{ label: 'Step 3', description: 'Step 3 description' },
|
||||
{ label: 'Step 3', description: 'Step 3 description' },
|
||||
{ label: 'Step 3', description: 'Step 3 description' }
|
||||
]
|
||||
const Service = () => {
|
||||
const router = useRouter()
|
||||
const dataMipService = [
|
||||
{ id: 1, title: 'بخش اورژانس', icon: './resource/icons/hospital-c.png', description: 'اورژانس' },
|
||||
{ id: 2, title: 'درمانگاه', icon: './resource/icons/hospital.png', description: 'درمانگاه تخصصی' },
|
||||
{ id: 3, title: 'بخش بستری داخلی', icon: './resource/icons/hospital-bed.png', description: 'بستری داخلی' },
|
||||
{ id: 4, title: 'بخش اسکوپی', icon: './resource/icons/scope.png', description: 'اسکوپی' },
|
||||
{ id: 5, title: 'بخش پوست', icon: './resource/icons/dermis.png', description: 'زیبایی و لیزر' },
|
||||
{ id: 6, title: 'بخش جراحی', icon: './resource/icons/surgery.png', description: 'تخصصی و زیبایی' },
|
||||
{ id: 7, title: 'بخش اتاق عمل', icon: './resource/icons/operating-room.png', description: 'اتاق عمل' },
|
||||
{ id: 8, title: 'بخش مراقبت های ویژه ICU', icon: './resource/icons/ICU.png', description: 'ICU' },
|
||||
{ id: 9, title: 'بخش مراقبت های ویژه قلب CCU', icon: './resource/icons/CCU.png', description: 'CCU' },
|
||||
{ id: 10, title: 'بخش مراقبت های ویژه نوزدان NICU', icon: './resource/icons/NICU.png', description: 'NICU' },
|
||||
{ id: 11, title: 'بخش زایمان LDR', icon: './resource/icons/baby.png', description: 'LDR' },
|
||||
{ id: 12, title: 'بخش تصویر برداری', icon: './resource/icons/x-rays.png', description: 'سونوگرافی و ...' },
|
||||
{ id: 13, title: 'بخش آزمایشگاه', icon: './resource/icons/test-tubes.png', description: 'تخصصی ، سلامت سنجی' },
|
||||
{ id: 14, title: 'بخش فیزیوتراپی', icon: './resource/icons/spinal-cord.png', description: 'تست قلب و ...' }
|
||||
]
|
||||
const { nextStep, prevStep, reset, activeStep } = useSteps({
|
||||
initialStep: 0
|
||||
})
|
||||
return (
|
||||
<>
|
||||
{router.pathname === '/' ? (
|
||||
<div className={'mt-5'}>
|
||||
<MDBContainer>
|
||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
|
||||
کلینیک و بخش ها{' '}
|
||||
</h5>
|
||||
<hr />
|
||||
<br />
|
||||
<Swiper
|
||||
spaceBetween={20}
|
||||
navigation={true}
|
||||
slidesPerView={4}
|
||||
watchSlidesProgress
|
||||
// onSlideChange={() => console.log('slide change')}
|
||||
// onSwiper={(swiper) => console.log(swiper)}
|
||||
autoplay={{
|
||||
delay: 2500,
|
||||
disableOnInteraction: false
|
||||
}}
|
||||
breakpoints={{
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20
|
||||
},
|
||||
360: {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 20
|
||||
},
|
||||
320: {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 20
|
||||
},
|
||||
596: {
|
||||
width: 1080,
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20
|
||||
},
|
||||
526: {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 2
|
||||
},
|
||||
|
||||
996: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 40
|
||||
},
|
||||
860: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 40
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 40
|
||||
},
|
||||
972: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 40
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 5,
|
||||
spaceBetween: 50
|
||||
}
|
||||
}}
|
||||
>
|
||||
{dataMipService.map((item, index) => {
|
||||
return (
|
||||
<SwiperSlide key={index}>
|
||||
<Link href={'components/service'} as={'/Service'}>
|
||||
<MDBCard
|
||||
className={'color-top-card '}
|
||||
alignment='center'
|
||||
style={{ maxWidth: '22rem', height: '250px' }}
|
||||
>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src={item.icon} alt='' />
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody className={'d-flex flex-column justify-content-between'}>
|
||||
<MDBCardTitle className={'dana'}> {item.title} </MDBCardTitle>
|
||||
<MDBCardText className={'bk RTL'}>{item.description}</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
<br />
|
||||
<br />
|
||||
</SwiperSlide>
|
||||
)
|
||||
})}
|
||||
<SwiperSlide>
|
||||
<MDBCard
|
||||
className={'color-top-card'}
|
||||
alignment='center'
|
||||
style={{ cursor: 'pointer', maxWidth: '22rem', height: '250px' }}
|
||||
>
|
||||
<MDBCardBody style={{ display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
|
||||
<Link href={'components/service'} as={'/Service'}>
|
||||
<MDBCardText className={'bk'}>
|
||||
<h1 className={'RTL dana'}>بیشتر ...</h1>{' '}
|
||||
</MDBCardText>
|
||||
</Link>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
<br />
|
||||
<br />
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
</MDBContainer>
|
||||
</div>
|
||||
) : (
|
||||
<AppContainer title={'کلینیک ها و بخش ها '}>
|
||||
<div className='parallax-container'>
|
||||
<h2 className={'center-align text-dark service-text dana font-weight-bold'}> کلینیک ها و بخش ها </h2>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt='Picture of the author'
|
||||
width={3000}
|
||||
height={1500}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer style={{ marginTop: 10 }}>
|
||||
<div>
|
||||
<MDBTypography
|
||||
style={{
|
||||
direction: 'rtl',
|
||||
borderRadius: '6px solid',
|
||||
borderRight: '6px solid #1266f1',
|
||||
borderLeft: 'none'
|
||||
}}
|
||||
note
|
||||
noteColor='primary'
|
||||
>
|
||||
برای رزرو وقت روی هر کلینیک کلیک کنید
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
||||
{dataMipService.map((item, index) => {
|
||||
return (
|
||||
<MDBCol>
|
||||
<MDBCard
|
||||
key={index}
|
||||
className={'color-top-card '}
|
||||
alignment='center'
|
||||
style={{ maxWidth: '22rem', height: '250px' }}
|
||||
>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src={item.icon} alt='' />
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody className={'d-flex flex-column justify-content-between'}>
|
||||
<MDBCardTitle className={'dana'}> {item.title} </MDBCardTitle>
|
||||
<MDBCardText className={'bk RTL'}>{item.description}</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
)
|
||||
})}
|
||||
</MDBRow>
|
||||
</MDBContainer>
|
||||
<br />
|
||||
</AppContainer>
|
||||
)}
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default Service
|
||||
|
||||
+38
-38
@@ -1,39 +1,39 @@
|
||||
import React from 'react'
|
||||
import SliderZero from '../../public/resource/slider/PRICE_CHART.webp'
|
||||
import SliderOne from '../../public/resource/slider/slier-1(1).webp'
|
||||
import sliderJob from '../../public/resource/slider/slider-2(1).webp'
|
||||
import sliderBook from '../../public/resource/slider/slider_3.webp'
|
||||
import sliderCallCenter from '../../public/resource/slider/call-center.webp'
|
||||
|
||||
import { Swiper, SwiperSlide } from 'swiper/react'
|
||||
import { Pagination } from 'swiper'
|
||||
import Link from 'next/link'
|
||||
const Slider = () => {
|
||||
return (
|
||||
<div>
|
||||
<Swiper pagination={true} autoplay={true} loop={true} modules={[Pagination]} className='mySwiper'>
|
||||
|
||||
<SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
||||
<Link href='/stock-unit'>
|
||||
<img src={sliderCallCenter} />
|
||||
</Link>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
||||
<Link href='/stock-price'>
|
||||
<img src={SliderOne} />
|
||||
</Link>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
||||
<Link href='/recruitment'>
|
||||
<img src={sliderJob} />
|
||||
</Link>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
||||
<img src={sliderBook} />
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
import React from 'react'
|
||||
// import SliderZero from '../../public/resource/slider/PRICE_CHART.webp'
|
||||
// import SliderOne from '../../public/resource/slider/slier-1(1).webp'
|
||||
import sliderJob from '../../public/resource/slider/slider-2(1).webp'
|
||||
import sliderBook from '../../public/resource/slider/slider_3.webp'
|
||||
import sliderCallCenter from '../../public/resource/slider/call-center.webp'
|
||||
|
||||
import { Swiper, SwiperSlide } from 'swiper/react'
|
||||
import { Pagination } from 'swiper'
|
||||
import Link from 'next/link'
|
||||
const Slider = () => {
|
||||
return (
|
||||
<div>
|
||||
<Swiper pagination={true} autoplay={true} loop={true} modules={[Pagination]} className='mySwiper'>
|
||||
|
||||
{/* <SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
||||
<Link href='/stock-unit'>
|
||||
<img src={sliderCallCenter} />
|
||||
</Link>
|
||||
</SwiperSlide> */}
|
||||
{/* <SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
||||
<Link href='/stock-price'>
|
||||
<img src={SliderOne} />
|
||||
</Link>
|
||||
</SwiperSlide> */}
|
||||
<SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
||||
<Link href='/recruitment'>
|
||||
<img src={sliderJob} />
|
||||
</Link>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
||||
<img src={sliderBook} />
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Slider
|
||||
+15
-15
@@ -1,16 +1,16 @@
|
||||
import React from 'react';
|
||||
import { MDBCard, MDBCardBody, MDBCardTitle, MDBCardText, MDBBtn } from 'mdb-react-ui-kit';
|
||||
|
||||
export default function Some() {
|
||||
return (
|
||||
<MDBCard style={{ maxWidth: '22rem' }}>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle>Card title</MDBCardTitle>
|
||||
<MDBCardText>
|
||||
Some quick example text to build on the card title and make up the bulk of the card's content.
|
||||
</MDBCardText>
|
||||
<MDBBtn>Button</MDBBtn>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
);
|
||||
import React from 'react';
|
||||
import { MDBCard, MDBCardBody, MDBCardTitle, MDBCardText, MDBBtn } from 'mdb-react-ui-kit';
|
||||
|
||||
export default function Some() {
|
||||
return (
|
||||
<MDBCard style={{ maxWidth: '22rem' }}>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle>Card title</MDBCardTitle>
|
||||
<MDBCardText>
|
||||
Some quick example text to build on the card title and make up the bulk of the card's content.
|
||||
</MDBCardText>
|
||||
<MDBBtn>Button</MDBBtn>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
);
|
||||
}
|
||||
@@ -1,7 +1,7 @@
|
||||
import dynamic from 'next/dynamic'
|
||||
|
||||
const DynamicComponentWithNoSSR = dynamic(() => import('./Paralax'), {
|
||||
ssr: false
|
||||
})
|
||||
|
||||
import dynamic from 'next/dynamic'
|
||||
|
||||
const DynamicComponentWithNoSSR = dynamic(() => import('./Paralax'), {
|
||||
ssr: false
|
||||
})
|
||||
|
||||
export default () => <DynamicComponentWithNoSSR />
|
||||
+134
-134
@@ -1,134 +1,134 @@
|
||||
import Head from 'next/head'
|
||||
import AppContainer from './appContainer'
|
||||
import Slider from './components/slider'
|
||||
import Connect from './components/connect'
|
||||
import News from './News'
|
||||
import axios from 'axios'
|
||||
import Req from '../public/resource/parallax/Asset 1.svg'
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardImage,
|
||||
MDBCardText,
|
||||
MDBCardTitle,
|
||||
MDBContainer,
|
||||
MDBIcon, MDBListGroupItem,
|
||||
MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
import Link from 'next/link'
|
||||
import Doctors from './components/doctors'
|
||||
import Paralax from './components/Paralax'
|
||||
import Service from './components/service'
|
||||
import { AppUrl } from '../lib/api'
|
||||
import Accessgrid from './components/accessgrid'
|
||||
import React from 'react'
|
||||
import { Img, SimpleGrid } from '@chakra-ui/react'
|
||||
import SalesTeam from './components/SalesTeam'
|
||||
import FadeIn from 'react-fade-in'
|
||||
import Brands from './components/Brands'
|
||||
import OnlineSales from './components/OnlineSales'
|
||||
import Sales from './page/sales'
|
||||
|
||||
export default function Home({ data_NEWS }) {
|
||||
return (
|
||||
<div>
|
||||
<style jsx>
|
||||
{`
|
||||
.fix-col {
|
||||
flex-direction: row;
|
||||
}
|
||||
@media screen and (max-width: 639px) {
|
||||
.fix-col {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
`}
|
||||
</style>
|
||||
<AppContainer>
|
||||
<Slider />
|
||||
<br />
|
||||
<MDBContainer>
|
||||
<SimpleGrid spacing={15} columns={[1, 2, 4]}>
|
||||
<FadeIn>
|
||||
<Link href={'/page/contact-us'}>
|
||||
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
||||
<MDBCardBody className={'flex justify-content-center'}>ارتباط با ما</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
</FadeIn>
|
||||
<Link href={'/page/sales'}>
|
||||
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
||||
<MDBCardBody className={'flex justify-content-center'}> مشاوره سرمایه گذاری </MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
<Link href={'/questions'}>
|
||||
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
||||
<MDBCardBody className={'flex justify-content-center'}>سوالات متداول</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
<Link href={'/stock-price'}>
|
||||
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
||||
<MDBCardBody className={'flex justify-content-center'}>قیمت سهام</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
</SimpleGrid>
|
||||
<div className={'mt-5'}>
|
||||
<OnlineSales />
|
||||
</div>
|
||||
</MDBContainer>
|
||||
|
||||
<Accessgrid />
|
||||
|
||||
<SalesTeam />
|
||||
<News data={data_NEWS}>
|
||||
<div style={{ cursor: 'pointer' }} className=' mt-3 d-flex align-items-center justify-content-center'>
|
||||
<Link
|
||||
style={{ cursor: 'pointer' }}
|
||||
className={'text-white'}
|
||||
href={{ pathname: '/News', query: { list: 'list' } }}
|
||||
>
|
||||
<MDBBtn style={{ cursor: 'pointer' }} className='mx-2 RTL bg-dark shadow-1-strong' color=''>
|
||||
<MDBIcon className='ms-1 ' icon='plus' size='sm' />
|
||||
<span style={{ cursor: 'pointer !important' }} className={'text-white '}>
|
||||
{' '}
|
||||
بیشتر ..
|
||||
</span>
|
||||
</MDBBtn>
|
||||
</Link>
|
||||
</div>
|
||||
</News>
|
||||
|
||||
<Service />
|
||||
{/*<Doctors>*/}
|
||||
{/* <div style={{cursor: 'pointer'}} className=" mt-3 d-flex align-items-center justify-content-center">*/}
|
||||
{/* <Link style={{cursor: 'pointer'}} className={'text-white'} href={{ pathname: '/News', query: { list: 'list' } }}>*/}
|
||||
{/* <MDBBtn style={{cursor: 'pointer'}} className='mx-2 RTL bg-dark shadow-1-strong' color=''>*/}
|
||||
{/* <MDBIcon className='ms-1 ' icon='plus' size='sm' />*/}
|
||||
{/* <span style={{cursor: 'pointer !important'}} className={'text-white '}> بیشتر ..</span>*/}
|
||||
{/* </MDBBtn>*/}
|
||||
|
||||
{/* </Link>*/}
|
||||
{/* </div>*/}
|
||||
{/*</Doctors>*/}
|
||||
<Paralax />
|
||||
<Brands />
|
||||
{/* <Connect /> */}
|
||||
<Sales />
|
||||
{/*phoneCall item */}
|
||||
|
||||
{/*end phoneCall item */}
|
||||
<br />
|
||||
</AppContainer>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export const getServerSideProps = async context => {
|
||||
const allPostsData = await axios.get(AppUrl('news'))
|
||||
const data_NEWS = await allPostsData.data.slice(0, 6)
|
||||
|
||||
return {
|
||||
props: { data_NEWS, fallback: false } // will be passed to the page component as props
|
||||
}
|
||||
}
|
||||
import Head from 'next/head'
|
||||
import AppContainer from './appContainer'
|
||||
import Slider from './components/slider'
|
||||
import Connect from './components/connect'
|
||||
import News from './News'
|
||||
import axios from 'axios'
|
||||
import Req from '../public/resource/parallax/Asset 1.svg'
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardImage,
|
||||
MDBCardText,
|
||||
MDBCardTitle,
|
||||
MDBContainer,
|
||||
MDBIcon, MDBListGroupItem,
|
||||
MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
import Link from 'next/link'
|
||||
import Doctors from './components/doctors'
|
||||
import Paralax from './components/Paralax'
|
||||
import Service from './components/service'
|
||||
import { AppUrl } from '../lib/api'
|
||||
import Accessgrid from './components/accessgrid'
|
||||
import React from 'react'
|
||||
import { Img, SimpleGrid } from '@chakra-ui/react'
|
||||
import SalesTeam from './components/SalesTeam'
|
||||
import FadeIn from 'react-fade-in'
|
||||
import Brands from './components/Brands'
|
||||
import OnlineSales from './components/OnlineSales'
|
||||
import Sales from './page/sales'
|
||||
|
||||
export default function Home({ data_NEWS }) {
|
||||
return (
|
||||
<div>
|
||||
<style jsx>
|
||||
{`
|
||||
.fix-col {
|
||||
flex-direction: row;
|
||||
}
|
||||
@media screen and (max-width: 639px) {
|
||||
.fix-col {
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
`}
|
||||
</style>
|
||||
<AppContainer>
|
||||
<Slider />
|
||||
<br />
|
||||
<MDBContainer>
|
||||
<SimpleGrid spacing={15} columns={[1, 2, 4]}>
|
||||
<FadeIn>
|
||||
<Link href={'/page/contact-us'}>
|
||||
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
||||
<MDBCardBody className={'flex justify-content-center'}>ارتباط با ما</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
</FadeIn>
|
||||
<Link href={'/page/sales'}>
|
||||
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
||||
<MDBCardBody className={'flex justify-content-center'}> مشاوره سرمایه گذاری </MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
<Link href={'/questions'}>
|
||||
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
||||
<MDBCardBody className={'flex justify-content-center'}>سوالات متداول</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
<Link href={'/stock-unit'}>
|
||||
<MDBCard className={'bg-neutral-100 fst-box hover:bg-neutral-200 cursor-pointer hover:shadow-2xl'}>
|
||||
<MDBCardBody className={'flex justify-content-center'}> واحد امور سهام</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
</SimpleGrid>
|
||||
{/* <div className={'mt-5'}>
|
||||
<OnlineSales />
|
||||
</div> */}
|
||||
</MDBContainer>
|
||||
|
||||
<Accessgrid />
|
||||
|
||||
<SalesTeam />
|
||||
<News data={data_NEWS}>
|
||||
<div style={{ cursor: 'pointer' }} className=' mt-3 d-flex align-items-center justify-content-center'>
|
||||
<Link
|
||||
style={{ cursor: 'pointer' }}
|
||||
className={'text-white'}
|
||||
href={{ pathname: '/News', query: { list: 'list' } }}
|
||||
>
|
||||
<MDBBtn style={{ cursor: 'pointer' }} className='mx-2 RTL bg-dark shadow-1-strong' color=''>
|
||||
<MDBIcon className='ms-1 ' icon='plus' size='sm' />
|
||||
<span style={{ cursor: 'pointer !important' }} className={'text-white '}>
|
||||
{' '}
|
||||
بیشتر ..
|
||||
</span>
|
||||
</MDBBtn>
|
||||
</Link>
|
||||
</div>
|
||||
</News>
|
||||
|
||||
<Service />
|
||||
{/*<Doctors>*/}
|
||||
{/* <div style={{cursor: 'pointer'}} className=" mt-3 d-flex align-items-center justify-content-center">*/}
|
||||
{/* <Link style={{cursor: 'pointer'}} className={'text-white'} href={{ pathname: '/News', query: { list: 'list' } }}>*/}
|
||||
{/* <MDBBtn style={{cursor: 'pointer'}} className='mx-2 RTL bg-dark shadow-1-strong' color=''>*/}
|
||||
{/* <MDBIcon className='ms-1 ' icon='plus' size='sm' />*/}
|
||||
{/* <span style={{cursor: 'pointer !important'}} className={'text-white '}> بیشتر ..</span>*/}
|
||||
{/* </MDBBtn>*/}
|
||||
|
||||
{/* </Link>*/}
|
||||
{/* </div>*/}
|
||||
{/*</Doctors>*/}
|
||||
<Paralax />
|
||||
<Brands />
|
||||
{/* <Connect /> */}
|
||||
<Sales />
|
||||
{/*phoneCall item */}
|
||||
|
||||
{/*end phoneCall item */}
|
||||
<br />
|
||||
</AppContainer>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export const getServerSideProps = async context => {
|
||||
const allPostsData = await axios.get(AppUrl('news'))
|
||||
const data_NEWS = await allPostsData.data.slice(0, 6)
|
||||
|
||||
return {
|
||||
props: { data_NEWS, fallback: false } // will be passed to the page component as props
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,49 +1,49 @@
|
||||
import React from 'react'
|
||||
import AppContainer from '../appContainer'
|
||||
import MedicalStock from '../../public/resource/medical/medical.webp'
|
||||
import Image from 'next/image'
|
||||
import { MDBContainer, MDBTypography, MDBRow } from 'mdb-react-ui-kit'
|
||||
const MedicalEquipment = () => {
|
||||
return (
|
||||
<AppContainer title={'واحد تجهیزات پزشکی'}>
|
||||
<div className='parallax-container'>
|
||||
<h2 className={'center-align text-white drop-shadow service-text dana font-weight-bold'}>واحد تجهیزات پزشکی</h2>
|
||||
<Image
|
||||
src={MedicalStock}
|
||||
className={'responsive-img shadow-5'}
|
||||
alt='Picture of the author'
|
||||
width={4090}
|
||||
height={2000}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer className={'my-24'}>
|
||||
<div className={'bk-med flex justify-content-center align-items-center flex-col'}>
|
||||
<div>
|
||||
<MDBTypography
|
||||
style={{ borderLeft: 'none', borderRight: '6px solid ', backgroundColor: '#F0F0F0' }}
|
||||
note
|
||||
noteColor='dark'
|
||||
className='mb-0'
|
||||
>
|
||||
<MDBRow>
|
||||
<MDBTypography className={'dana right-align'}>
|
||||
اگر به دنبال همکاری با بخش تجهیزات بیمارستان هستید، لطفا با یکی از شمارههای زیر تماس حاصل نمایید تا
|
||||
اطلاعات بیشتری در این خصوص از ما دریافت کنید
|
||||
</MDBTypography>
|
||||
</MDBRow>
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<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>
|
||||
<br />
|
||||
<a className='dana' href='tel:09194199420'>09194199420</a>
|
||||
<br />
|
||||
<a>خانم زارعی</a>
|
||||
</div>
|
||||
</div>
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
)
|
||||
}
|
||||
|
||||
export default MedicalEquipment
|
||||
import React from 'react'
|
||||
import AppContainer from '../appContainer'
|
||||
import MedicalStock from '../../public/resource/medical/medical.webp'
|
||||
import Image from 'next/image'
|
||||
import { MDBContainer, MDBTypography, MDBRow } from 'mdb-react-ui-kit'
|
||||
const MedicalEquipment = () => {
|
||||
return (
|
||||
<AppContainer title={'واحد تجهیزات پزشکی'}>
|
||||
<div className='parallax-container'>
|
||||
<h2 className={'center-align text-white drop-shadow service-text dana font-weight-bold'}>واحد تجهیزات پزشکی</h2>
|
||||
<Image
|
||||
src={MedicalStock}
|
||||
className={'responsive-img shadow-5'}
|
||||
alt='Picture of the author'
|
||||
width={4090}
|
||||
height={2000}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer className={'my-24'}>
|
||||
<div className={'bk-med flex justify-content-center align-items-center flex-col'}>
|
||||
<div>
|
||||
<MDBTypography
|
||||
style={{ borderLeft: 'none', borderRight: '6px solid ', backgroundColor: '#F0F0F0' }}
|
||||
note
|
||||
noteColor='dark'
|
||||
className='mb-0'
|
||||
>
|
||||
<MDBRow>
|
||||
<MDBTypography className={'dana right-align'}>
|
||||
اگر به دنبال همکاری با بخش تجهیزات بیمارستان هستید، لطفا با یکی از شمارههای زیر تماس حاصل نمایید تا
|
||||
اطلاعات بیشتری در این خصوص از ما دریافت کنید
|
||||
</MDBTypography>
|
||||
</MDBRow>
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<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>
|
||||
<br />
|
||||
<a className='dana' href='tel:09194199420'>09194199420</a>
|
||||
<br />
|
||||
<a>خانم زارعی</a>
|
||||
</div>
|
||||
</div>
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
)
|
||||
}
|
||||
|
||||
export default MedicalEquipment
|
||||
|
||||
+9
-9
@@ -1,10 +1,10 @@
|
||||
import React, {useEffect} from 'react';
|
||||
|
||||
const Pack = () => {
|
||||
useEffect(() => {
|
||||
!function(){var i="tsit7I",a=window,d=document;function g(){var g=d.createElement("script"),s="https://www.goftino.com/widget/"+i,l=localStorage.getItem("goftino_"+i);g.async=!0,g.src=l?s+"?o="+l:s;d.getElementsByTagName("head")[0].appendChild(g);}"complete"===d.readyState?g():a.attachEvent?a.attachEvent("onload",g):a.addEventListener("load",g,!1);}();
|
||||
})
|
||||
return <></>
|
||||
};
|
||||
|
||||
import React, {useEffect} from 'react';
|
||||
|
||||
const Pack = () => {
|
||||
useEffect(() => {
|
||||
!function(){var i="tsit7I",a=window,d=document;function g(){var g=d.createElement("script"),s="https://www.goftino.com/widget/"+i,l=localStorage.getItem("goftino_"+i);g.async=!0,g.src=l?s+"?o="+l:s;d.getElementsByTagName("head")[0].appendChild(g);}"complete"===d.readyState?g():a.attachEvent?a.attachEvent("onload",g):a.addEventListener("load",g,!1);}();
|
||||
})
|
||||
return <></>
|
||||
};
|
||||
|
||||
export default Pack;
|
||||
+116
-116
@@ -1,116 +1,116 @@
|
||||
import React from 'react'
|
||||
import AppContainer from '../appContainer'
|
||||
import Image from 'next/image'
|
||||
import {
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardHeader,
|
||||
MDBCardImage,
|
||||
MDBCardText,
|
||||
MDBCol,
|
||||
MDBContainer,
|
||||
MDBIcon,
|
||||
MDBRow,
|
||||
MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
|
||||
const Directors = () => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/parallax/Directors.jpg`
|
||||
}
|
||||
const DataUsers = [
|
||||
{
|
||||
id: 1,
|
||||
name: ' دکتر محمد جواد نمکی ',
|
||||
position: 'مدیر عامل و موسس',
|
||||
more: 'متخصص بیهوشی',
|
||||
img: '/resource/avatar/user-2.jpg'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: 'پوریا نمکی',
|
||||
position: 'مدیر مالی و اداری',
|
||||
more: ' عضو هیئت مدیره ',
|
||||
img: '/resource/avatar/user-1.jpg'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: ' مهندس احمدی ',
|
||||
position: ' مهندس عمران',
|
||||
more: ' مدیر ساخت',
|
||||
img: '/resource/avatar/user-4.png'
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
name: ' مهندس هاشمی ',
|
||||
position: 'مهندس ایمنی ',
|
||||
more: ' ',
|
||||
img: '/resource/avatar/user-6.png'
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
name: 'دکتر علی اسماعیلی ',
|
||||
position: ' متخصص اطفال ',
|
||||
more: ' ',
|
||||
img: '/resource/avatar/user-9.png'
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
name: ' مهندس رضاپناه ',
|
||||
position: 'مهندس برق ',
|
||||
more: ' ',
|
||||
img: '/resource/avatar/user-7.png'
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
name: 'دکتر سجاد نمکی ',
|
||||
position: ' عضو هیئت مدیره ',
|
||||
more: 'متخصص پوست و زیبابی ',
|
||||
img: '/resource/avatar/user-3.jpg'
|
||||
}
|
||||
]
|
||||
return (
|
||||
<AppContainer title={' تیم پروژه بیمارستان مهر ایرانیان پرند'}>
|
||||
<div className='parallax-container'>
|
||||
<h2 className={'center-align text-white header_back service-text dana font-weight-bold'}>
|
||||
{' '}
|
||||
تیم پروژه بیمارستان{' '}
|
||||
</h2>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt='درباره بیارستان مهر ایرانیان پرند '
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<MDBContainer>
|
||||
<MDBRow className='row-cols-1 mt-5 mb-5 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
||||
{DataUsers.map(item => (
|
||||
<MDBCol key={item.id}>
|
||||
<div class='card-team'>
|
||||
<div class='slide slide1'>
|
||||
<div class='content'>
|
||||
<MDBCardImage src={item.img} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class='slide slide2'>
|
||||
<div class='content mt-3 flex flex-col gap-1'>
|
||||
<h3 className='mt-3'>{item.name}</h3>
|
||||
<p>{item.position}</p>
|
||||
<p>{item.more}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</MDBCol>
|
||||
))}
|
||||
</MDBRow>
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
)
|
||||
}
|
||||
|
||||
export default Directors
|
||||
import React from 'react'
|
||||
import AppContainer from '../appContainer'
|
||||
import Image from 'next/image'
|
||||
import {
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardHeader,
|
||||
MDBCardImage,
|
||||
MDBCardText,
|
||||
MDBCol,
|
||||
MDBContainer,
|
||||
MDBIcon,
|
||||
MDBRow,
|
||||
MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
|
||||
const Directors = () => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/parallax/Directors.jpg`
|
||||
}
|
||||
const DataUsers = [
|
||||
{
|
||||
id: 1,
|
||||
name: ' دکتر محمد جواد نمکی ',
|
||||
position: 'مدیر عامل و موسس',
|
||||
more: 'متخصص بیهوشی',
|
||||
img: '/resource/avatar/user-2.jpg'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
name: 'پوریا نمکی',
|
||||
position: 'مدیر مالی و اداری',
|
||||
more: ' عضو هیئت مدیره ',
|
||||
img: '/resource/avatar/user-1.jpg'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
name: ' مهندس احمدی ',
|
||||
position: ' مهندس عمران',
|
||||
more: ' مدیر ساخت',
|
||||
img: '/resource/avatar/user-4.png'
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
name: ' مهندس هاشمی ',
|
||||
position: 'مهندس ایمنی ',
|
||||
more: ' ',
|
||||
img: '/resource/avatar/user-6.png'
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
name: 'دکتر علی اسماعیلی ',
|
||||
position: ' متخصص اطفال ',
|
||||
more: ' ',
|
||||
img: '/resource/avatar/user-9.png'
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
name: ' مهندس رضاپناه ',
|
||||
position: 'مهندس برق ',
|
||||
more: ' ',
|
||||
img: '/resource/avatar/user-7.png'
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
name: 'دکتر سجاد نمکی ',
|
||||
position: ' عضو هیئت مدیره ',
|
||||
more: 'متخصص پوست و زیبابی ',
|
||||
img: '/resource/avatar/user-3.jpg'
|
||||
}
|
||||
]
|
||||
return (
|
||||
<AppContainer title={' تیم پروژه بیمارستان مهر ایرانیان پرند'}>
|
||||
<div className='parallax-container'>
|
||||
<h2 className={'center-align text-white header_back service-text dana font-weight-bold'}>
|
||||
{' '}
|
||||
تیم پروژه بیمارستان{' '}
|
||||
</h2>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt='درباره بیارستان مهر ایرانیان پرند '
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<MDBContainer>
|
||||
<MDBRow className='row-cols-1 mt-5 mb-5 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
||||
{DataUsers.map(item => (
|
||||
<MDBCol key={item.id}>
|
||||
<div class='card-team'>
|
||||
<div class='slide slide1'>
|
||||
<div class='content'>
|
||||
<MDBCardImage src={item.img} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class='slide slide2'>
|
||||
<div class='content mt-3 flex flex-col gap-1'>
|
||||
<h3 className='mt-3'>{item.name}</h3>
|
||||
<p>{item.position}</p>
|
||||
<p>{item.more}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</MDBCol>
|
||||
))}
|
||||
</MDBRow>
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
)
|
||||
}
|
||||
|
||||
export default Directors
|
||||
|
||||
+54
-54
@@ -1,55 +1,55 @@
|
||||
import React from 'react';
|
||||
import AppContainer from "../appContainer";
|
||||
import {MDBContainer, MDBProgress, MDBProgressBar} from "mdb-react-ui-kit";
|
||||
import Image from "next/image";
|
||||
|
||||
|
||||
const About = (props) => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/parallax/about.jpg`;
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<AppContainer title={'درباره بیمارستان '}>
|
||||
<div className="parallax-container">
|
||||
<h1 className={'center-align text-white service-text dana font-weight-bold'}> درباره بیمارستان </h1>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src="Parallax.png"
|
||||
className={'responsive-img shadow-5'}
|
||||
alt="درباره بیارستان مهر ایرانیان پرند "
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer>
|
||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
|
||||
آشنایی اجمالی با بیمارستان مهرایرانیان
|
||||
<hr />
|
||||
|
||||
</h5>
|
||||
<p className={'right-align RTL'}>
|
||||
بیمارستان تخصصی مهرایرانیان واقع در اتوبان چهاربانده اصلی داخلی شهر پرند در بهترین موقعیت مکانی و در دل مسکن مهر، با فضای درمانی به متراژ تقریبی 500/14 متر مربع همراه با 4000 متر پارکینگ طبقاتی، با هدف تبدیل شدن به یکی از قطب های درمانی منطقه در حال احداث می باشد. این بیمارستان که تنها بیمارستان تخصصی در کنار بزرگترین فرودگاه کشور است در فاز اولیه احداث دارای 96 تختخواب و دارای بخش های ICU،CCU،NICU،زایشگاه، اتاق های عمل، مرکز تصویربرداری،آزمایشگاه،داروخانه، اورژانس، بخش اسکوپی و گوارش، و دندانپزشکی عمومی و تخصصی می باشد. این بیمارستان در آینده نه چندان دور سهم بسزایی در بهداشت و درمان منطقه جنوب غرب تهران که شامل شهرهای پرند،رباط کریم،نسیم شهر و شهرک های تابعه است، خواهد داشت.
|
||||
در حال حاضر این پروژه 30% پیشرفت فیزیکی داشته و طبقه همکف آن که شامل اورژانس و کلینیک های تخصصی است تا پایان آبان 1400 تکمیل خواهد شد.
|
||||
مرحله راه اندازی بیمارستان با حداقل ظرفیت تا پایان سال 1402 و مرحله تکمیل و راه اندازی کامل بیمارستان با ظرفیت 200 تخت در سال 1403 انجام خواهد شد.
|
||||
|
||||
</p>
|
||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
|
||||
درصد پیشرفت کار
|
||||
</h5>
|
||||
<br/>
|
||||
<div>
|
||||
<MDBProgress height='30'>
|
||||
<MDBProgressBar className={'dana'} width='45' valuemin={0} valuemax={100}>
|
||||
45% پیشرفت فیزیکی پروژه
|
||||
</MDBProgressBar>
|
||||
</MDBProgress>
|
||||
</div>
|
||||
<br/>
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
import React from 'react';
|
||||
import AppContainer from "../appContainer";
|
||||
import {MDBContainer, MDBProgress, MDBProgressBar} from "mdb-react-ui-kit";
|
||||
import Image from "next/image";
|
||||
|
||||
|
||||
const About = (props) => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/parallax/about.jpg`;
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<AppContainer title={'درباره بیمارستان '}>
|
||||
<div className="parallax-container">
|
||||
<h1 className={'center-align text-white service-text dana font-weight-bold'}> درباره بیمارستان </h1>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src="Parallax.png"
|
||||
className={'responsive-img shadow-5'}
|
||||
alt="درباره بیارستان مهر ایرانیان پرند "
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer>
|
||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
|
||||
آشنایی اجمالی با بیمارستان مهرایرانیان
|
||||
<hr />
|
||||
|
||||
</h5>
|
||||
<p className={'right-align RTL'}>
|
||||
بیمارستان تخصصی مهرایرانیان واقع در اتوبان چهاربانده اصلی داخلی شهر پرند در بهترین موقعیت مکانی و در دل مسکن مهر، با فضای درمانی به متراژ تقریبی 500/14 متر مربع همراه با 4000 متر پارکینگ طبقاتی، با هدف تبدیل شدن به یکی از قطب های درمانی منطقه در حال احداث می باشد. این بیمارستان که تنها بیمارستان تخصصی در کنار بزرگترین فرودگاه کشور است در فاز اولیه احداث دارای 96 تختخواب و دارای بخش های ICU،CCU،NICU،زایشگاه، اتاق های عمل، مرکز تصویربرداری،آزمایشگاه،داروخانه، اورژانس، بخش اسکوپی و گوارش، و دندانپزشکی عمومی و تخصصی می باشد. این بیمارستان در آینده نه چندان دور سهم بسزایی در بهداشت و درمان منطقه جنوب غرب تهران که شامل شهرهای پرند،رباط کریم،نسیم شهر و شهرک های تابعه است، خواهد داشت.
|
||||
در حال حاضر این پروژه 30% پیشرفت فیزیکی داشته و طبقه همکف آن که شامل اورژانس و کلینیک های تخصصی است تا پایان آبان 1400 تکمیل خواهد شد.
|
||||
مرحله راه اندازی بیمارستان با حداقل ظرفیت تا پایان سال 1402 و مرحله تکمیل و راه اندازی کامل بیمارستان با ظرفیت 200 تخت در سال 1403 انجام خواهد شد.
|
||||
|
||||
</p>
|
||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
|
||||
درصد پیشرفت کار
|
||||
</h5>
|
||||
<br/>
|
||||
<div>
|
||||
<MDBProgress height='30'>
|
||||
<MDBProgressBar className={'dana'} width='45' valuemin={0} valuemax={100}>
|
||||
45% پیشرفت فیزیکی پروژه
|
||||
</MDBProgressBar>
|
||||
</MDBProgress>
|
||||
</div>
|
||||
<br/>
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default About;
|
||||
+104
-104
@@ -1,105 +1,105 @@
|
||||
import React, { useState } from 'react';
|
||||
import AppContainer from "../appContainer";
|
||||
import Image from "next/image";
|
||||
import { MDBCol, MDBContainer, MDBIcon, MDBInputGroupText, MDBRow, MDBTypography } from "mdb-react-ui-kit";
|
||||
import Connect from "../components/connect";
|
||||
import { Map, Marker, ZoomControl } from "pigeon-maps"
|
||||
import { osm } from 'pigeon-maps/providers'
|
||||
|
||||
import { maptiler } from 'pigeon-maps/providers'
|
||||
|
||||
const ContactUs = () => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `/resource/parallax/contact-us.jpg `;
|
||||
}
|
||||
|
||||
const maptilerProvider = maptiler('tWRA4K0zge6W26KAmgBX', 'streets')
|
||||
const [hue, setHue] = useState(0)
|
||||
const color = `hsl(${hue % 490}deg 80% 30%)`
|
||||
|
||||
return (
|
||||
<>
|
||||
<AppContainer title={'درباره ما'}>
|
||||
<div className="parallax-container">
|
||||
<h2 className={'center-align text-white header_back service-text dana font-weight-bold'}> تماس با ما </h2>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src="Parallax.png"
|
||||
className={'responsive-img shadow-5'}
|
||||
alt="Picture of the author"
|
||||
width={2050}
|
||||
height={950}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<br />
|
||||
<MDBContainer>
|
||||
<br />
|
||||
<h3 className={'right-align'}>
|
||||
آدرس
|
||||
<MDBIcon style={{ paddingLeft: 5 }} className='ms-1' icon='map-marker-alt' size='xl' />
|
||||
</h3>
|
||||
<br />
|
||||
<MDBTypography style={{ borderLeft: 'none', borderRight: '6px solid ', backgroundColor: '#F0F0F0' }} note noteColor='dark' className='mb-0'>
|
||||
<MDBRow>
|
||||
<MDBTypography className={'dana right-align'} >
|
||||
تهران - شهر پرند - فاز 5 - بلوار شهید قاسم سلیمانی - بلوار رسوال اکرم - بیمارستان مهر ایرانیان پرند
|
||||
</MDBTypography>
|
||||
</MDBRow>
|
||||
</MDBTypography>
|
||||
<br /><br />
|
||||
<h3 className={'right-align'}>
|
||||
تماس با ما
|
||||
<MDBIcon style={{ paddingLeft: 5 }} className='ms-1' icon='phone-square' size='xl' />
|
||||
</h3>
|
||||
<br />
|
||||
<MDBTypography style={{ backgroundColor: '#F0F0F0' }} note noteColor='dark' className='mb-0'>
|
||||
<MDBRow>
|
||||
{/*<MDBTypography className={'dana'} >*/}
|
||||
{/* <MDBIcon style={{ paddingRight: 5 }} className='ms-1' icon='phone-alt' size='sm' />*/}
|
||||
{/* <a style={{ color: 'black' }} href={'tel:02153457000'}>021 5345 7000 </a>*/}
|
||||
{/*</MDBTypography>*/}
|
||||
|
||||
<MDBTypography className={'dana'} href={'tel:02153457000'}>
|
||||
<MDBIcon style={{ paddingRight: 5 }} className='ms-1' icon='phone-alt' size='sm' />
|
||||
<a style={{ color: 'black' }} href={'tel:02153457000'}>021-53457000</a>
|
||||
</MDBTypography>
|
||||
<MDBTypography className={'dana'} href={'tel:09367529435'}>
|
||||
<MDBIcon style={{ paddingRight: 5 }} className='ms-1' icon='envelope-square' size='sm' />
|
||||
contact-us@miphospital.ir
|
||||
</MDBTypography>
|
||||
|
||||
<MDBTypography className={'dana'} href={'tel:09367529435'}>
|
||||
<MDBIcon style={{ paddingRight: 5 }} className='ms-1' fab icon="instagram" size='sm' />
|
||||
<a target={'_blank'} style={{ color: 'black' }} href={'https://www.instagram.com/miphospital/'}>miphospital</a>
|
||||
</MDBTypography>
|
||||
</MDBRow>
|
||||
</MDBTypography>
|
||||
<br />
|
||||
<div>
|
||||
<Map
|
||||
provider={maptilerProvider}
|
||||
provider={osm}
|
||||
dprs={[1, 2]} // this provider supports HiDPI tiles
|
||||
height={400}
|
||||
defaultCenter={[35.48787, 50.92102]}
|
||||
defaultZoom={15}
|
||||
>
|
||||
<Marker
|
||||
width={50}
|
||||
anchor={[35.48787, 50.92102]}
|
||||
color={color}
|
||||
onClick={() => setHue(hue + 20)}
|
||||
/>
|
||||
<ZoomControl />
|
||||
</Map>
|
||||
</div>
|
||||
<Connect />
|
||||
<br />
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
import React, { useState } from 'react';
|
||||
import AppContainer from "../appContainer";
|
||||
import Image from "next/image";
|
||||
import { MDBCol, MDBContainer, MDBIcon, MDBInputGroupText, MDBRow, MDBTypography } from "mdb-react-ui-kit";
|
||||
import Connect from "../components/connect";
|
||||
import { Map, Marker, ZoomControl } from "pigeon-maps"
|
||||
import { osm } from 'pigeon-maps/providers'
|
||||
|
||||
import { maptiler } from 'pigeon-maps/providers'
|
||||
|
||||
const ContactUs = () => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `/resource/parallax/contact-us.jpg `;
|
||||
}
|
||||
|
||||
const maptilerProvider = maptiler('tWRA4K0zge6W26KAmgBX', 'streets')
|
||||
const [hue, setHue] = useState(0)
|
||||
const color = `hsl(${hue % 490}deg 80% 30%)`
|
||||
|
||||
return (
|
||||
<>
|
||||
<AppContainer title={'درباره ما'}>
|
||||
<div className="parallax-container">
|
||||
<h2 className={'center-align text-white header_back service-text dana font-weight-bold'}> تماس با ما </h2>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src="Parallax.png"
|
||||
className={'responsive-img shadow-5'}
|
||||
alt="Picture of the author"
|
||||
width={2050}
|
||||
height={950}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<br />
|
||||
<MDBContainer>
|
||||
<br />
|
||||
<h3 className={'right-align'}>
|
||||
آدرس
|
||||
<MDBIcon style={{ paddingLeft: 5 }} className='ms-1' icon='map-marker-alt' size='xl' />
|
||||
</h3>
|
||||
<br />
|
||||
<MDBTypography style={{ borderLeft: 'none', borderRight: '6px solid ', backgroundColor: '#F0F0F0' }} note noteColor='dark' className='mb-0'>
|
||||
<MDBRow>
|
||||
<MDBTypography className={'dana right-align'} >
|
||||
تهران - شهر پرند - فاز 5 - بلوار شهید قاسم سلیمانی - بلوار رسوال اکرم - بیمارستان مهر ایرانیان پرند
|
||||
</MDBTypography>
|
||||
</MDBRow>
|
||||
</MDBTypography>
|
||||
<br /><br />
|
||||
<h3 className={'right-align'}>
|
||||
تماس با ما
|
||||
<MDBIcon style={{ paddingLeft: 5 }} className='ms-1' icon='phone-square' size='xl' />
|
||||
</h3>
|
||||
<br />
|
||||
<MDBTypography style={{ backgroundColor: '#F0F0F0' }} note noteColor='dark' className='mb-0'>
|
||||
<MDBRow>
|
||||
{/*<MDBTypography className={'dana'} >*/}
|
||||
{/* <MDBIcon style={{ paddingRight: 5 }} className='ms-1' icon='phone-alt' size='sm' />*/}
|
||||
{/* <a style={{ color: 'black' }} href={'tel:02153457000'}>021 5345 7000 </a>*/}
|
||||
{/*</MDBTypography>*/}
|
||||
|
||||
<MDBTypography className={'dana'} href={'tel:02153457000'}>
|
||||
<MDBIcon style={{ paddingRight: 5 }} className='ms-1' icon='phone-alt' size='sm' />
|
||||
<a style={{ color: 'black' }} href={'tel:02153457000'}>021-53457000</a>
|
||||
</MDBTypography>
|
||||
<MDBTypography className={'dana'} href={'tel:09367529435'}>
|
||||
<MDBIcon style={{ paddingRight: 5 }} className='ms-1' icon='envelope-square' size='sm' />
|
||||
contact-us@miphospital.ir
|
||||
</MDBTypography>
|
||||
|
||||
<MDBTypography className={'dana'} href={'tel:09367529435'}>
|
||||
<MDBIcon style={{ paddingRight: 5 }} className='ms-1' fab icon="instagram" size='sm' />
|
||||
<a target={'_blank'} style={{ color: 'black' }} href={'https://www.instagram.com/miphospital/'}>miphospital</a>
|
||||
</MDBTypography>
|
||||
</MDBRow>
|
||||
</MDBTypography>
|
||||
<br />
|
||||
<div>
|
||||
<Map
|
||||
provider={maptilerProvider}
|
||||
provider={osm}
|
||||
dprs={[1, 2]} // this provider supports HiDPI tiles
|
||||
height={400}
|
||||
defaultCenter={[35.48787, 50.92102]}
|
||||
defaultZoom={15}
|
||||
>
|
||||
<Marker
|
||||
width={50}
|
||||
anchor={[35.48787, 50.92102]}
|
||||
color={color}
|
||||
onClick={() => setHue(hue + 20)}
|
||||
/>
|
||||
<ZoomControl />
|
||||
</Map>
|
||||
</div>
|
||||
<Connect />
|
||||
<br />
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default ContactUs;
|
||||
+243
-243
@@ -1,243 +1,243 @@
|
||||
import React from "react";
|
||||
import AppContainer from "../appContainer";
|
||||
|
||||
import circle from "../../public/resource/cooperationsales/circle.svg";
|
||||
import envelop from "../../public/resource/cooperationsales/envelop.svg";
|
||||
import person from "../../public/resource/cooperationsales/person.svg";
|
||||
import darsad from "../../public/resource/cooperationsales/darsad.svg";
|
||||
import cart from "../../public/resource/cooperationsales/cart.svg";
|
||||
import path from "../../public/resource/cooperationsales/path.svg";
|
||||
// import cartmo from "../../public/resource/cooperationsales/CartMo.svg";
|
||||
|
||||
const CooperationSales = () => {
|
||||
return (
|
||||
<AppContainer>
|
||||
<div className="bg-[#014258] lg:h-[450px] ">
|
||||
<div className="contentSales contentSalesMobile ">
|
||||
<div className="contentSales2"></div>
|
||||
<div className="contentSales3">
|
||||
this is svg area
|
||||
{/* <img src ={cartmo} alt="" /> */}
|
||||
</div>
|
||||
|
||||
<h2 className="text-white text-lg font-bold lg:text-[28px] font-extrabold text-center pt-8 xl:pt-16">
|
||||
همکاری در فروش سهام
|
||||
</h2>
|
||||
<p className="text-white w-[85%] md:w-[60%] text-sm lg:text-[22px] font-medium leading-[1.8rem] lg:w-[42%] xl:w-[40%] mx-auto text-center lg:leading-8 xl:leading-10 py-2 lg:py-4">
|
||||
با ثبت نام در سامانه خرید سهام، کد معرف شما ایجاد و قابل اشتراک
|
||||
گذاری می شود. کد معرف یکتای خود را با دوستان خود به اشتراک بگذارید
|
||||
تا آنها با کد شما ثبت نام کنند. به این ترتیب{" "}
|
||||
<span className="font-bold text-sm lg:text-[22px]">
|
||||
سود 3 درصدی
|
||||
</span>{" "}
|
||||
را از طریق سرمایه گذاری دوستان خود، کسب نمایید
|
||||
</p>
|
||||
|
||||
<div className="pb-4 lg:mb-0">
|
||||
<button className="bg-[#57C5C6] text-lg lg:text-[22px] font-black border-0 outline-0 text-white flex py-[0.6rem] px-[2.6rem] rounded-[10px] m-auto text-center ">
|
||||
شروع همکاری
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* second part */}
|
||||
{/* laptop */}
|
||||
<div className="my-16">
|
||||
<h3 className="text-[#3C3C3C] text-lg font-extrabold lg:text-[28px] lg:font-bold mt-8 text-center ">
|
||||
فرایند همکاری در فروش سهام
|
||||
</h3>
|
||||
|
||||
<div className="process flex justify-center items-center flex-row-reverse lg:mt-16">
|
||||
{/**box 1**/}
|
||||
<div className=" flex items-center flex-row-reverse ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 lg:w-[62%] xl:w-[57%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
ارسال کد معرف برای دوستان خود
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute lg:left-[60px] xl:left-[72px] top-[-13px] mt-4">
|
||||
<img
|
||||
src={envelop}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className=" mt-[-80px] lg:ml-[-90px] lg:mr-[-64px] xl:ml-[-111px] xl:mr-[-72px]">
|
||||
<img src={path} alt="path" />
|
||||
</div>
|
||||
{/** box2 **/}
|
||||
<div className=" flex items-center flex-row-reverse ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents lg:w-[3rem] xl:w-full ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 lg:w-[62%] xl:w-[57%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
ثبت نام دوستان شما با کد معرف شما
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute lg:left-[75px] xl:left-[88px] top-[-13px] mt-4 ">
|
||||
<img
|
||||
src={person}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lg:mr-[-84px] lg:ml-[-66px] mt-[-136px] xl:mr-[-98px] xl:ml-[-81px] rotate-180">
|
||||
<img src={path} alt="path" />
|
||||
</div>
|
||||
{/** box3 **/}
|
||||
<div className=" flex items-center flex-row-reverse ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents lg:w-[3rem] xl:w-full ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 lg:w-[62%] xl:w-[57%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
خرید سهام توسط دوستان شما
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute lg:left-[44px] lg:top-[-9px] xl:left-[58px] xl:top-[-13px] mt-4 ">
|
||||
<img
|
||||
src={cart}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lg:mr-[-54px] lg:ml-[-71px] xl:mr-[-72px] mt-[-80px] xl:ml-[-94px]">
|
||||
<img src={path} alt="path" />
|
||||
</div>
|
||||
{/** box4 **/}
|
||||
<div className=" flex items-center flex-row-reverse ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 lg:w-[62%] xl:w-[57%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
دریافت سود 3 درصد معرف خرید
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute lg:left-[50px] xl:left-[66px] top-[-13px] mt-4">
|
||||
<img
|
||||
src={darsad}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* mobile proces */}
|
||||
<div className="processMobile flex flex-column justify-center items-center mt-14">
|
||||
{/**box 1**/}
|
||||
<div className=" flex items-center flex-row-reverse ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 w-[55%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
ارسال کد معرف برای دوستان خود
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute left-[55px] top-[-13px] mt-4">
|
||||
<img
|
||||
src={envelop}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/** box2 **/}
|
||||
<div className=" flex items-center flex-row-reverse pt-8 ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents lg:w-[3rem] xl:w-full ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 w-[55%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
ثبت نام دوستان شما با کد معرف شما
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute left-[70px] top-[-13px] mt-4 ">
|
||||
<img
|
||||
src={person}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/** box3 **/}
|
||||
<div className=" flex items-center flex-row-reverse pt-8 ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents lg:w-[3rem] xl:w-full ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 w-[55%] xl:w-[57%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
خرید سهام توسط دوستان شما
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute left-[39px] top-[-13px] mt-4 ">
|
||||
<img
|
||||
src={cart}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/** box4 **/}
|
||||
<div className=" flex items-center flex-row-reverse pt-8 ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 w-[55%] xl:w-[57%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
دریافت سود 3 درصد معرف خرید
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute left-[55px] top-[-13px] mt-4">
|
||||
<img
|
||||
src={darsad}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* end mobile process */}
|
||||
</div>
|
||||
</AppContainer>
|
||||
);
|
||||
};
|
||||
|
||||
export default CooperationSales;
|
||||
import React from "react";
|
||||
import AppContainer from "../appContainer";
|
||||
|
||||
import circle from "../../public/resource/cooperationsales/circle.svg";
|
||||
import envelop from "../../public/resource/cooperationsales/envelop.svg";
|
||||
import person from "../../public/resource/cooperationsales/person.svg";
|
||||
import darsad from "../../public/resource/cooperationsales/darsad.svg";
|
||||
import cart from "../../public/resource/cooperationsales/cart.svg";
|
||||
import path from "../../public/resource/cooperationsales/path.svg";
|
||||
// import cartmo from "../../public/resource/cooperationsales/CartMo.svg";
|
||||
|
||||
const CooperationSales = () => {
|
||||
return (
|
||||
<AppContainer>
|
||||
<div className="bg-[#014258] lg:h-[450px] ">
|
||||
<div className="contentSales contentSalesMobile ">
|
||||
<div className="contentSales2"></div>
|
||||
<div className="contentSales3">
|
||||
this is svg area
|
||||
{/* <img src ={cartmo} alt="" /> */}
|
||||
</div>
|
||||
|
||||
<h2 className="text-white text-lg font-bold lg:text-[28px] font-extrabold text-center pt-8 xl:pt-16">
|
||||
همکاری در فروش سهام
|
||||
</h2>
|
||||
<p className="text-white w-[85%] md:w-[60%] text-sm lg:text-[22px] font-medium leading-[1.8rem] lg:w-[42%] xl:w-[40%] mx-auto text-center lg:leading-8 xl:leading-10 py-2 lg:py-4">
|
||||
با ثبت نام در سامانه خرید سهام، کد معرف شما ایجاد و قابل اشتراک
|
||||
گذاری می شود. کد معرف یکتای خود را با دوستان خود به اشتراک بگذارید
|
||||
تا آنها با کد شما ثبت نام کنند. به این ترتیب{" "}
|
||||
<span className="font-bold text-sm lg:text-[22px]">
|
||||
سود 3 درصدی
|
||||
</span>{" "}
|
||||
را از طریق سرمایه گذاری دوستان خود، کسب نمایید
|
||||
</p>
|
||||
|
||||
<div className="pb-4 lg:mb-0">
|
||||
<button className="bg-[#57C5C6] text-lg lg:text-[22px] font-black border-0 outline-0 text-white flex py-[0.6rem] px-[2.6rem] rounded-[10px] m-auto text-center ">
|
||||
شروع همکاری
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* second part */}
|
||||
{/* laptop */}
|
||||
<div className="my-16">
|
||||
<h3 className="text-[#3C3C3C] text-lg font-extrabold lg:text-[28px] lg:font-bold mt-8 text-center ">
|
||||
فرایند همکاری در فروش سهام
|
||||
</h3>
|
||||
|
||||
<div className="process flex justify-center items-center flex-row-reverse lg:mt-16">
|
||||
{/**box 1**/}
|
||||
<div className=" flex items-center flex-row-reverse ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 lg:w-[62%] xl:w-[57%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
ارسال کد معرف برای دوستان خود
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute lg:left-[60px] xl:left-[72px] top-[-13px] mt-4">
|
||||
<img
|
||||
src={envelop}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className=" mt-[-80px] lg:ml-[-90px] lg:mr-[-64px] xl:ml-[-111px] xl:mr-[-72px]">
|
||||
<img src={path} alt="path" />
|
||||
</div>
|
||||
{/** box2 **/}
|
||||
<div className=" flex items-center flex-row-reverse ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents lg:w-[3rem] xl:w-full ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 lg:w-[62%] xl:w-[57%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
ثبت نام دوستان شما با کد معرف شما
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute lg:left-[75px] xl:left-[88px] top-[-13px] mt-4 ">
|
||||
<img
|
||||
src={person}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lg:mr-[-84px] lg:ml-[-66px] mt-[-136px] xl:mr-[-98px] xl:ml-[-81px] rotate-180">
|
||||
<img src={path} alt="path" />
|
||||
</div>
|
||||
{/** box3 **/}
|
||||
<div className=" flex items-center flex-row-reverse ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents lg:w-[3rem] xl:w-full ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 lg:w-[62%] xl:w-[57%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
خرید سهام توسط دوستان شما
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute lg:left-[44px] lg:top-[-9px] xl:left-[58px] xl:top-[-13px] mt-4 ">
|
||||
<img
|
||||
src={cart}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="lg:mr-[-54px] lg:ml-[-71px] xl:mr-[-72px] mt-[-80px] xl:ml-[-94px]">
|
||||
<img src={path} alt="path" />
|
||||
</div>
|
||||
{/** box4 **/}
|
||||
<div className=" flex items-center flex-row-reverse ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 lg:w-[62%] xl:w-[57%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
دریافت سود 3 درصد معرف خرید
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute lg:left-[50px] xl:left-[66px] top-[-13px] mt-4">
|
||||
<img
|
||||
src={darsad}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* mobile proces */}
|
||||
<div className="processMobile flex flex-column justify-center items-center mt-14">
|
||||
{/**box 1**/}
|
||||
<div className=" flex items-center flex-row-reverse ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 w-[55%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
ارسال کد معرف برای دوستان خود
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute left-[55px] top-[-13px] mt-4">
|
||||
<img
|
||||
src={envelop}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/** box2 **/}
|
||||
<div className=" flex items-center flex-row-reverse pt-8 ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents lg:w-[3rem] xl:w-full ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 w-[55%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
ثبت نام دوستان شما با کد معرف شما
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute left-[70px] top-[-13px] mt-4 ">
|
||||
<img
|
||||
src={person}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/** box3 **/}
|
||||
<div className=" flex items-center flex-row-reverse pt-8 ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents lg:w-[3rem] xl:w-full ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 w-[55%] xl:w-[57%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
خرید سهام توسط دوستان شما
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute left-[39px] top-[-13px] mt-4 ">
|
||||
<img
|
||||
src={cart}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/** box4 **/}
|
||||
<div className=" flex items-center flex-row-reverse pt-8 ">
|
||||
<div className="relative flex flex-column justify-center items-center">
|
||||
<div className="img contents ">
|
||||
<img src={circle} alt="back" />
|
||||
<div className="mt-6 w-[55%] xl:w-[57%] text-center">
|
||||
<p className="lg:text-base xl:text-lg font-bold text-[#014258] ">
|
||||
دریافت سود 3 درصد معرف خرید
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="absolute left-[55px] top-[-13px] mt-4">
|
||||
<img
|
||||
src={darsad}
|
||||
alt="back"
|
||||
className="lg:w-[2.5rem] xl:w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* end mobile process */}
|
||||
</div>
|
||||
</AppContainer>
|
||||
);
|
||||
};
|
||||
|
||||
export default CooperationSales;
|
||||
|
||||
+49
-49
@@ -1,50 +1,50 @@
|
||||
import React from 'react';
|
||||
import Image from "next/image";
|
||||
import AppContainer from "../appContainer";
|
||||
import {MDBContainer, MDBIcon, MDBTypography} from "mdb-react-ui-kit";
|
||||
|
||||
const Docs = () => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/parallax/files-bg.jpg`;
|
||||
}
|
||||
const dataFile = [
|
||||
// {id: 1,title: 'اساسنامه شرکت سهامی مهر ایرانیان پرند' ,url: '../resource/files/اساسنامه شرکت سهامی.pdf'},
|
||||
{id: 2,title: 'آگهی افزایش سرمایه بیمارستان مهر ایرانیان پرند' ,url: '../resource/files/آگهی افزایش سرمایه.pdf'},
|
||||
{id: 3,title: 'آگهی تغییرات روزنامه رسمی' ,url: '../resource/files/آگهی تغییرات روزنامه رسمی.jpg'},
|
||||
{id: 4,title: 'موافقت اصولی' ,url: '../resource/files/Agrement.pdf'},
|
||||
{id: 5,title: ' اساسنامه شرکت سهامی خاص پزشکی مهر ایرانیان پرند' ,url: '../resource/files/اساسنامه شرکت سهامی خاص پزشکی مهرایرانیان پرند.pdf'},
|
||||
]
|
||||
return (
|
||||
<AppContainer title={' اساسنامه شرکت'}>
|
||||
<div className="parallax-container">
|
||||
<div className={'d-flex'}>
|
||||
<h2 className={'center-align text-white header_back service-text dana font-weight-bold'}> اسناد رسمی شرکت پزشکی مهر ایرانیان پرند </h2>
|
||||
</div>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src="Parallax.png"
|
||||
className={'responsive-img shadow-5'}
|
||||
alt=" اساسنامه بیارستان مهر ایرانیان پرند "
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<MDBContainer className={'mt-5 mb-5'}>
|
||||
<div className={'flex justify-content-center align-items-center w-100 mb-5 text-center'}>
|
||||
<Image height={150} width={150} src={'/resource/icons/files.png'} />
|
||||
</div>
|
||||
{dataFile.map((fileItem) => (
|
||||
<>
|
||||
<MDBTypography key={fileItem.id} style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #1266f1',borderLeft: 'none'}} note noteColor='primary'>
|
||||
<MDBIcon className='ms-1' icon='download' size='sm' />
|
||||
<a title={fileItem.title} download href={fileItem.url}>{fileItem.title}</a>
|
||||
</MDBTypography>
|
||||
</>
|
||||
))}
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
);
|
||||
};
|
||||
|
||||
import React from 'react';
|
||||
import Image from "next/image";
|
||||
import AppContainer from "../appContainer";
|
||||
import {MDBContainer, MDBIcon, MDBTypography} from "mdb-react-ui-kit";
|
||||
|
||||
const Docs = () => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/parallax/files-bg.jpg`;
|
||||
}
|
||||
const dataFile = [
|
||||
// {id: 1,title: 'اساسنامه شرکت سهامی مهر ایرانیان پرند' ,url: '../resource/files/اساسنامه شرکت سهامی.pdf'},
|
||||
{id: 2,title: 'آگهی افزایش سرمایه بیمارستان مهر ایرانیان پرند' ,url: '../resource/files/آگهی افزایش سرمایه.pdf'},
|
||||
{id: 3,title: 'آگهی تغییرات روزنامه رسمی' ,url: '../resource/files/آگهی تغییرات روزنامه رسمی.jpg'},
|
||||
{id: 4,title: 'موافقت اصولی' ,url: '../resource/files/Agrement.pdf'},
|
||||
{id: 5,title: ' اساسنامه شرکت سهامی خاص پزشکی مهر ایرانیان پرند' ,url: '../resource/files/اساسنامه شرکت سهامی خاص پزشکی مهرایرانیان پرند.pdf'},
|
||||
]
|
||||
return (
|
||||
<AppContainer title={' اساسنامه شرکت'}>
|
||||
<div className="parallax-container">
|
||||
<div className={'d-flex'}>
|
||||
<h2 className={'center-align text-white header_back service-text dana font-weight-bold'}> اسناد رسمی شرکت پزشکی مهر ایرانیان پرند </h2>
|
||||
</div>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src="Parallax.png"
|
||||
className={'responsive-img shadow-5'}
|
||||
alt=" اساسنامه بیارستان مهر ایرانیان پرند "
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<MDBContainer className={'mt-5 mb-5'}>
|
||||
<div className={'flex justify-content-center align-items-center w-100 mb-5 text-center'}>
|
||||
<Image height={150} width={150} src={'/resource/icons/files.png'} />
|
||||
</div>
|
||||
{dataFile.map((fileItem) => (
|
||||
<>
|
||||
<MDBTypography key={fileItem.id} style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #1266f1',borderLeft: 'none'}} note noteColor='primary'>
|
||||
<MDBIcon className='ms-1' icon='download' size='sm' />
|
||||
<a title={fileItem.title} download href={fileItem.url}>{fileItem.title}</a>
|
||||
</MDBTypography>
|
||||
</>
|
||||
))}
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
);
|
||||
};
|
||||
|
||||
export default Docs;
|
||||
+10
-10
@@ -1,11 +1,11 @@
|
||||
import React from 'react';
|
||||
import Doctors from "../components/doctors";
|
||||
const DoctorPage = () => {
|
||||
return (
|
||||
<div>
|
||||
<Doctors />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
import React from 'react';
|
||||
import Doctors from "../components/doctors";
|
||||
const DoctorPage = () => {
|
||||
return (
|
||||
<div>
|
||||
<Doctors />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default DoctorPage;
|
||||
+188
-190
@@ -1,190 +1,188 @@
|
||||
import React, { useEffect } from 'react'
|
||||
import { useRouter } from 'next/router'
|
||||
import parse from 'html-react-parser'
|
||||
import axios from 'axios'
|
||||
import AppContainer from '../../appContainer'
|
||||
import { FiChevronLeft, FiUser } from 'react-icons/fi'
|
||||
import Link from 'next/link'
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardImage,
|
||||
MDBCardText,
|
||||
MDBCardTitle,
|
||||
MDBCol,
|
||||
MDBContainer,
|
||||
MDBListGroup,
|
||||
MDBListGroupItem,
|
||||
MDBRow,
|
||||
MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
import Image from 'next/image'
|
||||
import { AppFile, AppUrl } from '../../../lib/api'
|
||||
import { Tag, TagLabel, HStack } from '@chakra-ui/react'
|
||||
|
||||
const moment = require('moment-jalaali')
|
||||
|
||||
const News = ({ post }) => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return AppFile(`panel-public/uploads/${post.cover}`)
|
||||
}
|
||||
return (
|
||||
<AppContainer title={post.title}>
|
||||
<div className='parallax-container'>
|
||||
<h1
|
||||
style={{ width: '95%', lineHeight: '2' }}
|
||||
className={'center-align text-white service-text font-weight-bold header_back'}
|
||||
>
|
||||
{post.title}{' '}
|
||||
</h1>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt='Picture of the author'
|
||||
width={2050}
|
||||
height={1050}
|
||||
priority
|
||||
/>
|
||||
</div>
|
||||
<br />
|
||||
<MDBContainer>
|
||||
<div className={'RTL bk image_center responsive-img'}>
|
||||
<style jsx>
|
||||
{`
|
||||
* {
|
||||
font-weight: 800;
|
||||
font-family: yekanBakh !important;
|
||||
}
|
||||
* span span span {
|
||||
background-color: red;
|
||||
color: red;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100% !important;
|
||||
height: auto !important;
|
||||
}
|
||||
`}
|
||||
</style>
|
||||
<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
||||
<MDBCol xs={12} md={12} lg={9}>
|
||||
<MDBCard style={{ borderTop: '4px solid #39a2a5', borderRadius: 0 }}>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'flex align-items-center justify-content-between'}>
|
||||
<div>{post.title}</div>
|
||||
</MDBCardTitle>
|
||||
<hr />
|
||||
<br />
|
||||
<MDBCardText
|
||||
className='text-right news-content right !bk-light right-align'
|
||||
style={{ direction: 'rtl', lineHeight: '2.3' }}
|
||||
>
|
||||
{parse(post.text.replace('/n', ' '))}
|
||||
<hr />
|
||||
<HStack className='flex sm:flex-col' spacing={4}>
|
||||
<Tag size='md' className='flex gap-x-10' borderRadius='full'>
|
||||
<TagLabel className='text-sm p-2'>سرمایه گذاری</TagLabel>
|
||||
</Tag>
|
||||
<Tag size='md' className='flex gap-x-10' borderRadius='full'>
|
||||
<TagLabel className='text-sm p-2'>بیمارستان پرند </TagLabel>
|
||||
</Tag>
|
||||
<Tag size='md' className='flex gap-x-10' borderRadius='full'>
|
||||
<TagLabel className='text-sm p-2'>شهر پرند </TagLabel>
|
||||
</Tag>
|
||||
|
||||
</HStack>
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol xs={12} md={12} lg={3}>
|
||||
<Link href={'https://panel.mehriranianco.ir/welcome'}>
|
||||
<MDBCardImage
|
||||
className={'rounded-6 cursor-pointer'}
|
||||
style={{ width: 512, height: 275 }}
|
||||
src={'/resource/images/price-anim.gif'}
|
||||
/>
|
||||
</Link>
|
||||
<Link href={'https://panel.mehriranianco.ir/welcome'}>
|
||||
<MDBCardImage
|
||||
className={'rounded-6 cursor-pointer mt-3'}
|
||||
style={{ width: 512, height: 275 }}
|
||||
src={'/resource/images/SequenceyEKTANET.gif'}
|
||||
/>
|
||||
</Link>
|
||||
<MDBCard shadow='5' border='info' className={'border mt-4'}>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle>مطالب اخیر </MDBCardTitle>
|
||||
<hr />
|
||||
<MDBCardText className={'mt-4'}>
|
||||
<Link href={'https://panel.mehriranianco.ir/welcome'}>
|
||||
<MDBListGroupItem style={{ cursor: 'pointer' }} className={'border-none bk-light p-1'}>
|
||||
<FiChevronLeft />
|
||||
خرید سهام
|
||||
</MDBListGroupItem>
|
||||
</Link>
|
||||
<Link href={'/page/news/34'}>
|
||||
<MDBListGroupItem style={{ cursor: 'pointer' }} className={'border-none bk-light p-1'}>
|
||||
<FiChevronLeft />
|
||||
انتقال سهام
|
||||
</MDBListGroupItem>
|
||||
</Link>
|
||||
<Link href={'/page/news/29'}>
|
||||
<MDBListGroupItem className={'border-none bk-light p-1'}>
|
||||
<FiChevronLeft />
|
||||
سرمایه گذاری بدون ریسک
|
||||
</MDBListGroupItem>
|
||||
</Link>
|
||||
<MDBListGroupItem className={'border-none bk-light p-1'}>
|
||||
<FiChevronLeft />
|
||||
<a className={'bk-light text-black'} download href={'./take-stock.pdf'}>
|
||||
دفترچه سهام
|
||||
</a>
|
||||
</MDBListGroupItem>
|
||||
<MDBListGroupItem className={'border-none bk-light p-1'}>
|
||||
<FiChevronLeft />
|
||||
<a
|
||||
className={'bk-light text-black'}
|
||||
download
|
||||
href={'./Explanatory_plan_of_Mehr_ranian_Parand_Hospital.pdf'}
|
||||
>
|
||||
دانلود طرح توجیهی
|
||||
</a>
|
||||
</MDBListGroupItem>
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
</MDBRow>
|
||||
<br />
|
||||
<hr />
|
||||
<MDBTypography className='dana font-light'>
|
||||
تاریخ انتشار :{moment(post.created_at, 'YYYY-M-D HH:mm:ss').format('HH:mm - jYYYY/jM/jD')}
|
||||
</MDBTypography>
|
||||
</div>
|
||||
</MDBContainer>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</AppContainer>
|
||||
)
|
||||
}
|
||||
|
||||
export default News
|
||||
|
||||
export const getServerSideProps = async context => {
|
||||
const { query } = context
|
||||
const posData = await axios.get(AppUrl(`news/${query.slug}`))
|
||||
const post = await posData.data
|
||||
|
||||
return {
|
||||
props: { post, fallback: false } // will be passed to the page component as props
|
||||
}
|
||||
}
|
||||
import React, { useEffect } from 'react'
|
||||
import parse from 'html-react-parser'
|
||||
import axios from 'axios'
|
||||
import AppContainer from '../../appContainer'
|
||||
import { FiChevronLeft, FiUser } from 'react-icons/fi'
|
||||
import Link from 'next/link'
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardImage,
|
||||
MDBCardText,
|
||||
MDBCardTitle,
|
||||
MDBCol,
|
||||
MDBContainer,
|
||||
MDBListGroupItem,
|
||||
MDBRow,
|
||||
MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
import Image from 'next/image'
|
||||
import { AppFile, AppUrl } from '../../../lib/api'
|
||||
import { Tag, TagLabel, HStack } from '@chakra-ui/react'
|
||||
|
||||
const moment = require('moment-jalaali')
|
||||
|
||||
const News = ({ post }) => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return AppFile(`panel-public/uploads/${post.cover}`)
|
||||
}
|
||||
return (
|
||||
<AppContainer title={post.title}>
|
||||
<div className='parallax-container'>
|
||||
<h1
|
||||
style={{ width: '95%', lineHeight: '2' }}
|
||||
className={'center-align text-white service-text font-weight-bold header_back'}
|
||||
>
|
||||
{post.title}{' '}
|
||||
</h1>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt='Picture of the author'
|
||||
width={2050}
|
||||
height={1050}
|
||||
priority
|
||||
/>
|
||||
</div>
|
||||
<br />
|
||||
<MDBContainer>
|
||||
<div className={'RTL bk image_center responsive-img'}>
|
||||
<style jsx>
|
||||
{`
|
||||
* {
|
||||
font-weight: 800;
|
||||
font-family: yekanBakh !important;
|
||||
}
|
||||
* span span span {
|
||||
background-color: red;
|
||||
color: red;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100% !important;
|
||||
height: auto !important;
|
||||
}
|
||||
`}
|
||||
</style>
|
||||
<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
||||
<MDBCol xs={12} md={12} lg={9}>
|
||||
<MDBCard style={{ borderTop: '4px solid #39a2a5', borderRadius: 0 }}>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'flex align-items-center justify-content-between'}>
|
||||
<div>{post.title}</div>
|
||||
</MDBCardTitle>
|
||||
<hr />
|
||||
<br />
|
||||
<MDBCardText
|
||||
className='text-right news-content right !bk-light right-align'
|
||||
style={{ direction: 'rtl', lineHeight: '2.3' }}
|
||||
>
|
||||
{parse(post.text.replace('/n', ' '))}
|
||||
<hr />
|
||||
<HStack className='flex sm:flex-col' spacing={4}>
|
||||
<Tag size='md' className='flex gap-x-10' borderRadius='full'>
|
||||
<TagLabel className='text-sm p-2'>سرمایه گذاری</TagLabel>
|
||||
</Tag>
|
||||
<Tag size='md' className='flex gap-x-10' borderRadius='full'>
|
||||
<TagLabel className='text-sm p-2'>بیمارستان پرند </TagLabel>
|
||||
</Tag>
|
||||
<Tag size='md' className='flex gap-x-10' borderRadius='full'>
|
||||
<TagLabel className='text-sm p-2'>شهر پرند </TagLabel>
|
||||
</Tag>
|
||||
|
||||
</HStack>
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol xs={12} md={12} lg={3}>
|
||||
{/* <Link href={'https://panel.mehriranianco.ir/welcome'}>
|
||||
<MDBCardImage
|
||||
className={'rounded-6 cursor-pointer'}
|
||||
style={{ width: 512, height: 275 }}
|
||||
src={'/resource/images/price-anim.gif'}
|
||||
/>
|
||||
</Link> */}
|
||||
{/* <Link href={'https://panel.mehriranianco.ir/welcome'}>
|
||||
<MDBCardImage
|
||||
className={'rounded-6 cursor-pointer mt-3'}
|
||||
style={{ width: 512, height: 275 }}
|
||||
src={'/resource/images/SequenceyEKTANET.gif'}
|
||||
/>
|
||||
</Link> */}
|
||||
<MDBCard shadow='5' border='info' className={'border mt-4'}>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle>مطالب اخیر </MDBCardTitle>
|
||||
<hr />
|
||||
<MDBCardText className={'mt-4'}>
|
||||
{/* <Link href={'https://panel.mehriranianco.ir/welcome'}>
|
||||
<MDBListGroupItem style={{ cursor: 'pointer' }} className={'border-none bk-light p-1'}>
|
||||
<FiChevronLeft />
|
||||
خرید سهام
|
||||
</MDBListGroupItem>
|
||||
</Link> */}
|
||||
<Link href={'/page/news/34'}>
|
||||
<MDBListGroupItem style={{ cursor: 'pointer' }} className={'border-none bk-light p-1'}>
|
||||
<FiChevronLeft />
|
||||
انتقال سهام
|
||||
</MDBListGroupItem>
|
||||
</Link>
|
||||
{/* <Link href={'/page/news/29'}>
|
||||
<MDBListGroupItem className={'border-none bk-light p-1'}>
|
||||
<FiChevronLeft />
|
||||
سرمایه گذاری بدون ریسک
|
||||
</MDBListGroupItem>
|
||||
</Link> */}
|
||||
<MDBListGroupItem className={'border-none bk-light p-1'}>
|
||||
<FiChevronLeft />
|
||||
<a className={'bk-light text-black'} download href={'./take-stock.pdf'}>
|
||||
دفترچه سهام
|
||||
</a>
|
||||
</MDBListGroupItem>
|
||||
<MDBListGroupItem className={'border-none bk-light p-1'}>
|
||||
<FiChevronLeft />
|
||||
<a
|
||||
className={'bk-light text-black'}
|
||||
download
|
||||
href={'./Explanatory_plan_of_Mehr_ranian_Parand_Hospital.pdf'}
|
||||
>
|
||||
دانلود طرح توجیهی
|
||||
</a>
|
||||
</MDBListGroupItem>
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
</MDBRow>
|
||||
<br />
|
||||
<hr />
|
||||
<MDBTypography className='dana font-light'>
|
||||
تاریخ انتشار :{moment(post.created_at, 'YYYY-M-D HH:mm:ss').format('HH:mm - jYYYY/jM/jD')}
|
||||
</MDBTypography>
|
||||
</div>
|
||||
</MDBContainer>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</AppContainer>
|
||||
)
|
||||
}
|
||||
|
||||
export default News
|
||||
|
||||
export const getServerSideProps = async context => {
|
||||
const { query } = context
|
||||
const posData = await axios.get(AppUrl(`news/${query.slug}`))
|
||||
const post = await posData.data
|
||||
|
||||
return {
|
||||
props: { post, fallback: false } // will be passed to the page component as props
|
||||
}
|
||||
}
|
||||
|
||||
+198
-198
@@ -1,198 +1,198 @@
|
||||
import React, { useState } from 'react'
|
||||
|
||||
import AppContainer from '../appContainer'
|
||||
import { BsFillTelephoneFill } from 'react-icons/bs'
|
||||
import { MdEmail } from 'react-icons/md'
|
||||
import { FaMapMarkerAlt } from 'react-icons/fa'
|
||||
import { BsWhatsapp } from 'react-icons/bs'
|
||||
import { BsTwitter } from 'react-icons/bs'
|
||||
import { AiOutlineInstagram } from 'react-icons/ai'
|
||||
import toast, { Toaster } from 'react-hot-toast'
|
||||
import { MDBRadio } from 'mdb-react-ui-kit'
|
||||
import axios from 'axios'
|
||||
import NumberFormat from 'react-number-format'
|
||||
import { AppProduction } from '../../lib/api'
|
||||
|
||||
const Sales = () => {
|
||||
const [name, setName] = useState()
|
||||
const [mobileNumber, setMobileNumber] = useState('')
|
||||
const [InvestmentPrice, setInvestmentPrice] = useState('')
|
||||
const [InvestmentType, setInvestmentType] = useState('1')
|
||||
const [Loading, setLoading] = useState(false)
|
||||
|
||||
const SubmitForm = () => {
|
||||
setLoading(true)
|
||||
toast.loading('در حال ثبت درخواست شما')
|
||||
axios
|
||||
.post(`${AppProduction}public/website/request`, {
|
||||
name: name,
|
||||
mobile_number: mobileNumber,
|
||||
investment_price: InvestmentPrice,
|
||||
investment_type: InvestmentType
|
||||
})
|
||||
.then(async res => {
|
||||
setLoading(false)
|
||||
toast.remove()
|
||||
toast.success('درخواست شما ثبت شد به زودی کار شناسان فروش ما به شما تماس می گیرند')
|
||||
await console.log('res', res)
|
||||
})
|
||||
.catch(async err => {
|
||||
setLoading(false)
|
||||
toast.remove()
|
||||
await toast.error(err.response.data.err)
|
||||
await console.log('err', err)
|
||||
})
|
||||
}
|
||||
|
||||
return (
|
||||
<div id='callstock' className=' text-center py-8 m '>
|
||||
<h1 className='text-[#3c3c3c] text-[28px] font-bold mt-5 '>مشاوره خرید سهام</h1>
|
||||
<span className='text-[#656565] text-base p-2 md:text-[22px] md:p-0 font-light'>
|
||||
برای دریافت مشاوره فرم زیر را تکمیل کنید
|
||||
</span>
|
||||
<Toaster />
|
||||
|
||||
<div className='bg-white shadow-lg w-10/12 mx-auto rounded-[20px] grid lg:grid-cols-9 mt-8 SALES'>
|
||||
<div className='about lg:col-span-4 '>
|
||||
<div className='bg-[#014258] overflow-hidden rounded-[20px] h-full lg:h-[650px] m-[0.8rem] text-end'>
|
||||
<div className='addressAbout pr-8 pl-8 pt-[1.8rem]'>
|
||||
<h4 className='text-white font-bold md:text-xl '>ارتباط با ما</h4>
|
||||
<p className='text-white font-light md:text-lg pt-[0.5rem]'>
|
||||
بعد از ارسال فرم، مشاوران سهام طی 24 ساعت با شما تماس خواهند گرفت
|
||||
</p>
|
||||
|
||||
<div className='address'>
|
||||
<div className=''>
|
||||
<span className='md:text-base font-normal text-white pr-[0.5rem]'>021-53457000</span>
|
||||
<BsFillTelephoneFill className='text-[#57C5C6] text-[0.9rem] md:text-[1.3rem]' />
|
||||
</div>
|
||||
|
||||
<div className='py-4 flex align-center md:justify-end'>
|
||||
<span className='md:text-base font-normal text-white pr-[0.5rem] '>contact-us@miphospital.ir</span>
|
||||
<MdEmail className='text-[#57C5C6] text-[0.8rem] md:text-[1.3rem]' />
|
||||
</div>
|
||||
|
||||
<div className='flex justify-end xl:justify-start '>
|
||||
<span className='md:text-base font-normal text-white pr-[0.5rem]'>
|
||||
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم
|
||||
</span>
|
||||
<FaMapMarkerAlt className='text-[#57C5C6] text-[2rem] md:text-[1.3rem] ' />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='contentFooter grid lg:grid-cols-5 xl:grid-cols-2'>
|
||||
<div className='Socail lg:col-span-2 xl:col-span-1 justify-center lg:justify-start text-center lg:h-[400px] items-center flex m-4'>
|
||||
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
|
||||
<BsWhatsapp className='socail' />
|
||||
</div>
|
||||
|
||||
<div className='socailS text-white mx-[0.5rem] text-[1.2rem] hover:bg-[#57C5C6]'>
|
||||
<BsTwitter className='socail' />
|
||||
</div>
|
||||
|
||||
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
|
||||
<AiOutlineInstagram className='socail' />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='circle1 lg:col-span-3 xl:col-span-1'>
|
||||
<div className='circle2'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className='rightForm lg:col-span-5 p-8 '>
|
||||
<div className=''>
|
||||
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='username'>
|
||||
نام و نام خانوادگی
|
||||
</label>
|
||||
<div className='text-end'>
|
||||
<input
|
||||
onChange={e => setName(e.target.value)}
|
||||
className='outline-0 bg-transparent w-11/12 text-end pt-3
|
||||
border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
|
||||
id='username'
|
||||
type='text'
|
||||
placeHolder=' نام و نام خانوادگی راوارد کنید'
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='mt-9'>
|
||||
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='phone'>
|
||||
شماره تماس
|
||||
</label>
|
||||
<div className='text-end'>
|
||||
<input
|
||||
onChange={e => setMobileNumber(e.target.value)}
|
||||
className='outline-0 bg-transparent w-11/12 text-end pt-3
|
||||
border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] pt-2 '
|
||||
id='phone'
|
||||
type='text'
|
||||
placeHolder='+98 912 525 4477'
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='mt-9 '>
|
||||
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='money'>
|
||||
مبلغ سرمایه گذاری شما
|
||||
</label>
|
||||
<div className='text-end'>
|
||||
<NumberFormat
|
||||
onValueChange={values => {
|
||||
const { formattedValue, value } = values
|
||||
setInvestmentPrice(value)
|
||||
}}
|
||||
className='outline-0 bg-transparent w-11/12 text-end pt-3
|
||||
border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
|
||||
type={'text'}
|
||||
prefix={'تومان'}
|
||||
thousandSeparator={true}
|
||||
dir={'ltr'}
|
||||
placeHolder=' مبلغ مد نظر خود برای شروع سرمایه گذاری وارد نمایید'
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='mt-9'>
|
||||
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='buyStock'>
|
||||
به چه صورت تمایل به خرید سهام دارید؟
|
||||
</label>
|
||||
<div className='text-end flex justify-end items-center mt-3'>
|
||||
<div className="ml-5'">
|
||||
<MDBRadio
|
||||
onClick={() => setInvestmentType(2)}
|
||||
name='flexRadioDefault'
|
||||
id='flexRadioDefault1'
|
||||
label='اقساطی '
|
||||
/>
|
||||
</div>
|
||||
<div style={{ marginLeft: 20 }} className="ml-5'">
|
||||
<MDBRadio
|
||||
onClick={() => setInvestmentType(1)}
|
||||
name='flexRadioDefault'
|
||||
id='flexRadioDefault2'
|
||||
label='نقدی'
|
||||
defaultChecked
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='mt-[6rem] mb-2'>
|
||||
<button
|
||||
onClick={SubmitForm}
|
||||
className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold '
|
||||
>
|
||||
{!Loading ? 'ثبت درخواست' : 'در حال ثبت درخواست'}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Sales
|
||||
import React, { useState } from 'react'
|
||||
|
||||
import AppContainer from '../appContainer'
|
||||
import { BsFillTelephoneFill } from 'react-icons/bs'
|
||||
import { MdEmail } from 'react-icons/md'
|
||||
import { FaMapMarkerAlt } from 'react-icons/fa'
|
||||
import { BsWhatsapp } from 'react-icons/bs'
|
||||
import { BsTwitter } from 'react-icons/bs'
|
||||
import { AiOutlineInstagram } from 'react-icons/ai'
|
||||
import toast, { Toaster } from 'react-hot-toast'
|
||||
import { MDBRadio } from 'mdb-react-ui-kit'
|
||||
import axios from 'axios'
|
||||
import NumberFormat from 'react-number-format'
|
||||
import { AppProduction } from '../../lib/api'
|
||||
|
||||
const Sales = () => {
|
||||
const [name, setName] = useState()
|
||||
const [mobileNumber, setMobileNumber] = useState('')
|
||||
const [InvestmentPrice, setInvestmentPrice] = useState('0')
|
||||
const [InvestmentType, setInvestmentType] = useState('1')
|
||||
const [Loading, setLoading] = useState(false)
|
||||
|
||||
const SubmitForm = () => {
|
||||
setLoading(true)
|
||||
toast.loading('در حال ثبت درخواست شما')
|
||||
axios
|
||||
.post(`${AppProduction}public/website/request`, {
|
||||
name: name,
|
||||
mobile_number: mobileNumber,
|
||||
investment_price: InvestmentPrice,
|
||||
investment_type: InvestmentType
|
||||
})
|
||||
.then(async res => {
|
||||
setLoading(false)
|
||||
toast.remove()
|
||||
toast.success('درخواست شما ثبت شد به زودی کار شناسان ما به شما تماس می گیرند')
|
||||
await console.log('res', res)
|
||||
})
|
||||
.catch(async err => {
|
||||
setLoading(false)
|
||||
toast.remove()
|
||||
await toast.error(err.response.data.err)
|
||||
await console.log('err', err)
|
||||
})
|
||||
}
|
||||
|
||||
return (
|
||||
<div id='callstock' className=' text-center py-8 m '>
|
||||
<h1 className='text-[#3c3c3c] text-[28px] font-bold mt-5 '>ارتباط با ما </h1>
|
||||
<span className='text-[#656565] text-base p-2 md:text-[22px] md:p-0 font-light'>
|
||||
برای ارتباط با ما فرم زیر را تکمیل کنید
|
||||
</span>
|
||||
<Toaster />
|
||||
|
||||
<div className='bg-white shadow-lg w-10/12 mx-auto rounded-[20px] grid lg:grid-cols-9 mt-8 SALES'>
|
||||
<div className='about lg:col-span-4 '>
|
||||
<div className='bg-[#014258] overflow-hidden rounded-[20px] h-full lg:h-[650px] m-[0.8rem] text-end'>
|
||||
<div className='addressAbout pr-8 pl-8 pt-[1.8rem]'>
|
||||
<h4 className='text-white font-bold md:text-xl '>ارتباط با ما</h4>
|
||||
<p className='text-white font-light md:text-lg pt-[0.5rem]'>
|
||||
بعد از ارسال فرم، کارشناسان طی 24 ساعت با شما تماس خواهند گرفت
|
||||
</p>
|
||||
|
||||
<div className='address'>
|
||||
<div className=''>
|
||||
<span className='md:text-base font-normal text-white pr-[0.5rem]'>021-53457000</span>
|
||||
<BsFillTelephoneFill className='text-[#57C5C6] text-[0.9rem] md:text-[1.3rem]' />
|
||||
</div>
|
||||
|
||||
<div className='py-4 flex align-center md:justify-end'>
|
||||
<span className='md:text-base font-normal text-white pr-[0.5rem] '>contact-us@miphospital.ir</span>
|
||||
<MdEmail className='text-[#57C5C6] text-[0.8rem] md:text-[1.3rem]' />
|
||||
</div>
|
||||
|
||||
<div className='flex justify-end xl:justify-start '>
|
||||
<span className='md:text-base font-normal text-white pr-[0.5rem]'>
|
||||
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم
|
||||
</span>
|
||||
<FaMapMarkerAlt className='text-[#57C5C6] text-[2rem] md:text-[1.3rem] ' />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='contentFooter grid lg:grid-cols-5 xl:grid-cols-2'>
|
||||
<div className='Socail lg:col-span-2 xl:col-span-1 justify-center lg:justify-start text-center lg:h-[400px] items-center flex m-4'>
|
||||
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
|
||||
<BsWhatsapp className='socail' />
|
||||
</div>
|
||||
|
||||
<div className='socailS text-white mx-[0.5rem] text-[1.2rem] hover:bg-[#57C5C6]'>
|
||||
<BsTwitter className='socail' />
|
||||
</div>
|
||||
|
||||
<div className='socailS text-white text-[1.2rem] hover:bg-[#57C5C6]'>
|
||||
<AiOutlineInstagram className='socail' />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='circle1 lg:col-span-3 xl:col-span-1'>
|
||||
<div className='circle2'></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className='rightForm lg:col-span-5 p-8 '>
|
||||
<div className=''>
|
||||
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='username'>
|
||||
نام و نام خانوادگی
|
||||
</label>
|
||||
<div className='text-end'>
|
||||
<input
|
||||
onChange={e => setName(e.target.value)}
|
||||
className='outline-0 bg-transparent w-11/12 text-end pt-3
|
||||
border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
|
||||
id='username'
|
||||
type='text'
|
||||
placeHolder=' نام و نام خانوادگی راوارد کنید'
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='mt-9'>
|
||||
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='phone'>
|
||||
شماره تماس
|
||||
</label>
|
||||
<div className='text-end'>
|
||||
<input
|
||||
onChange={e => setMobileNumber(e.target.value)}
|
||||
className='outline-0 bg-transparent w-11/12 text-end pt-3
|
||||
border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] pt-2 '
|
||||
id='phone'
|
||||
type='text'
|
||||
placeHolder='+98 912 525 4477'
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* <div className='mt-9 '>
|
||||
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='money'>
|
||||
مبلغ سرمایه گذاری شما
|
||||
</label>
|
||||
<div className='text-end'>
|
||||
<NumberFormat
|
||||
onValueChange={values => {
|
||||
const { formattedValue, value } = values
|
||||
setInvestmentPrice(value)
|
||||
}}
|
||||
className='outline-0 bg-transparent w-11/12 text-end pt-3
|
||||
border-b border-solid border-[#65656540] border-r-0 border-l-0 border-t-0 hover:border-[#57C5C6] '
|
||||
type={'text'}
|
||||
prefix={'تومان'}
|
||||
thousandSeparator={true}
|
||||
dir={'ltr'}
|
||||
placeHolder=' مبلغ مد نظر خود برای شروع سرمایه گذاری وارد نمایید'
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='mt-9'>
|
||||
<label className='text-[#3c3c3c] text-base md:text-lg font-medium hover:text-[#57C5C6] ' for='buyStock'>
|
||||
به چه صورت تمایل به خرید سهام دارید؟
|
||||
</label>
|
||||
<div className='text-end flex justify-end items-center mt-3'>
|
||||
<div className="ml-5'">
|
||||
<MDBRadio
|
||||
onClick={() => setInvestmentType(2)}
|
||||
name='flexRadioDefault'
|
||||
id='flexRadioDefault1'
|
||||
label='اقساطی '
|
||||
/>
|
||||
</div>
|
||||
<div style={{ marginLeft: 20 }} className="ml-5'">
|
||||
<MDBRadio
|
||||
onClick={() => setInvestmentType(1)}
|
||||
name='flexRadioDefault'
|
||||
id='flexRadioDefault2'
|
||||
label='نقدی'
|
||||
defaultChecked
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div> */}
|
||||
|
||||
<div className='mt-[6rem] mb-2'>
|
||||
<button
|
||||
onClick={SubmitForm}
|
||||
className='py-[1rem] outline-0 border-0 px-[2rem] bg-[#014258] rounded-[10px] text-white text-[20px] font-bold '
|
||||
>
|
||||
{!Loading ? 'ثبت درخواست' : 'در حال ثبت درخواست'}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Sales
|
||||
|
||||
+13
-13
@@ -1,14 +1,14 @@
|
||||
import React from 'react'
|
||||
import dynamic from 'next/dynamic'
|
||||
|
||||
|
||||
const Chart = dynamic(() => import('../../src/Chart/stock-price'), {ssr:false})
|
||||
const Price = () => {
|
||||
return (
|
||||
<div>
|
||||
<Chart />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
import React from 'react'
|
||||
import dynamic from 'next/dynamic'
|
||||
|
||||
|
||||
const Chart = dynamic(() => import('../../src/Chart/stock-price'), {ssr:false})
|
||||
const Price = () => {
|
||||
return (
|
||||
<div>
|
||||
<Chart />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Price
|
||||
+35
-35
@@ -1,36 +1,36 @@
|
||||
import React from 'react';
|
||||
import {Box, Button, Collapse, Fade, useDisclosure} from "@chakra-ui/react";
|
||||
import {ArrowDownIcon, ArrowUpIcon} from "@chakra-ui/icons";
|
||||
|
||||
const CollapseItem = ({title, text}) => {
|
||||
const { isOpen, onToggle } = useDisclosure()
|
||||
|
||||
return (
|
||||
<div onClick={onToggle} className={'mt-2 cursor-pointer'}>
|
||||
<div style={{ border: '1px solid #39a2a5' }} className={'flex p-2 rounded-5 align-items-center justify-content-between'}>
|
||||
{isOpen ? (
|
||||
<ArrowUpIcon />
|
||||
): (
|
||||
<ArrowDownIcon />
|
||||
)}
|
||||
<strong dir={'rtl'} className={'bk-light'} > {title} </strong>
|
||||
</div>
|
||||
<Collapse in={isOpen}>
|
||||
<Box
|
||||
p='40px'
|
||||
color='black'
|
||||
mt='4'
|
||||
bg='gray.200'
|
||||
rounded='md'
|
||||
shadow='md'
|
||||
>
|
||||
<p dir={'rtl'} className={'bk-light'}>
|
||||
{text}
|
||||
</p>
|
||||
</Box>
|
||||
</Collapse>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
import React from 'react';
|
||||
import {Box, Button, Collapse, Fade, useDisclosure} from "@chakra-ui/react";
|
||||
import {ArrowDownIcon, ArrowUpIcon} from "@chakra-ui/icons";
|
||||
|
||||
const CollapseItem = ({title, text}) => {
|
||||
const { isOpen, onToggle } = useDisclosure()
|
||||
|
||||
return (
|
||||
<div onClick={onToggle} className={'mt-2 cursor-pointer'}>
|
||||
<div style={{ border: '1px solid #39a2a5' }} className={'flex p-2 rounded-5 align-items-center justify-content-between'}>
|
||||
{isOpen ? (
|
||||
<ArrowUpIcon />
|
||||
): (
|
||||
<ArrowDownIcon />
|
||||
)}
|
||||
<strong dir={'rtl'} className={'bk-light'} > {title} </strong>
|
||||
</div>
|
||||
<Collapse in={isOpen}>
|
||||
<Box
|
||||
p='40px'
|
||||
color='black'
|
||||
mt='4'
|
||||
bg='gray.200'
|
||||
rounded='md'
|
||||
shadow='md'
|
||||
>
|
||||
<p dir={'rtl'} className={'bk-light'}>
|
||||
{text}
|
||||
</p>
|
||||
</Box>
|
||||
</Collapse>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default CollapseItem;
|
||||
+63
-63
@@ -1,63 +1,63 @@
|
||||
import React from 'react'
|
||||
import AppContainer from '../appContainer'
|
||||
import Image from 'next/image'
|
||||
import { MDBContainer } from 'mdb-react-ui-kit'
|
||||
import CollapseItem from './Collapse'
|
||||
import { Stock_price } from '../../src/vat'
|
||||
|
||||
const QuestionAndAnswer = () => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/images/q-a.jpg`
|
||||
}
|
||||
const qaData = [
|
||||
{
|
||||
id: 1,
|
||||
title: ' قیمت سهام ',
|
||||
text: ` (بروزرسانی : خرداد 1401 ) فروش سهام با تعداد محدود و مدت محدود با ${Stock_price} قيمت تومان`
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: 'چگونه سهام خریداری کنیم ؟ ',
|
||||
text: 'برای خرید سهام می توانید با شماره 53547000-021 تماس حاصل فرمایید یا از طریق مراجعه به دفتر خرید سهام (واقع در شهر پرند ، بلوار شهید فاسم سلیمانی ( چهار بانده) فاز 5 ، بیمارستان مهر ایرانیان پرند) اقدام به خرید سهام فرمایید .'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: 'سود سالیانه هر سهامدار چگونه انجام می شود ؟ ',
|
||||
text: 'سود سالیانه بر اساس درآمد یک ساله بیمارستان بعد از برآورد هزینه ها و خرج های بیمارستان و تصمیم هیئت مدیره شرکت سهامی بر اساس مقدار سهم سهامدار سود پرداخت می شود'
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
title: 'آیا امکان انتقال سهام وجود دارد ؟ ',
|
||||
text: 'بله امكان فروش مجدد سهام وجود دارد , نقل و انتقال مورد قبول شركت فقط از طريق طي مراحل قانوني كه در دفتر امور سهام شركت و مبايعه نامه نقل و انتقال في مابين خريدار و فروشنده ميبايست به تاييد شركت و هر نوع معامله اي ميبايست به نرخ اعلامي روز از جانب شركت انجام گرفته شده باشد.'
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: 'امکانات باشگاه VIP سهامداران',
|
||||
text: 'بله , تمامی سهامداران عضو باشگاه VIP بوده که یعنی برای آنها معاینات سالیانه خدمات رفاهی,بیمه مکمـــل درمـان , تفریحات دوره ای و... در نظر گرفته شده است'
|
||||
}
|
||||
]
|
||||
return (
|
||||
<div>
|
||||
<AppContainer title={'سوالات متداول'}>
|
||||
<div className='parallax-container'>
|
||||
<h1 className={'center-align text-white header_back service-text dana font-weight-bold'}> سوالات متداول </h1>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt='فرصت های شغلی بیمارستان مهر ایرانیان پرند'
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer className={'mb-5 mt-5'}>
|
||||
{qaData.map(item => (
|
||||
<CollapseItem key={item.id} text={item.text} title={item.title} />
|
||||
))}
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default QuestionAndAnswer
|
||||
import React from 'react'
|
||||
import AppContainer from '../appContainer'
|
||||
import Image from 'next/image'
|
||||
import { MDBContainer } from 'mdb-react-ui-kit'
|
||||
import CollapseItem from './Collapse'
|
||||
import { Stock_price } from '../../src/vat'
|
||||
|
||||
const QuestionAndAnswer = () => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/images/q-a.jpg`
|
||||
}
|
||||
const qaData = [
|
||||
// {
|
||||
// id: 1,
|
||||
// title: ' قیمت سهام ',
|
||||
// text: ` (بروزرسانی : خرداد 1401 ) فروش سهام با تعداد محدود و مدت محدود با ${Stock_price} قيمت تومان`
|
||||
// },
|
||||
{
|
||||
id: 2,
|
||||
title: 'چگونه سهام خریداری کنیم ؟ ',
|
||||
text: 'برای خرید سهام می توانید با شماره 53547000-021 تماس حاصل فرمایید یا از طریق مراجعه به دفتر خرید سهام (واقع در شهر پرند ، بلوار شهید فاسم سلیمانی ( چهار بانده) فاز 5 ، بیمارستان مهر ایرانیان پرند) اقدام به خرید سهام فرمایید .'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: 'سود سالیانه هر سهامدار چگونه انجام می شود ؟ ',
|
||||
text: 'سود سالیانه بر اساس درآمد یک ساله بیمارستان بعد از برآورد هزینه ها و خرج های بیمارستان و تصمیم هیئت مدیره شرکت سهامی بر اساس مقدار سهم سهامدار سود پرداخت می شود'
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
title: 'آیا امکان انتقال سهام وجود دارد ؟ ',
|
||||
text: 'بله امكان فروش مجدد سهام وجود دارد , نقل و انتقال مورد قبول شركت فقط از طريق طي مراحل قانوني كه در دفتر امور سهام شركت و مبايعه نامه نقل و انتقال في مابين خريدار و فروشنده ميبايست به تاييد شركت و هر نوع معامله اي ميبايست به نرخ اعلامي روز از جانب شركت انجام گرفته شده باشد.'
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: 'امکانات باشگاه VIP سهامداران',
|
||||
text: 'بله , تمامی سهامداران عضو باشگاه VIP بوده که یعنی برای آنها معاینات سالیانه خدمات رفاهی,بیمه مکمـــل درمـان , تفریحات دوره ای و... در نظر گرفته شده است'
|
||||
}
|
||||
]
|
||||
return (
|
||||
<div>
|
||||
<AppContainer title={'سوالات متداول'}>
|
||||
<div className='parallax-container'>
|
||||
<h1 className={'center-align text-white header_back service-text dana font-weight-bold'}> سوالات متداول </h1>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt='فرصت های شغلی بیمارستان مهر ایرانیان پرند'
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer className={'mb-5 mt-5'}>
|
||||
{qaData.map(item => (
|
||||
<CollapseItem key={item.id} text={item.text} title={item.title} />
|
||||
))}
|
||||
</MDBContainer>
|
||||
</AppContainer>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default QuestionAndAnswer
|
||||
|
||||
+127
-127
@@ -1,127 +1,127 @@
|
||||
import React from 'react'
|
||||
import AppContainer from '../appContainer'
|
||||
import Image from 'next/image'
|
||||
import { FiUsers, FiArrowLeft } from 'react-icons/fi'
|
||||
import Link from 'next/link'
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardText,
|
||||
MDBCardTitle,
|
||||
MDBContainer,
|
||||
MDBIcon,
|
||||
MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
import { Box, Divider, ScaleFade, SimpleGrid } from '@chakra-ui/react'
|
||||
import { AppProduction, VueApi } from '../../lib/api'
|
||||
import axios from 'axios'
|
||||
import { data } from 'autoprefixer'
|
||||
import { Link as LinkChakra } from '@chakra-ui/react'
|
||||
import { ExternalLinkIcon } from '@chakra-ui/icons'
|
||||
|
||||
const Recruitment = dataoccupational => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/parallax/Directors.jpg`
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<AppContainer title={'فرصت های شغلی بیمارستان مهر ایرانیان پرند'}>
|
||||
<div className='parallax-container'>
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mb-5'}>
|
||||
<h2 className={'center-align bk-med text-white header_back service-text dana font-weight-bold'}>
|
||||
فرصت های شغلی
|
||||
</h2>
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
<div className={'mt-2'}>
|
||||
<br />
|
||||
<br />
|
||||
<p
|
||||
className={'center-align bk-light RTL text-white mt-5 header_back service-text dana font-weight-bold'}
|
||||
>
|
||||
فرصتهایی برای اینکه رویاهای خودتان را در کنار ما بسازید.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt='فرصت های شغلی بیمارستان مهر ایرانیان پرند'
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer className={'mt-5'}>
|
||||
<div className={'bk-med flex justify-content-center W-100 align-items-center flex-col'}>
|
||||
<MDBTypography className={'bk-md text-primary-teal font-weight-bold'} variant={'h3'}>
|
||||
فرصت های همکاری
|
||||
</MDBTypography>
|
||||
<MDBTypography className={'bk-light text-primary-teal mt-2'}>
|
||||
ردیف شغلی مورد علاقه خود را انتخاب کنید{' '}
|
||||
</MDBTypography>
|
||||
<LinkChakra as={Link} className='cursor-pointer' href='/recruitment/inquiry'>
|
||||
<div className='border-2 text-sm cursor-pointer'>
|
||||
استعلام وضعیت درخواست استخدام <ExternalLinkIcon mx='2px' />
|
||||
|
||||
</div>
|
||||
</LinkChakra>
|
||||
</div>
|
||||
<Divider />
|
||||
<SimpleGrid dir={'rtl'} columns={[1, 2, 4]} spacing={5}>
|
||||
{dataoccupational.data.data.map(item => (
|
||||
<ScaleFade initialScale={0.9} in={() => setTimeout(() => true, 3000)}>
|
||||
<Box key={item.id}>
|
||||
<MDBCard className={'jobs-item-card rounded-6'}>
|
||||
<MDBCardBody className={'flex flex-col align-items-center justify-content-between'}>
|
||||
<div>
|
||||
<FiUsers size={35} />
|
||||
</div>
|
||||
<MDBCardTitle className={'bk-med mt-2 right'}>{item.title} </MDBCardTitle>
|
||||
<Link href={`recruitment/item/${item.id}`}>
|
||||
<MDBBtn rounded size={'sm'} className={'mt-2 flex align-items-center bk-light bg-primary-teal'}>
|
||||
مشاهده
|
||||
<FiArrowLeft className={'mr-2'} />
|
||||
</MDBBtn>
|
||||
</Link>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Box>
|
||||
</ScaleFade>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
</MDBContainer>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</AppContainer>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Recruitment
|
||||
|
||||
export async function getServerSideProps() {
|
||||
// Fetch data from external API
|
||||
const res = await axios
|
||||
.get(`${AppProduction}public/job/occupational/`)
|
||||
.then(res => {
|
||||
return res.data
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err)
|
||||
})
|
||||
const data = await res
|
||||
|
||||
// Pass data to the page via props
|
||||
return { props: { data } }
|
||||
}
|
||||
import React from 'react'
|
||||
import AppContainer from '../appContainer'
|
||||
import Image from 'next/image'
|
||||
import { FiUsers, FiArrowLeft } from 'react-icons/fi'
|
||||
import Link from 'next/link'
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardText,
|
||||
MDBCardTitle,
|
||||
MDBContainer,
|
||||
MDBIcon,
|
||||
MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
import { Box, Divider, ScaleFade, SimpleGrid } from '@chakra-ui/react'
|
||||
import { AppProduction, VueApi } from '../../lib/api'
|
||||
import axios from 'axios'
|
||||
import { data } from 'autoprefixer'
|
||||
import { Link as LinkChakra } from '@chakra-ui/react'
|
||||
import { ExternalLinkIcon } from '@chakra-ui/icons'
|
||||
|
||||
const Recruitment = dataoccupational => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/parallax/Directors.jpg`
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<AppContainer title={'فرصت های شغلی بیمارستان مهر ایرانیان پرند'}>
|
||||
<div className='parallax-container'>
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mb-5'}>
|
||||
<h2 className={'center-align bk-med text-white header_back service-text dana font-weight-bold'}>
|
||||
فرصت های شغلی
|
||||
</h2>
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
<div className={'mt-2'}>
|
||||
<br />
|
||||
<br />
|
||||
<p
|
||||
className={'center-align bk-light RTL text-white mt-5 header_back service-text dana font-weight-bold'}
|
||||
>
|
||||
فرصتهایی برای اینکه رویاهای خودتان را در کنار ما بسازید.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt='فرصت های شغلی بیمارستان مهر ایرانیان پرند'
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer className={'mt-5'}>
|
||||
<div className={'bk-med flex justify-content-center W-100 align-items-center flex-col'}>
|
||||
<MDBTypography className={'bk-md text-primary-teal font-weight-bold'} variant={'h3'}>
|
||||
فرصت های همکاری
|
||||
</MDBTypography>
|
||||
<MDBTypography className={'bk-light text-primary-teal mt-2'}>
|
||||
ردیف شغلی مورد علاقه خود را انتخاب کنید{' '}
|
||||
</MDBTypography>
|
||||
<LinkChakra as={Link} className='cursor-pointer' href='/recruitment/inquiry'>
|
||||
<div className='border-2 text-sm cursor-pointer'>
|
||||
استعلام وضعیت درخواست استخدام <ExternalLinkIcon mx='2px' />
|
||||
|
||||
</div>
|
||||
</LinkChakra>
|
||||
</div>
|
||||
<Divider />
|
||||
<SimpleGrid dir={'rtl'} columns={[1, 2, 4]} spacing={5}>
|
||||
{dataoccupational.data.data.map(item => (
|
||||
<ScaleFade initialScale={0.9} in={() => setTimeout(() => true, 3000)}>
|
||||
<Box key={item.id}>
|
||||
<MDBCard className={'jobs-item-card rounded-6'}>
|
||||
<MDBCardBody className={'flex flex-col align-items-center justify-content-between'}>
|
||||
<div>
|
||||
<FiUsers size={35} />
|
||||
</div>
|
||||
<MDBCardTitle className={'bk-med mt-2 right'}>{item.title} </MDBCardTitle>
|
||||
<Link href={`recruitment/item/${item.id}`}>
|
||||
<MDBBtn rounded size={'sm'} className={'mt-2 flex align-items-center bk-light bg-primary-teal'}>
|
||||
مشاهده
|
||||
<FiArrowLeft className={'mr-2'} />
|
||||
</MDBBtn>
|
||||
</Link>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Box>
|
||||
</ScaleFade>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
</MDBContainer>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</AppContainer>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Recruitment
|
||||
|
||||
export async function getServerSideProps() {
|
||||
// Fetch data from external API
|
||||
const res = await axios
|
||||
.get(`${AppProduction}public/job/occupational/`)
|
||||
.then(res => {
|
||||
return res.data
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err)
|
||||
})
|
||||
const data = await res
|
||||
|
||||
// Pass data to the page via props
|
||||
return { props: { data } }
|
||||
}
|
||||
|
||||
+109
-109
@@ -1,109 +1,109 @@
|
||||
import React, {useState} from 'react'
|
||||
import AppContainer from '../../appContainer'
|
||||
import {MDBBtn, MDBCard, MDBCardBody, MDBCardText, MDBCardTitle, MDBInput} from "mdb-react-ui-kit";
|
||||
import {Input, ListItem, UnorderedList} from "@chakra-ui/react";
|
||||
import {useForm} from "react-hook-form";
|
||||
import axios from "axios";
|
||||
import Link from 'next/link'
|
||||
import {AppProduction} from "../../../lib/api";
|
||||
|
||||
const InquiryJob = () => {
|
||||
const {register, handleSubmit, formState: {errors}} = useForm();
|
||||
const [loading, setLoading] = useState(false)
|
||||
const [result, setResult] = useState(null)
|
||||
const onSubmit = data => {
|
||||
setLoading(true)
|
||||
axios.post(`${AppProduction}public/job-request/inquiry`, data).then(res => {
|
||||
console.log('res', res)
|
||||
if (res.status == 208) {
|
||||
alert(res.data.status.message)
|
||||
}
|
||||
if(res.status == 200) {
|
||||
setResult(res.data)
|
||||
}
|
||||
setLoading(false)
|
||||
}).catch(err => {
|
||||
console.log('err', err)
|
||||
setLoading(false)
|
||||
})
|
||||
};
|
||||
return (
|
||||
<AppContainer title='استعلام وضعیت درخواست استخدام '>
|
||||
<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]">
|
||||
{!result ? (
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle tag={'h4'} className="text-right my-3 text-primary-teal bk-heavy"> وضعیت درخواست
|
||||
استخدام
|
||||
</MDBCardTitle>
|
||||
<form onSubmit={handleSubmit(onSubmit)}>
|
||||
<MDBCardText className="flex flex-column gap-2">
|
||||
<Input
|
||||
maxLength="10"
|
||||
{...register('national_code', {
|
||||
required: {
|
||||
message: 'کد ملی اجباری است.' ,
|
||||
value: true
|
||||
},
|
||||
minLength: {
|
||||
message: 'کد ملی معتبر نیست ',
|
||||
value: 10
|
||||
},
|
||||
})}
|
||||
variant='filled'
|
||||
placeholder='کد ملی را وارد نمایید.'
|
||||
/>
|
||||
<Input
|
||||
maxLength="11"
|
||||
{...register('phone_number', {
|
||||
required: {
|
||||
message: ' شماره موبایل اجباری است.' ,
|
||||
value: true
|
||||
},
|
||||
minLength: {
|
||||
message: 'شماره موبایل معتبر نیست ',
|
||||
value: 11
|
||||
},
|
||||
})}
|
||||
variant='filled'
|
||||
placeholder=' شماره موبایل را وارد نمایید.'
|
||||
/>
|
||||
</MDBCardText>
|
||||
{errors.national_code && (
|
||||
<p className="text-danger">
|
||||
{errors.national_code.message}
|
||||
</p>
|
||||
)}
|
||||
{errors.phone_number && (
|
||||
<p className="text-danger">
|
||||
{errors.phone_number.message}
|
||||
</p>
|
||||
)}
|
||||
|
||||
<MDBBtn disabled={loading} type="submit" className="left-align left bg-primary-teal">
|
||||
{loading ? 'در حال بررسی' : 'استعلام وضعیت'}
|
||||
</MDBBtn>
|
||||
</form>
|
||||
</MDBCardBody>
|
||||
): (
|
||||
<MDBCardBody className="text-center">
|
||||
<h4 className="text-primary-teal"> {result.status.name} </h4>
|
||||
<hr />
|
||||
<UnorderedList>
|
||||
<ListItem className="text-primary-teal bk"> تعیین وضعیت نشده است.</ListItem>
|
||||
</UnorderedList>
|
||||
<Link href="/recruitment">
|
||||
<MDBBtn onClick={() => {
|
||||
setLoading(false)
|
||||
setLoading(null)
|
||||
}} className="left-align left bg-primary-teal"> بازگشت</MDBBtn>
|
||||
</Link>
|
||||
</MDBCardBody>
|
||||
)}
|
||||
</MDBCard>
|
||||
</div>
|
||||
</AppContainer>
|
||||
)
|
||||
}
|
||||
|
||||
export default InquiryJob
|
||||
import React, {useState} from 'react'
|
||||
import AppContainer from '../../appContainer'
|
||||
import {MDBBtn, MDBCard, MDBCardBody, MDBCardText, MDBCardTitle, MDBInput} from "mdb-react-ui-kit";
|
||||
import {Input, ListItem, UnorderedList} from "@chakra-ui/react";
|
||||
import {useForm} from "react-hook-form";
|
||||
import axios from "axios";
|
||||
import Link from 'next/link'
|
||||
import {AppProduction} from "../../../lib/api";
|
||||
|
||||
const InquiryJob = () => {
|
||||
const {register, handleSubmit, formState: {errors}} = useForm();
|
||||
const [loading, setLoading] = useState(false)
|
||||
const [result, setResult] = useState(null)
|
||||
const onSubmit = data => {
|
||||
setLoading(true)
|
||||
axios.post(`${AppProduction}public/job-request/inquiry`, data).then(res => {
|
||||
console.log('res', res)
|
||||
if (res.status == 208) {
|
||||
alert(res.data.status.message)
|
||||
}
|
||||
if(res.status == 200) {
|
||||
setResult(res.data)
|
||||
}
|
||||
setLoading(false)
|
||||
}).catch(err => {
|
||||
console.log('err', err)
|
||||
setLoading(false)
|
||||
})
|
||||
};
|
||||
return (
|
||||
<AppContainer title='استعلام وضعیت درخواست استخدام '>
|
||||
<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]">
|
||||
{!result ? (
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle tag={'h4'} className="text-right my-3 text-primary-teal bk-heavy"> وضعیت درخواست
|
||||
استخدام
|
||||
</MDBCardTitle>
|
||||
<form onSubmit={handleSubmit(onSubmit)}>
|
||||
<MDBCardText className="flex flex-column gap-2">
|
||||
<Input
|
||||
maxLength="10"
|
||||
{...register('national_code', {
|
||||
required: {
|
||||
message: 'کد ملی اجباری است.' ,
|
||||
value: true
|
||||
},
|
||||
minLength: {
|
||||
message: 'کد ملی معتبر نیست ',
|
||||
value: 10
|
||||
},
|
||||
})}
|
||||
variant='filled'
|
||||
placeholder='کد ملی را وارد نمایید.'
|
||||
/>
|
||||
<Input
|
||||
maxLength="11"
|
||||
{...register('phone_number', {
|
||||
required: {
|
||||
message: ' شماره موبایل اجباری است.' ,
|
||||
value: true
|
||||
},
|
||||
minLength: {
|
||||
message: 'شماره موبایل معتبر نیست ',
|
||||
value: 11
|
||||
},
|
||||
})}
|
||||
variant='filled'
|
||||
placeholder=' شماره موبایل را وارد نمایید.'
|
||||
/>
|
||||
</MDBCardText>
|
||||
{errors.national_code && (
|
||||
<p className="text-danger">
|
||||
{errors.national_code.message}
|
||||
</p>
|
||||
)}
|
||||
{errors.phone_number && (
|
||||
<p className="text-danger">
|
||||
{errors.phone_number.message}
|
||||
</p>
|
||||
)}
|
||||
|
||||
<MDBBtn disabled={loading} type="submit" className="left-align left bg-primary-teal">
|
||||
{loading ? 'در حال بررسی' : 'استعلام وضعیت'}
|
||||
</MDBBtn>
|
||||
</form>
|
||||
</MDBCardBody>
|
||||
): (
|
||||
<MDBCardBody className="text-center">
|
||||
<h4 className="text-primary-teal"> {result.status.name} </h4>
|
||||
<hr />
|
||||
<UnorderedList>
|
||||
<ListItem className="text-primary-teal bk"> تعیین وضعیت نشده است.</ListItem>
|
||||
</UnorderedList>
|
||||
<Link href="/recruitment">
|
||||
<MDBBtn onClick={() => {
|
||||
setLoading(false)
|
||||
setLoading(null)
|
||||
}} className="left-align left bg-primary-teal"> بازگشت</MDBBtn>
|
||||
</Link>
|
||||
</MDBCardBody>
|
||||
)}
|
||||
</MDBCard>
|
||||
</div>
|
||||
</AppContainer>
|
||||
)
|
||||
}
|
||||
|
||||
export default InquiryJob
|
||||
|
||||
@@ -1,133 +1,133 @@
|
||||
import React from 'react'
|
||||
import Image from 'next/image'
|
||||
import Link from 'next/link'
|
||||
import { FiUsers, FiArrowLeft } from 'react-icons/fi'
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardText,
|
||||
MDBCardTitle,
|
||||
MDBContainer,
|
||||
MDBIcon,
|
||||
MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
import { Box, Divider, SimpleGrid } from '@chakra-ui/react'
|
||||
import AppContainer from '../../appContainer'
|
||||
import { useRouter } from 'next/router'
|
||||
import axios from 'axios'
|
||||
import { AppProduction } from '../../../lib/api'
|
||||
|
||||
const Recruitment = jobs => {
|
||||
console.log(jobs)
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../../resource/parallax/33012321.jpg`
|
||||
}
|
||||
const router = useRouter()
|
||||
const { category_id } = router.query
|
||||
|
||||
return (
|
||||
<div>
|
||||
<AppContainer title={'فرصت های شغلی بیمارستان مهر ایرانیان پرند'}>
|
||||
<div className='parallax-container'>
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mb-5'}>
|
||||
<h2 className={'center-align bk-med text-white header_back service-text dana font-weight-bold'}>
|
||||
|
||||
فرصت های شغلی بیمارستان مهر ایرانیان
|
||||
</h2>
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
<div className={'mt-2'}>
|
||||
<br />
|
||||
<br />
|
||||
<p
|
||||
className={'center-align bk-light RTL text-white mt-5 header_back service-text dana font-weight-bold'}
|
||||
>
|
||||
فرصتهایی برای اینکه رویاهای خودتان را در کنار ما بسازید.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt={category_id}
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer className={'mt-5'}>
|
||||
<div className={'bk-med flex justify-content-center align-items-center flex-col'}>
|
||||
<MDBTypography className={'bk-md text-primary-teal font-weight-bold'} variant={'h3'}>
|
||||
{jobs.jobs.name.title}{' '}
|
||||
</MDBTypography>
|
||||
<MDBTypography className={'bk-light text-primary-teal mt-2'}>
|
||||
شغل مورد علاقه خود را انتخاب کنید{' '}
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<Divider />
|
||||
<SimpleGrid dir={'rtl'} columns={[1, 1, 3]} spacing={3}>
|
||||
{jobs.jobs.data &&
|
||||
jobs.jobs.data.map(item => (
|
||||
<Box key={item.id}>
|
||||
<Link href={`/recruitment/item/request/${item.id}`}>
|
||||
<MDBCard className={'jobs-item-card rounded-6'}>
|
||||
<MDBCardBody
|
||||
className={
|
||||
'flex align-items-center lg:flex-row md:flex-col sm:flex-col justify-content-between'
|
||||
}
|
||||
>
|
||||
<div>
|
||||
<MDBCardTitle title={item.title} className={'bk-med text-summery-2 mt-2 right'}>
|
||||
{item.title}{' '}
|
||||
</MDBCardTitle>
|
||||
</div>
|
||||
<div>
|
||||
<Link href={`/recruitment/item/request/${item.id}`}>
|
||||
<MDBBtn
|
||||
rounded
|
||||
size={'sm'}
|
||||
className={'mt-2 flex align-items-center bk-light bg-primary-teal'}
|
||||
>
|
||||
درخواست همکاری
|
||||
<FiArrowLeft className={'ml-2'} />
|
||||
</MDBBtn>
|
||||
</Link>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
</Box>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
</MDBContainer>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</AppContainer>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export async function getServerSideProps(ctx) {
|
||||
// Fetch data from external API
|
||||
const { query } = ctx
|
||||
|
||||
const res = await axios
|
||||
.get(`${AppProduction}public/job/${query.category_id}`)
|
||||
.then(res => {
|
||||
return res.data
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err)
|
||||
})
|
||||
const jobs = await res
|
||||
|
||||
// Pass data to the page via props
|
||||
return { props: { jobs } }
|
||||
}
|
||||
|
||||
export default Recruitment
|
||||
import React from 'react'
|
||||
import Image from 'next/image'
|
||||
import Link from 'next/link'
|
||||
import { FiUsers, FiArrowLeft } from 'react-icons/fi'
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardText,
|
||||
MDBCardTitle,
|
||||
MDBContainer,
|
||||
MDBIcon,
|
||||
MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
import { Box, Divider, SimpleGrid } from '@chakra-ui/react'
|
||||
import AppContainer from '../../appContainer'
|
||||
import { useRouter } from 'next/router'
|
||||
import axios from 'axios'
|
||||
import { AppProduction } from '../../../lib/api'
|
||||
|
||||
const Recruitment = jobs => {
|
||||
console.log(jobs)
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../../resource/parallax/33012321.jpg`
|
||||
}
|
||||
const router = useRouter()
|
||||
const { category_id } = router.query
|
||||
|
||||
return (
|
||||
<div>
|
||||
<AppContainer title={'فرصت های شغلی بیمارستان مهر ایرانیان پرند'}>
|
||||
<div className='parallax-container'>
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mb-5'}>
|
||||
<h2 className={'center-align bk-med text-white header_back service-text dana font-weight-bold'}>
|
||||
|
||||
فرصت های شغلی بیمارستان مهر ایرانیان
|
||||
</h2>
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
<div className={'mt-2'}>
|
||||
<br />
|
||||
<br />
|
||||
<p
|
||||
className={'center-align bk-light RTL text-white mt-5 header_back service-text dana font-weight-bold'}
|
||||
>
|
||||
فرصتهایی برای اینکه رویاهای خودتان را در کنار ما بسازید.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt={category_id}
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer className={'mt-5'}>
|
||||
<div className={'bk-med flex justify-content-center align-items-center flex-col'}>
|
||||
<MDBTypography className={'bk-md text-primary-teal font-weight-bold'} variant={'h3'}>
|
||||
{jobs.jobs.name.title}{' '}
|
||||
</MDBTypography>
|
||||
<MDBTypography className={'bk-light text-primary-teal mt-2'}>
|
||||
شغل مورد علاقه خود را انتخاب کنید{' '}
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<Divider />
|
||||
<SimpleGrid dir={'rtl'} columns={[1, 1, 3]} spacing={3}>
|
||||
{jobs.jobs.data &&
|
||||
jobs.jobs.data.map(item => (
|
||||
<Box key={item.id}>
|
||||
<Link href={`/recruitment/item/request/${item.id}`}>
|
||||
<MDBCard className={'jobs-item-card rounded-6'}>
|
||||
<MDBCardBody
|
||||
className={
|
||||
'flex align-items-center lg:flex-row md:flex-col sm:flex-col justify-content-between'
|
||||
}
|
||||
>
|
||||
<div>
|
||||
<MDBCardTitle title={item.title} className={'bk-med text-summery-2 mt-2 right'}>
|
||||
{item.title}{' '}
|
||||
</MDBCardTitle>
|
||||
</div>
|
||||
<div>
|
||||
<Link href={`/recruitment/item/request/${item.id}`}>
|
||||
<MDBBtn
|
||||
rounded
|
||||
size={'sm'}
|
||||
className={'mt-2 flex align-items-center bk-light bg-primary-teal'}
|
||||
>
|
||||
درخواست همکاری
|
||||
<FiArrowLeft className={'ml-2'} />
|
||||
</MDBBtn>
|
||||
</Link>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
</Box>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
</MDBContainer>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</AppContainer>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export async function getServerSideProps(ctx) {
|
||||
// Fetch data from external API
|
||||
const { query } = ctx
|
||||
|
||||
const res = await axios
|
||||
.get(`${AppProduction}public/job/${query.category_id}`)
|
||||
.then(res => {
|
||||
return res.data
|
||||
})
|
||||
.catch(err => {
|
||||
console.log(err)
|
||||
})
|
||||
const jobs = await res
|
||||
|
||||
// Pass data to the page via props
|
||||
return { props: { jobs } }
|
||||
}
|
||||
|
||||
export default Recruitment
|
||||
|
||||
@@ -1,182 +1,182 @@
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, Select, SimpleGrid} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const CoursesData = () => {
|
||||
const {setPage, coursesData, setCoursesData, langStatus, setLangStatus} = useContext(HandleFormReq)
|
||||
const [formValues, setFormValues] = useState(coursesData)
|
||||
|
||||
let handleChange = (i, e) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues[i][e.target.name] = e.target.value;
|
||||
setFormValues(newFormValues);
|
||||
|
||||
}
|
||||
|
||||
let addFormFields = () => {
|
||||
setFormValues([...formValues, {
|
||||
courseName: '',
|
||||
courseEdu: '',
|
||||
courseLocal: '',
|
||||
courseTime: '',
|
||||
}])
|
||||
}
|
||||
|
||||
let removeFormFields = (i) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues.splice(i, 1);
|
||||
setFormValues(newFormValues)
|
||||
}
|
||||
|
||||
let handleSubmit = (event) => {
|
||||
event.preventDefault();
|
||||
setCoursesData(formValues)
|
||||
console.log(formValues);
|
||||
console.log('coursesData', coursesData);
|
||||
console.log('langStatus', langStatus.status);
|
||||
setPage(4)
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<SimpleGrid className={'mt-2 flex justify-content-between mt-5'} dir={'rtl'} columns={[1,1,2]} spacingX='390px' spacingY='20px'>
|
||||
<Box>
|
||||
<MDBInputGroup className='flex flex-md-row flex-lg-row flex-sm-column'>
|
||||
<div style={{ flexDirection: 'column' }} className={'flex align-items-center flex-md-row flex-lg-row flex-sm-column'}>
|
||||
<div>
|
||||
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||
میزان آشنایی با زبان انگلیسی :
|
||||
</MDBInputGroupText>
|
||||
</div>
|
||||
{process.browser && (
|
||||
<div>
|
||||
<select
|
||||
required
|
||||
onChange={(e) => setLangStatus({status: e.target.value})}
|
||||
dir={'ltr'}
|
||||
defaultValue={langStatus.status}
|
||||
style={{ width: 200 }}
|
||||
placeholder={'سطح زبان خود را مشخص کنید '}
|
||||
>
|
||||
<option value='3'> ضعیف </option>
|
||||
<option value='2'> خوب </option>
|
||||
<option value='1'> عالی </option>
|
||||
</select>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</SimpleGrid>
|
||||
<br />
|
||||
<br />
|
||||
<p className={'right'}>در صورتی که دوره آموزشی خاصی را گذرانده اید اطلاعات آن را وارد کنید </p>
|
||||
<br />
|
||||
<br />
|
||||
<form onSubmit={handleSubmit} id={'persondataform'}>
|
||||
<SimpleGrid className={'mt-4'} dir={'rtl'} columns={[1, 1, 1]} spacing={3}>
|
||||
{process.browser && formValues.map((element, index) => (
|
||||
<>
|
||||
<Box className={'d-lg-flex d-md-block justify-content-between'} key={index}>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='courseName'
|
||||
name="courseName"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.courseName || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="نام دوره آموزشی"
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='courseEdu'
|
||||
name="courseEdu"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.courseEdu || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="نام موسسه آموزشی "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='courseLocal'
|
||||
name="courseLocal"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.courseLocal || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="مکان موسسه "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='courseTime'
|
||||
name="courseTime"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.courseTime || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="مدت آموزش "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
{
|
||||
index ?
|
||||
<MDBBtn color={'danger'} outline type="button" className="button remove" onClick={() => removeFormFields(index)}>پاک کردن</MDBBtn>
|
||||
: null
|
||||
}
|
||||
</>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
<div className="flex justify-content-end mt-5">
|
||||
<MDBBtn color={'warning'} className="button add" type="button" onClick={() => addFormFields()}>اضافه کردن </MDBBtn>
|
||||
</div>
|
||||
<MDBBtn type={'submit'} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</form>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default CoursesData;
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, Select, SimpleGrid} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const CoursesData = () => {
|
||||
const {setPage, coursesData, setCoursesData, langStatus, setLangStatus} = useContext(HandleFormReq)
|
||||
const [formValues, setFormValues] = useState(coursesData)
|
||||
|
||||
let handleChange = (i, e) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues[i][e.target.name] = e.target.value;
|
||||
setFormValues(newFormValues);
|
||||
|
||||
}
|
||||
|
||||
let addFormFields = () => {
|
||||
setFormValues([...formValues, {
|
||||
courseName: '',
|
||||
courseEdu: '',
|
||||
courseLocal: '',
|
||||
courseTime: '',
|
||||
}])
|
||||
}
|
||||
|
||||
let removeFormFields = (i) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues.splice(i, 1);
|
||||
setFormValues(newFormValues)
|
||||
}
|
||||
|
||||
let handleSubmit = (event) => {
|
||||
event.preventDefault();
|
||||
setCoursesData(formValues)
|
||||
console.log(formValues);
|
||||
console.log('coursesData', coursesData);
|
||||
console.log('langStatus', langStatus.status);
|
||||
setPage(4)
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<SimpleGrid className={'mt-2 flex justify-content-between mt-5'} dir={'rtl'} columns={[1,1,2]} spacingX='390px' spacingY='20px'>
|
||||
<Box>
|
||||
<MDBInputGroup className='flex flex-md-row flex-lg-row flex-sm-column'>
|
||||
<div style={{ flexDirection: 'column' }} className={'flex align-items-center flex-md-row flex-lg-row flex-sm-column'}>
|
||||
<div>
|
||||
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||
میزان آشنایی با زبان انگلیسی :
|
||||
</MDBInputGroupText>
|
||||
</div>
|
||||
{process.browser && (
|
||||
<div>
|
||||
<select
|
||||
required
|
||||
onChange={(e) => setLangStatus({status: e.target.value})}
|
||||
dir={'ltr'}
|
||||
defaultValue={langStatus.status}
|
||||
style={{ width: 200 }}
|
||||
placeholder={'سطح زبان خود را مشخص کنید '}
|
||||
>
|
||||
<option value='3'> ضعیف </option>
|
||||
<option value='2'> خوب </option>
|
||||
<option value='1'> عالی </option>
|
||||
</select>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</SimpleGrid>
|
||||
<br />
|
||||
<br />
|
||||
<p className={'right'}>در صورتی که دوره آموزشی خاصی را گذرانده اید اطلاعات آن را وارد کنید </p>
|
||||
<br />
|
||||
<br />
|
||||
<form onSubmit={handleSubmit} id={'persondataform'}>
|
||||
<SimpleGrid className={'mt-4'} dir={'rtl'} columns={[1, 1, 1]} spacing={3}>
|
||||
{process.browser && formValues.map((element, index) => (
|
||||
<>
|
||||
<Box className={'d-lg-flex d-md-block justify-content-between'} key={index}>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='courseName'
|
||||
name="courseName"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.courseName || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="نام دوره آموزشی"
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='courseEdu'
|
||||
name="courseEdu"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.courseEdu || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="نام موسسه آموزشی "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='courseLocal'
|
||||
name="courseLocal"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.courseLocal || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="مکان موسسه "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='courseTime'
|
||||
name="courseTime"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.courseTime || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="مدت آموزش "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
{
|
||||
index ?
|
||||
<MDBBtn color={'danger'} outline type="button" className="button remove" onClick={() => removeFormFields(index)}>پاک کردن</MDBBtn>
|
||||
: null
|
||||
}
|
||||
</>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
<div className="flex justify-content-end mt-5">
|
||||
<MDBBtn color={'warning'} className="button add" type="button" onClick={() => addFormFields()}>اضافه کردن </MDBBtn>
|
||||
</div>
|
||||
<MDBBtn type={'submit'} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</form>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default CoursesData;
|
||||
|
||||
@@ -1,170 +1,170 @@
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, SimpleGrid} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const EducationalData = () => {
|
||||
const {setPage, educationalData, setEducationalData} = useContext(HandleFormReq)
|
||||
const [formValues, setFormValues] = useState(educationalData)
|
||||
console.log('edd', educationalData)
|
||||
let handleChange = (i, e) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues[i][e.target.name] = e.target.value;
|
||||
setFormValues(newFormValues);
|
||||
}
|
||||
|
||||
let addFormFields = () => {
|
||||
setFormValues([...formValues, {
|
||||
university: '',
|
||||
field : '',
|
||||
trend: '',
|
||||
score: '',
|
||||
dateField: '',
|
||||
}])
|
||||
}
|
||||
|
||||
let removeFormFields = (i) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues.splice(i, 1);
|
||||
setFormValues(newFormValues)
|
||||
}
|
||||
|
||||
let handleSubmit = (event) => {
|
||||
event.preventDefault();
|
||||
console.log(formValues);
|
||||
setEducationalData(formValues)
|
||||
setPage(3)
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<form onSubmit={handleSubmit} id={'persondataform'}>
|
||||
<SimpleGrid className={'mt-4'} dir={'rtl'} columns={[1, 1, 1]} spacing={3}>
|
||||
{process.browser && formValues.map((element, index) => (
|
||||
<>
|
||||
<Box className={'d-lg-flex d-md-block justify-content-between'} key={index}>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
required
|
||||
id='university'
|
||||
name="university"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.university || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="دانشگاه / موسسه "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='field'
|
||||
name="field"
|
||||
required
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.field || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="رشته تحصیلی "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='trend'
|
||||
name="trend"
|
||||
required
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.trend || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="گرایش "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='dateField'
|
||||
name="dateField"
|
||||
required
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.dateField || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="تاریخ اخذ مدرک "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='score'
|
||||
name="score"
|
||||
required
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.score || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="معدل "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
{
|
||||
index ?
|
||||
<MDBBtn color={'danger'} outline type="button" className="button remove" onClick={() => removeFormFields(index)}>پاک کردن</MDBBtn>
|
||||
: null
|
||||
}
|
||||
</>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
<div className="flex justify-content-end mt-5">
|
||||
<MDBBtn color={'warning'} className="button add" type="button" onClick={() => addFormFields()}>اضافه کردن </MDBBtn>
|
||||
</div>
|
||||
<MDBBtn type={'submit'} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</form>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, SimpleGrid} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const EducationalData = () => {
|
||||
const {setPage, educationalData, setEducationalData} = useContext(HandleFormReq)
|
||||
const [formValues, setFormValues] = useState(educationalData)
|
||||
console.log('edd', educationalData)
|
||||
let handleChange = (i, e) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues[i][e.target.name] = e.target.value;
|
||||
setFormValues(newFormValues);
|
||||
}
|
||||
|
||||
let addFormFields = () => {
|
||||
setFormValues([...formValues, {
|
||||
university: '',
|
||||
field : '',
|
||||
trend: '',
|
||||
score: '',
|
||||
dateField: '',
|
||||
}])
|
||||
}
|
||||
|
||||
let removeFormFields = (i) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues.splice(i, 1);
|
||||
setFormValues(newFormValues)
|
||||
}
|
||||
|
||||
let handleSubmit = (event) => {
|
||||
event.preventDefault();
|
||||
console.log(formValues);
|
||||
setEducationalData(formValues)
|
||||
setPage(3)
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<form onSubmit={handleSubmit} id={'persondataform'}>
|
||||
<SimpleGrid className={'mt-4'} dir={'rtl'} columns={[1, 1, 1]} spacing={3}>
|
||||
{process.browser && formValues.map((element, index) => (
|
||||
<>
|
||||
<Box className={'d-lg-flex d-md-block justify-content-between'} key={index}>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
required
|
||||
id='university'
|
||||
name="university"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.university || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="دانشگاه / موسسه "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='field'
|
||||
name="field"
|
||||
required
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.field || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="رشته تحصیلی "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='trend'
|
||||
name="trend"
|
||||
required
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.trend || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="گرایش "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='dateField'
|
||||
name="dateField"
|
||||
required
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.dateField || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="تاریخ اخذ مدرک "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='score'
|
||||
name="score"
|
||||
required
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.score || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="معدل "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
{
|
||||
index ?
|
||||
<MDBBtn color={'danger'} outline type="button" className="button remove" onClick={() => removeFormFields(index)}>پاک کردن</MDBBtn>
|
||||
: null
|
||||
}
|
||||
</>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
<div className="flex justify-content-end mt-5">
|
||||
<MDBBtn color={'warning'} className="button add" type="button" onClick={() => addFormFields()}>اضافه کردن </MDBBtn>
|
||||
</div>
|
||||
<MDBBtn type={'submit'} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</form>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default EducationalData;
|
||||
@@ -1,90 +1,90 @@
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Checkbox, Input, Radio, RadioGroup, Select, SimpleGrid, Stack, Text, Textarea} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
import NumberFormat from "react-number-format";
|
||||
import log from "tailwindcss/lib/util/log";
|
||||
|
||||
const Furtherinformation = () => {
|
||||
const {setPage, furtherinformation, setFurtherinformation} = useContext(HandleFormReq)
|
||||
const [criminal,setCriminal] = useState(process.browser && furtherinformation.criminal.toString())
|
||||
const [salary, setSalary] = useState(process.browser && furtherinformation.salary)
|
||||
const [Introduced, setIntroduced] = useState(process.browser && furtherinformation.Introduced)
|
||||
|
||||
// let handleSubmit = () => {
|
||||
// setPage(7)
|
||||
// }
|
||||
let handleChange = (e) => {
|
||||
setFurtherinformation({criminal: criminal,salary: salary, Introduced: Introduced})
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
{process.browser && (
|
||||
<div>
|
||||
<SimpleGrid className={'mt-2 flex mt-5'} dir={'rtl'} columns={[1,1,2]} spacingX='390px' spacingY='20px'>
|
||||
<Box>
|
||||
<MDBInputGroup className='flex flex-md-row flex-lg-row flex-sm-column '>
|
||||
<div style={{ flexDirection: 'column' }} className={'flex align-items-center flex-md-row flex-lg-row flex-sm-column '}>
|
||||
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||
آیا سابقه کیفری دارید :
|
||||
</MDBInputGroupText>
|
||||
<RadioGroup className={'flex align-items-center'} onChange={setCriminal} value={criminal}>
|
||||
<Stack spacing={4} direction='row'>
|
||||
<Radio value='1'> ندارم </Radio>
|
||||
<Radio value='2'> دارم </Radio>
|
||||
</Stack>
|
||||
</RadioGroup>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<NumberFormat
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
onValueChange={(values) => {
|
||||
const { formattedValue, value } = values;
|
||||
handleChange()
|
||||
setSalary(formattedValue)
|
||||
console.log('salery', salary)
|
||||
}}
|
||||
className={'form-control'}
|
||||
type={'text'}
|
||||
thousandSeparator={true}
|
||||
defaultValue={furtherinformation.salary}
|
||||
placeholder=" حقوق پیشنهادی(تومان) "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</SimpleGrid>
|
||||
<Box dir={'rtl'} className={''}>
|
||||
<br /><br />
|
||||
<Textarea
|
||||
dir={'rtl'}
|
||||
defaultValue={furtherinformation.Introduced}
|
||||
onChange={(e) => {
|
||||
handleChange()
|
||||
setIntroduced(e.target.value)}
|
||||
}
|
||||
placeholder='در صورتی که معرفی دارید نام و شماره تماس آن را وارد کنید '
|
||||
/>
|
||||
</Box>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/*<MDBBtn onClick={handleSubmit} size={'sm'} className={'mt-2 bg-primary-teal'} >ثبت درخواست </MDBBtn>*/}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Furtherinformation;
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Checkbox, Input, Radio, RadioGroup, Select, SimpleGrid, Stack, Text, Textarea} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
import NumberFormat from "react-number-format";
|
||||
import log from "tailwindcss/lib/util/log";
|
||||
|
||||
const Furtherinformation = () => {
|
||||
const {setPage, furtherinformation, setFurtherinformation} = useContext(HandleFormReq)
|
||||
const [criminal,setCriminal] = useState(process.browser && furtherinformation.criminal.toString())
|
||||
const [salary, setSalary] = useState(process.browser && furtherinformation.salary)
|
||||
const [Introduced, setIntroduced] = useState(process.browser && furtherinformation.Introduced)
|
||||
|
||||
// let handleSubmit = () => {
|
||||
// setPage(7)
|
||||
// }
|
||||
let handleChange = (e) => {
|
||||
setFurtherinformation({criminal: criminal,salary: salary, Introduced: Introduced})
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
{process.browser && (
|
||||
<div>
|
||||
<SimpleGrid className={'mt-2 flex mt-5'} dir={'rtl'} columns={[1,1,2]} spacingX='390px' spacingY='20px'>
|
||||
<Box>
|
||||
<MDBInputGroup className='flex flex-md-row flex-lg-row flex-sm-column '>
|
||||
<div style={{ flexDirection: 'column' }} className={'flex align-items-center flex-md-row flex-lg-row flex-sm-column '}>
|
||||
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||
آیا سابقه کیفری دارید :
|
||||
</MDBInputGroupText>
|
||||
<RadioGroup className={'flex align-items-center'} onChange={setCriminal} value={criminal}>
|
||||
<Stack spacing={4} direction='row'>
|
||||
<Radio value='1'> ندارم </Radio>
|
||||
<Radio value='2'> دارم </Radio>
|
||||
</Stack>
|
||||
</RadioGroup>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<NumberFormat
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
onValueChange={(values) => {
|
||||
const { formattedValue, value } = values;
|
||||
handleChange()
|
||||
setSalary(formattedValue)
|
||||
console.log('salery', salary)
|
||||
}}
|
||||
className={'form-control'}
|
||||
type={'text'}
|
||||
thousandSeparator={true}
|
||||
defaultValue={furtherinformation.salary}
|
||||
placeholder=" حقوق پیشنهادی(تومان) "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</SimpleGrid>
|
||||
<Box dir={'rtl'} className={''}>
|
||||
<br /><br />
|
||||
<Textarea
|
||||
dir={'rtl'}
|
||||
defaultValue={furtherinformation.Introduced}
|
||||
onChange={(e) => {
|
||||
handleChange()
|
||||
setIntroduced(e.target.value)}
|
||||
}
|
||||
placeholder='در صورتی که معرفی دارید نام و شماره تماس آن را وارد کنید '
|
||||
/>
|
||||
</Box>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/*<MDBBtn onClick={handleSubmit} size={'sm'} className={'mt-2 bg-primary-teal'} >ثبت درخواست </MDBBtn>*/}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Furtherinformation;
|
||||
|
||||
@@ -1,170 +1,170 @@
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, Select, SimpleGrid} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const JobData = () => {
|
||||
const {setPage, jobData, setJob} = useContext(HandleFormReq)
|
||||
const [formValues, setFormValues] = useState(jobData)
|
||||
|
||||
let handleChange = (i, e) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues[i][e.target.name] = e.target.value;
|
||||
setFormValues(newFormValues);
|
||||
}
|
||||
|
||||
let addFormFields = () => {
|
||||
setFormValues([...formValues, {
|
||||
companyName: '',
|
||||
position: '',
|
||||
workTime: '',
|
||||
exitReason: '',
|
||||
lastIncome: ''
|
||||
}])
|
||||
console.log('add nf', formValues);
|
||||
}
|
||||
|
||||
let removeFormFields = (i) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues.splice(i, 1);
|
||||
setFormValues(newFormValues)
|
||||
}
|
||||
|
||||
let handleSubmit = (event) => {
|
||||
event.preventDefault();
|
||||
setJob(formValues)
|
||||
setPage(5)
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<br />
|
||||
<br />
|
||||
<p className={'right'}>در صورتی که سابقه کاری دارید اطلاعات آن را وارد کنید </p>
|
||||
<br />
|
||||
<br />
|
||||
<form onSubmit={handleSubmit} id={'persondataform'}>
|
||||
<SimpleGrid className={'mt-4'} dir={'rtl'} columns={[1, 1, 1]} spacing={3}>
|
||||
{process.browser && formValues.map((element, index) => (
|
||||
<>
|
||||
<Box className={'d-lg-flex d-md-block justify-content-between'} key={index}>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='companyName'
|
||||
name="companyName"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.companyName || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="نام شرکت / موسسه"
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='position'
|
||||
name="position"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.position || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="موضعیت شغلی "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='workTime'
|
||||
name="workTime"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.workTime || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="مدت همکاری "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='exitReason'
|
||||
name="exitReason"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.exitReason || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="دلیل خروج "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='lastIncome'
|
||||
name="lastIncome"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.lastIncome || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="حقوقی دریافتی (تومان) "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
{
|
||||
index ?
|
||||
<MDBBtn color={'danger'} outline type="button" className="button remove" onClick={() => removeFormFields(index)}>پاک کردن</MDBBtn>
|
||||
: null
|
||||
}
|
||||
</>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
<div className="flex justify-content-end mt-5">
|
||||
<MDBBtn color={'warning'} className="button add" type="button" onClick={() => addFormFields()}>اضافه کردن </MDBBtn>
|
||||
</div>
|
||||
<MDBBtn type={'submit'} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</form>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, Select, SimpleGrid} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const JobData = () => {
|
||||
const {setPage, jobData, setJob} = useContext(HandleFormReq)
|
||||
const [formValues, setFormValues] = useState(jobData)
|
||||
|
||||
let handleChange = (i, e) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues[i][e.target.name] = e.target.value;
|
||||
setFormValues(newFormValues);
|
||||
}
|
||||
|
||||
let addFormFields = () => {
|
||||
setFormValues([...formValues, {
|
||||
companyName: '',
|
||||
position: '',
|
||||
workTime: '',
|
||||
exitReason: '',
|
||||
lastIncome: ''
|
||||
}])
|
||||
console.log('add nf', formValues);
|
||||
}
|
||||
|
||||
let removeFormFields = (i) => {
|
||||
let newFormValues = [...formValues];
|
||||
newFormValues.splice(i, 1);
|
||||
setFormValues(newFormValues)
|
||||
}
|
||||
|
||||
let handleSubmit = (event) => {
|
||||
event.preventDefault();
|
||||
setJob(formValues)
|
||||
setPage(5)
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<br />
|
||||
<br />
|
||||
<p className={'right'}>در صورتی که سابقه کاری دارید اطلاعات آن را وارد کنید </p>
|
||||
<br />
|
||||
<br />
|
||||
<form onSubmit={handleSubmit} id={'persondataform'}>
|
||||
<SimpleGrid className={'mt-4'} dir={'rtl'} columns={[1, 1, 1]} spacing={3}>
|
||||
{process.browser && formValues.map((element, index) => (
|
||||
<>
|
||||
<Box className={'d-lg-flex d-md-block justify-content-between'} key={index}>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='companyName'
|
||||
name="companyName"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.companyName || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="نام شرکت / موسسه"
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<div>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='position'
|
||||
name="position"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.position || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="موضعیت شغلی "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</div>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='workTime'
|
||||
name="workTime"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.workTime || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="مدت همکاری "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='exitReason'
|
||||
name="exitReason"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.exitReason || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="دلیل خروج "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
<Box>
|
||||
<MDBInputGroup className='mb-3 flex'>
|
||||
<div className={'flex align-items-center'}>
|
||||
<MDBInputGroupText className={'rounded-0'}>
|
||||
<FiUser />
|
||||
</MDBInputGroupText>
|
||||
<Input
|
||||
id='lastIncome'
|
||||
name="lastIncome"
|
||||
onChange={e => handleChange(index, e)}
|
||||
defaultValue={element.lastIncome || ""} className={'bk-med rounded-0'}
|
||||
style={{ height: 40 }}
|
||||
dir={'rtl'}
|
||||
type='text'
|
||||
placeholder="حقوقی دریافتی (تومان) "
|
||||
/>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
</Box>
|
||||
</Box>
|
||||
|
||||
{
|
||||
index ?
|
||||
<MDBBtn color={'danger'} outline type="button" className="button remove" onClick={() => removeFormFields(index)}>پاک کردن</MDBBtn>
|
||||
: null
|
||||
}
|
||||
</>
|
||||
))}
|
||||
</SimpleGrid>
|
||||
<div className="flex justify-content-end mt-5">
|
||||
<MDBBtn color={'warning'} className="button add" type="button" onClick={() => addFormFields()}>اضافه کردن </MDBBtn>
|
||||
</div>
|
||||
<MDBBtn type={'submit'} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</form>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default JobData;
|
||||
@@ -1,55 +1,55 @@
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, Radio, RadioGroup, Select, SimpleGrid, Stack, Text, Textarea} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const PcSkill = () => {
|
||||
const {setPage, pcSkillData, setPcSkillData} = useContext(HandleFormReq)
|
||||
let icdlStr = process.browser && pcSkillData.icdlLevel.toString()
|
||||
const [icdl, seticdl] = useState(icdlStr)
|
||||
const [text, settext] = useState('')
|
||||
let handleSubmit = () => {
|
||||
setPcSkillData({text:text,icdlLevel: icdl})
|
||||
setPage(7)
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<Box dir={'rtl'} >
|
||||
{process.browser && (
|
||||
<div>
|
||||
<MDBInputGroup className='flex flex-md-row flex-lg-row flex-sm-column mt-5'>
|
||||
<div style={{ flexDirection: 'column' }} className={'flex align-items-center flex-md-row flex-lg-row flex-sm-column mt-5 justify-content-start'}>
|
||||
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||
آیا به ICDL (مهارت های هفتگانه آشنا هستید) :
|
||||
</MDBInputGroupText>
|
||||
<RadioGroup onChange={seticdl} value={icdl} >
|
||||
<Stack direction='row'>
|
||||
<Radio value='1'>بله </Radio>
|
||||
<Radio value='2'>خیر</Radio>
|
||||
</Stack>
|
||||
</RadioGroup>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
<br /><br />
|
||||
<Textarea
|
||||
dir={'rtl'}
|
||||
defaultValue={pcSkillData.text}
|
||||
onChange={(e) => settext(e.target.value)}
|
||||
placeholder='در صورتی که به نرم افزار خاصی مسلط هستید نام آن را وارد کنید '
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
</Box>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<MDBBtn onClick={handleSubmit} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default PcSkill;
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, Radio, RadioGroup, Select, SimpleGrid, Stack, Text, Textarea} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const PcSkill = () => {
|
||||
const {setPage, pcSkillData, setPcSkillData} = useContext(HandleFormReq)
|
||||
let icdlStr = process.browser && pcSkillData.icdlLevel.toString()
|
||||
const [icdl, seticdl] = useState(icdlStr)
|
||||
const [text, settext] = useState('')
|
||||
let handleSubmit = () => {
|
||||
setPcSkillData({text:text,icdlLevel: icdl})
|
||||
setPage(7)
|
||||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<Box dir={'rtl'} >
|
||||
{process.browser && (
|
||||
<div>
|
||||
<MDBInputGroup className='flex flex-md-row flex-lg-row flex-sm-column mt-5'>
|
||||
<div style={{ flexDirection: 'column' }} className={'flex align-items-center flex-md-row flex-lg-row flex-sm-column mt-5 justify-content-start'}>
|
||||
<MDBInputGroupText className={'rounded-0 border-0'}>
|
||||
آیا به ICDL (مهارت های هفتگانه آشنا هستید) :
|
||||
</MDBInputGroupText>
|
||||
<RadioGroup onChange={seticdl} value={icdl} >
|
||||
<Stack direction='row'>
|
||||
<Radio value='1'>بله </Radio>
|
||||
<Radio value='2'>خیر</Radio>
|
||||
</Stack>
|
||||
</RadioGroup>
|
||||
</div>
|
||||
</MDBInputGroup>
|
||||
<br /><br />
|
||||
<Textarea
|
||||
dir={'rtl'}
|
||||
defaultValue={pcSkillData.text}
|
||||
onChange={(e) => settext(e.target.value)}
|
||||
placeholder='در صورتی که به نرم افزار خاصی مسلط هستید نام آن را وارد کنید '
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
</Box>
|
||||
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<MDBBtn onClick={handleSubmit} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default PcSkill;
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,41 +1,41 @@
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, Select, SimpleGrid, Textarea} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const ScientificData = () => {
|
||||
const {setPage, scientificData, setScientificData} = useContext(HandleFormReq)
|
||||
|
||||
|
||||
let handleSubmit = () => {
|
||||
console.log('scientificData', scientificData)
|
||||
setPage(6)
|
||||
}
|
||||
let handleChange = (e) => {
|
||||
setScientificData({text: e.target.value})
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<Box className={''}>
|
||||
<br />
|
||||
<br />
|
||||
{process.browser && (
|
||||
<Textarea
|
||||
dir={'rtl'}
|
||||
defaultValue={scientificData.text}
|
||||
onChange={handleChange}
|
||||
placeholder='در صورتی داشتن مقاله یا دستاورد علمی اطلاعات آن را وارد کنید'
|
||||
/>
|
||||
)}
|
||||
</Box>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<MDBBtn onClick={handleSubmit} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ScientificData;
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {Box, Input, Select, SimpleGrid, Textarea} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBInputGroup, MDBInputGroupText} from "mdb-react-ui-kit";
|
||||
import {FiUser} from "react-icons/fi";
|
||||
import {useForm} from "react-hook-form";
|
||||
import {HandleFormReq} from "../../../../lib/HandleFormReq";
|
||||
|
||||
const ScientificData = () => {
|
||||
const {setPage, scientificData, setScientificData} = useContext(HandleFormReq)
|
||||
|
||||
|
||||
let handleSubmit = () => {
|
||||
console.log('scientificData', scientificData)
|
||||
setPage(6)
|
||||
}
|
||||
let handleChange = (e) => {
|
||||
setScientificData({text: e.target.value})
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<Box className={''}>
|
||||
<br />
|
||||
<br />
|
||||
{process.browser && (
|
||||
<Textarea
|
||||
dir={'rtl'}
|
||||
defaultValue={scientificData.text}
|
||||
onChange={handleChange}
|
||||
placeholder='در صورتی داشتن مقاله یا دستاورد علمی اطلاعات آن را وارد کنید'
|
||||
/>
|
||||
)}
|
||||
</Box>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<MDBBtn onClick={handleSubmit} size={'sm'} className={'mt-2 bg-primary-teal'} >مرحله بعد</MDBBtn>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ScientificData;
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
+127
-127
@@ -1,128 +1,128 @@
|
||||
import React, {createContext, useMemo, useState} from 'react';
|
||||
import {MDBBtn, MDBCard, MDBCardImage, MDBContainer, MDBTypography} from "mdb-react-ui-kit";
|
||||
import Image from 'next/image'
|
||||
import StepOne from "./layout/StepOne";
|
||||
import {Progress, SlideFade} from "@chakra-ui/react";
|
||||
import imageStepOne from '../../public/resource/Smart/headre.png'
|
||||
import imageStepTwo from '../../public/resource/Smart/step-2.png'
|
||||
import imageStepThree from '../../public/resource/Smart/step-3.png'
|
||||
import imageStepFour from '../../public/resource/Smart/step-4.png'
|
||||
import imageStepFive from '../../public/resource/Smart/step-5.png'
|
||||
import StepTwo from "./layout/StepTwo";
|
||||
import StepThree from "./layout/StepThree";
|
||||
import StepFour from "./layout/StepFouur";
|
||||
import StepFive from "./layout/StepFive";
|
||||
import {HandlePage} from "../../lib/HnadelPagge";
|
||||
import axios from "axios";
|
||||
import {AppUrl} from "../../lib/api";
|
||||
import {useRouter} from "next/router";
|
||||
|
||||
const SmartAdvice = () => {
|
||||
const [page, setPage] = useState(1)
|
||||
const [investment, setInvestment] = useState(1)
|
||||
const [phoneNumber, setPhoneNumber] = useState('')
|
||||
const [Loading, setLoading] = useState(false)
|
||||
const [Success, setSuccess] = useState(false)
|
||||
const value = useMemo(
|
||||
() => ({ page, setPage, investment, setInvestment, phoneNumber, setPhoneNumber }),
|
||||
[page, investment, phoneNumber]
|
||||
);
|
||||
const router = useRouter()
|
||||
const SubmitForm = () => {
|
||||
axios.post(AppUrl('contact-us'),{PhoneNumber: phoneNumber, name: 'From smart', text: 'from smart'}).then((res) => {
|
||||
setLoading(false);
|
||||
|
||||
if (res.status === 200) {
|
||||
setLoading(false);
|
||||
setSuccess(true);
|
||||
router.push('/')
|
||||
alert('درخواست شما ثبت شد ')
|
||||
|
||||
}
|
||||
})
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<div>
|
||||
<div className={'flex justify-content-center flex-column'}>
|
||||
{(() => {
|
||||
switch(page) {
|
||||
case 1:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepOne} />
|
||||
</SlideFade>
|
||||
)
|
||||
case 2:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepTwo} />
|
||||
</SlideFade>
|
||||
)
|
||||
case 3:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepThree} />
|
||||
</SlideFade>
|
||||
)
|
||||
case 4:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepFour} />
|
||||
</SlideFade>
|
||||
)
|
||||
case 5:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepFive} />
|
||||
</SlideFade>
|
||||
)
|
||||
}
|
||||
})()}
|
||||
<MDBCard style={{ borderTopLeftRadius: 25, borderTopRightRadius: 25, height: '75vh' }} className={'position-absolute shadow-5-soft top-60 w-100 h-90'}>
|
||||
<MDBContainer>
|
||||
<HandlePage.Provider value={value}>
|
||||
{(() => {
|
||||
switch(page) {
|
||||
case 1:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<StepOne />
|
||||
</SlideFade>
|
||||
)
|
||||
case 2:return <StepTwo />
|
||||
case 3:return <StepThree />
|
||||
case 4:return <StepFour />
|
||||
case 5:return <StepFive />
|
||||
}
|
||||
})()}
|
||||
</HandlePage.Provider>
|
||||
|
||||
<div className={'mt-5'}>
|
||||
<Progress dir={'rtl'} value={page * 20} size='xs' colorScheme='teal' />
|
||||
<div dir={'rtl'} className={'m-2 mt-2 mb-2 flex justify-content-between'}>
|
||||
{page !== 1 && page !== 5 ? (
|
||||
<MDBBtn color='link' size={'sm'} className={'mt-2'} onClick={() => setPage(page - 1)} >مرحله قبل</MDBBtn>
|
||||
): ''}
|
||||
{page !== 1 && page !== 5 ? (
|
||||
(
|
||||
<MDBBtn size={'sm'} className={'mt-2 bg-primary-teal'} onClick={() => setPage(page + 1)} >مرحله بعد</MDBBtn>
|
||||
)
|
||||
): ''}
|
||||
</div>
|
||||
<div className={'flex justify-content-center m-2'}>
|
||||
{page === 5 ? (
|
||||
<MDBBtn onClick={SubmitForm} size={'lg'} className={'mt-2 bk-med text-center bg-primary-teal'}>ثبت در خواست مشاوره خرید سهام </MDBBtn>
|
||||
): ''}
|
||||
</div>
|
||||
</div>
|
||||
</MDBContainer>
|
||||
</MDBCard>
|
||||
</div>
|
||||
<h1>شرکت مهر ایراناین پرند</h1>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
import React, {createContext, useMemo, useState} from 'react';
|
||||
import {MDBBtn, MDBCard, MDBCardImage, MDBContainer, MDBTypography} from "mdb-react-ui-kit";
|
||||
import Image from 'next/image'
|
||||
import StepOne from "./layout/StepOne";
|
||||
import {Progress, SlideFade} from "@chakra-ui/react";
|
||||
import imageStepOne from '../../public/resource/Smart/headre.png'
|
||||
import imageStepTwo from '../../public/resource/Smart/step-2.png'
|
||||
import imageStepThree from '../../public/resource/Smart/step-3.png'
|
||||
import imageStepFour from '../../public/resource/Smart/step-4.png'
|
||||
import imageStepFive from '../../public/resource/Smart/step-5.png'
|
||||
import StepTwo from "./layout/StepTwo";
|
||||
import StepThree from "./layout/StepThree";
|
||||
import StepFour from "./layout/StepFouur";
|
||||
import StepFive from "./layout/StepFive";
|
||||
import {HandlePage} from "../../lib/HnadelPagge";
|
||||
import axios from "axios";
|
||||
import {AppUrl} from "../../lib/api";
|
||||
import {useRouter} from "next/router";
|
||||
|
||||
const SmartAdvice = () => {
|
||||
const [page, setPage] = useState(1)
|
||||
const [investment, setInvestment] = useState(1)
|
||||
const [phoneNumber, setPhoneNumber] = useState('')
|
||||
const [Loading, setLoading] = useState(false)
|
||||
const [Success, setSuccess] = useState(false)
|
||||
const value = useMemo(
|
||||
() => ({ page, setPage, investment, setInvestment, phoneNumber, setPhoneNumber }),
|
||||
[page, investment, phoneNumber]
|
||||
);
|
||||
const router = useRouter()
|
||||
const SubmitForm = () => {
|
||||
axios.post(AppUrl('contact-us'),{PhoneNumber: phoneNumber, name: 'From smart', text: 'from smart'}).then((res) => {
|
||||
setLoading(false);
|
||||
|
||||
if (res.status === 200) {
|
||||
setLoading(false);
|
||||
setSuccess(true);
|
||||
router.push('/')
|
||||
alert('درخواست شما ثبت شد ')
|
||||
|
||||
}
|
||||
})
|
||||
}
|
||||
return (
|
||||
<div>
|
||||
<div>
|
||||
<div className={'flex justify-content-center flex-column'}>
|
||||
{(() => {
|
||||
switch(page) {
|
||||
case 1:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepOne} />
|
||||
</SlideFade>
|
||||
)
|
||||
case 2:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepTwo} />
|
||||
</SlideFade>
|
||||
)
|
||||
case 3:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepThree} />
|
||||
</SlideFade>
|
||||
)
|
||||
case 4:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepFour} />
|
||||
</SlideFade>
|
||||
)
|
||||
case 5:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<MDBCardImage className={'position-absolute d-flex justify-content-center w-100'} src={imageStepFive} />
|
||||
</SlideFade>
|
||||
)
|
||||
}
|
||||
})()}
|
||||
<MDBCard style={{ borderTopLeftRadius: 25, borderTopRightRadius: 25, height: '75vh' }} className={'position-absolute shadow-5-soft top-60 w-100 h-90'}>
|
||||
<MDBContainer>
|
||||
<HandlePage.Provider value={value}>
|
||||
{(() => {
|
||||
switch(page) {
|
||||
case 1:
|
||||
return (
|
||||
<SlideFade in={true}>
|
||||
<StepOne />
|
||||
</SlideFade>
|
||||
)
|
||||
case 2:return <StepTwo />
|
||||
case 3:return <StepThree />
|
||||
case 4:return <StepFour />
|
||||
case 5:return <StepFive />
|
||||
}
|
||||
})()}
|
||||
</HandlePage.Provider>
|
||||
|
||||
<div className={'mt-5'}>
|
||||
<Progress dir={'rtl'} value={page * 20} size='xs' colorScheme='teal' />
|
||||
<div dir={'rtl'} className={'m-2 mt-2 mb-2 flex justify-content-between'}>
|
||||
{page !== 1 && page !== 5 ? (
|
||||
<MDBBtn color='link' size={'sm'} className={'mt-2'} onClick={() => setPage(page - 1)} >مرحله قبل</MDBBtn>
|
||||
): ''}
|
||||
{page !== 1 && page !== 5 ? (
|
||||
(
|
||||
<MDBBtn size={'sm'} className={'mt-2 bg-primary-teal'} onClick={() => setPage(page + 1)} >مرحله بعد</MDBBtn>
|
||||
)
|
||||
): ''}
|
||||
</div>
|
||||
<div className={'flex justify-content-center m-2'}>
|
||||
{page === 5 ? (
|
||||
<MDBBtn onClick={SubmitForm} size={'lg'} className={'mt-2 bk-med text-center bg-primary-teal'}>ثبت در خواست مشاوره خرید سهام </MDBBtn>
|
||||
): ''}
|
||||
</div>
|
||||
</div>
|
||||
</MDBContainer>
|
||||
</MDBCard>
|
||||
</div>
|
||||
<h1>شرکت مهر ایراناین پرند</h1>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default SmartAdvice;
|
||||
@@ -1,57 +1,57 @@
|
||||
import React, {useContext} from 'react';
|
||||
import {
|
||||
MDBCardImage,
|
||||
MDBContainer,
|
||||
MDBIcon,
|
||||
MDBInputGroup,
|
||||
MDBInputGroupElement, MDBInputGroupText,
|
||||
MDBTypography
|
||||
} from "mdb-react-ui-kit";
|
||||
import {ListItem, SlideFade, UnorderedList} from "@chakra-ui/react";
|
||||
import Love from '../../../public/resource/Smart/love-heart-outline.webp'
|
||||
import {HandlePage} from "../../../lib/HnadelPagge";
|
||||
const StepFive = () => {
|
||||
const {setPhoneNumber} = useContext(HandlePage)
|
||||
return (
|
||||
<SlideFade in={true} offsetY='20px'>
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mt-4'}>
|
||||
<MDBTypography style={{ lineHeight: 1.7 }} className={'text-center mr-4 text-primary-teal font-weight-bold bk-med'} variant={'h3'}>
|
||||
سپاس از همراهی شما
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<div className={'flex justify-content-center mt-2'}>
|
||||
<MDBCardImage className={'ml-2'} src={Love} width={150} height={150} />
|
||||
</div>
|
||||
<div className={'flex justify-content-center flex-column mt-2'}>
|
||||
<div className={'flex justify-content-center'}>
|
||||
<strong className={'bk-med text-center text-md'}>
|
||||
در صورت تمایل به خرید سهام
|
||||
<br />
|
||||
شماره تلفن خود را وارد کنید
|
||||
</strong>
|
||||
</div>
|
||||
<div className={'flex justify-content-center mt-2'}>
|
||||
<MDBContainer>
|
||||
<MDBInputGroup>
|
||||
<MDBInputGroupElement
|
||||
name="PhoneNumber"
|
||||
dir={'rtl'}
|
||||
onChange={(e) => setPhoneNumber(e.target.value)}
|
||||
id="PhoneNumber"
|
||||
placeholder=' شماره موبایل خود را وارد کنید '
|
||||
type='text' />
|
||||
<MDBInputGroupText>
|
||||
<MDBIcon fas icon="phone" />
|
||||
</MDBInputGroupText>
|
||||
</MDBInputGroup>
|
||||
</MDBContainer>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</SlideFade>
|
||||
);
|
||||
};
|
||||
|
||||
import React, {useContext} from 'react';
|
||||
import {
|
||||
MDBCardImage,
|
||||
MDBContainer,
|
||||
MDBIcon,
|
||||
MDBInputGroup,
|
||||
MDBInputGroupElement, MDBInputGroupText,
|
||||
MDBTypography
|
||||
} from "mdb-react-ui-kit";
|
||||
import {ListItem, SlideFade, UnorderedList} from "@chakra-ui/react";
|
||||
import Love from '../../../public/resource/Smart/love-heart-outline.webp'
|
||||
import {HandlePage} from "../../../lib/HnadelPagge";
|
||||
const StepFive = () => {
|
||||
const {setPhoneNumber} = useContext(HandlePage)
|
||||
return (
|
||||
<SlideFade in={true} offsetY='20px'>
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mt-4'}>
|
||||
<MDBTypography style={{ lineHeight: 1.7 }} className={'text-center mr-4 text-primary-teal font-weight-bold bk-med'} variant={'h3'}>
|
||||
سپاس از همراهی شما
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<div className={'flex justify-content-center mt-2'}>
|
||||
<MDBCardImage className={'ml-2'} src={Love} width={150} height={150} />
|
||||
</div>
|
||||
<div className={'flex justify-content-center flex-column mt-2'}>
|
||||
<div className={'flex justify-content-center'}>
|
||||
<strong className={'bk-med text-center text-md'}>
|
||||
در صورت تمایل به خرید سهام
|
||||
<br />
|
||||
شماره تلفن خود را وارد کنید
|
||||
</strong>
|
||||
</div>
|
||||
<div className={'flex justify-content-center mt-2'}>
|
||||
<MDBContainer>
|
||||
<MDBInputGroup>
|
||||
<MDBInputGroupElement
|
||||
name="PhoneNumber"
|
||||
dir={'rtl'}
|
||||
onChange={(e) => setPhoneNumber(e.target.value)}
|
||||
id="PhoneNumber"
|
||||
placeholder=' شماره موبایل خود را وارد کنید '
|
||||
type='text' />
|
||||
<MDBInputGroupText>
|
||||
<MDBIcon fas icon="phone" />
|
||||
</MDBInputGroupText>
|
||||
</MDBInputGroup>
|
||||
</MDBContainer>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</SlideFade>
|
||||
);
|
||||
};
|
||||
|
||||
export default StepFive;
|
||||
@@ -1,82 +1,82 @@
|
||||
import React, { useContext } from 'react'
|
||||
import { MDBCardImage, MDBIcon, MDBTypography } from 'mdb-react-ui-kit'
|
||||
import { ListItem, SlideFade, UnorderedList } from '@chakra-ui/react'
|
||||
import Grow from '../../../public/resource/Smart/growing-plant-outline.webp'
|
||||
import { HandlePage } from '../../../lib/HnadelPagge'
|
||||
const StepFour = () => {
|
||||
const { investment } = useContext(HandlePage)
|
||||
return (
|
||||
<SlideFade in={true} offsetY='20px'>
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mt-4'}>
|
||||
<MDBTypography
|
||||
style={{ lineHeight: 1.7 }}
|
||||
className={'text-right mr-4 text-primary-teal font-weight-bold bk-med'}
|
||||
variant={'h3'}
|
||||
>
|
||||
{' '}
|
||||
بازدهی سرمایه گذاری شما
|
||||
<MDBIcon className={'ml-2'} fas icon='chevron-up' />
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<div className={'flex justify-content-center mt-2'}>
|
||||
<MDBCardImage className={'ml-2'} src={Grow} width={150} height={150} />
|
||||
</div>
|
||||
<div className={'flex justify-content-center flex-column mt-2'}>
|
||||
<div className={'flex justify-content-center'}>
|
||||
<strong className={'bg-primary-teal p-2 rounded text-white'}>
|
||||
{investment.length >= 6 ? ` ${investment} :مبلغ سرمایه شما ` : 'مبلغ وارد شده معتر نمی باشد'}
|
||||
</strong>
|
||||
</div>
|
||||
{investment.length >= 6 ? (
|
||||
<div>
|
||||
<div className={'flex justify-content-center mt-2'}>
|
||||
{investment / 100000000 >= 1 ? (
|
||||
<div dir={'rtl'} className={'bk-light mt-2'}>
|
||||
<div className={'text-center'}>
|
||||
تعداد سهام قابل خرید شما:{' '}
|
||||
<strong className={'mr-2'}>{Math.ceil(investment / 100000000)} سهم </strong>{' '}
|
||||
</div>
|
||||
{Math.ceil(investment / 100000000) * 100000000 - investment ===
|
||||
Math.ceil(investment / 100000000) * 100000000 ? (
|
||||
<div>{Math.ceil(investment / 100000000)}</div>
|
||||
) : (
|
||||
<div>
|
||||
{Math.ceil(investment / 100000000) * 100000000 - investment === 0 ? (
|
||||
''
|
||||
) : (
|
||||
<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)} سهم خریدار کنید
|
||||
</div>
|
||||
)}
|
||||
<div className={'flex justify-content-center mt-3'}>
|
||||
<span className={'bk-light text-sm animate-bounce'}>
|
||||
پیش بینی ارزش افزوده هر سهم سه ماه آینده: {investment * 1 + 5000000 - investment * 1}{' '}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
) : (
|
||||
<div className={'flex flex-col align-items-center justify-content-center mt-2'}>
|
||||
<p dir={'rtl'} className={'bk-light mt-2'}>
|
||||
قیمت هر سهم در حال حاضر 50,000,000 تومان است ، پیشنهاد ما به شما خرید اقساطی سهام است
|
||||
</p>
|
||||
<span className={'bk-med animate-bounce'}>
|
||||
سود شما بعد از بهره برداری از فاز 1 : {investment * 1 + 5000000 - investment * 1}{' '}
|
||||
</span>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
''
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</SlideFade>
|
||||
)
|
||||
}
|
||||
|
||||
export default StepFour
|
||||
import React, { useContext } from 'react'
|
||||
import { MDBCardImage, MDBIcon, MDBTypography } from 'mdb-react-ui-kit'
|
||||
import { ListItem, SlideFade, UnorderedList } from '@chakra-ui/react'
|
||||
import Grow from '../../../public/resource/Smart/growing-plant-outline.webp'
|
||||
import { HandlePage } from '../../../lib/HnadelPagge'
|
||||
const StepFour = () => {
|
||||
const { investment } = useContext(HandlePage)
|
||||
return (
|
||||
<SlideFade in={true} offsetY='20px'>
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mt-4'}>
|
||||
<MDBTypography
|
||||
style={{ lineHeight: 1.7 }}
|
||||
className={'text-right mr-4 text-primary-teal font-weight-bold bk-med'}
|
||||
variant={'h3'}
|
||||
>
|
||||
{' '}
|
||||
بازدهی سرمایه گذاری شما
|
||||
<MDBIcon className={'ml-2'} fas icon='chevron-up' />
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<div className={'flex justify-content-center mt-2'}>
|
||||
<MDBCardImage className={'ml-2'} src={Grow} width={150} height={150} />
|
||||
</div>
|
||||
<div className={'flex justify-content-center flex-column mt-2'}>
|
||||
<div className={'flex justify-content-center'}>
|
||||
<strong className={'bg-primary-teal p-2 rounded text-white'}>
|
||||
{investment.length >= 6 ? ` ${investment} :مبلغ سرمایه شما ` : 'مبلغ وارد شده معتر نمی باشد'}
|
||||
</strong>
|
||||
</div>
|
||||
{investment.length >= 6 ? (
|
||||
<div>
|
||||
<div className={'flex justify-content-center mt-2'}>
|
||||
{investment / 100000000 >= 1 ? (
|
||||
<div dir={'rtl'} className={'bk-light mt-2'}>
|
||||
<div className={'text-center'}>
|
||||
تعداد سهام قابل خرید شما:{' '}
|
||||
<strong className={'mr-2'}>{Math.ceil(investment / 100000000)} سهم </strong>{' '}
|
||||
</div>
|
||||
{Math.ceil(investment / 100000000) * 100000000 - investment ===
|
||||
Math.ceil(investment / 100000000) * 100000000 ? (
|
||||
<div>{Math.ceil(investment / 100000000)}</div>
|
||||
) : (
|
||||
<div>
|
||||
{Math.ceil(investment / 100000000) * 100000000 - investment === 0 ? (
|
||||
''
|
||||
) : (
|
||||
<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)} سهم خریدار کنید
|
||||
</div>
|
||||
)}
|
||||
<div className={'flex justify-content-center mt-3'}>
|
||||
<span className={'bk-light text-sm animate-bounce'}>
|
||||
پیش بینی ارزش افزوده هر سهم سه ماه آینده: {investment * 1 + 5000000 - investment * 1}{' '}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
) : (
|
||||
<div className={'flex flex-col align-items-center justify-content-center mt-2'}>
|
||||
<p dir={'rtl'} className={'bk-light mt-2'}>
|
||||
قیمت هر سهم در حال حاضر 50,000,000 تومان است ، پیشنهاد ما به شما خرید اقساطی سهام است
|
||||
</p>
|
||||
<span className={'bk-med animate-bounce'}>
|
||||
سود شما بعد از بهره برداری از فاز 1 : {investment * 1 + 5000000 - investment * 1}{' '}
|
||||
</span>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
) : (
|
||||
''
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</SlideFade>
|
||||
)
|
||||
}
|
||||
|
||||
export default StepFour
|
||||
|
||||
@@ -1,34 +1,34 @@
|
||||
import React, {useContext} from 'react';
|
||||
import {MDBBtn, MDBCardImage, MDBContainer, MDBIcon, MDBTypography} from "mdb-react-ui-kit";
|
||||
import Image from 'next/image'
|
||||
import IMGAE from '../../../public/resource/Smart/coins-outline.webp'
|
||||
import {HandlePage} from "../../../lib/HnadelPagge";
|
||||
const StepOne = () => {
|
||||
const {setPage} = useContext(HandlePage)
|
||||
return (
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mt-4'}>
|
||||
<MDBTypography style={{ lineHeight: 1.7 }} className={'text-right mr-4 text-primary-teal font-weight-bold bk-med'} variant={'h3'}>روش سرمایه گذاری خود
|
||||
<br />
|
||||
... را هوشمندانه انتخاب کنید
|
||||
</MDBTypography>
|
||||
</div>
|
||||
|
||||
<div dir={'rtl'} className={'text-right mr-4'}>
|
||||
<p className={'bk-light text-sm'}>با پاسخ به سوالات مشاوره هوشمند با هر بودجه ای قادر به سرمایه گذاری خواهید بود. </p>
|
||||
<span className={'text-sm bk-med flex align-items-center'}>
|
||||
<MDBCardImage className={'ml-2'} src={IMGAE} width={30} height={30} />
|
||||
آینده ای پرسود برای خود و خانواده خود بسازید</span>
|
||||
</div>
|
||||
<div className="d-grid gap-5 mt-5 col-6 mx-auto">
|
||||
<MDBBtn onClick={() => setPage(2)} className={'bg-primary-teal text-md text-center bk-med'}>
|
||||
<MDBIcon icon='chevron-left' className={'mr-5'} />
|
||||
شروع کنید
|
||||
</MDBBtn>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
import React, {useContext} from 'react';
|
||||
import {MDBBtn, MDBCardImage, MDBContainer, MDBIcon, MDBTypography} from "mdb-react-ui-kit";
|
||||
import Image from 'next/image'
|
||||
import IMGAE from '../../../public/resource/Smart/coins-outline.webp'
|
||||
import {HandlePage} from "../../../lib/HnadelPagge";
|
||||
const StepOne = () => {
|
||||
const {setPage} = useContext(HandlePage)
|
||||
return (
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mt-4'}>
|
||||
<MDBTypography style={{ lineHeight: 1.7 }} className={'text-right mr-4 text-primary-teal font-weight-bold bk-med'} variant={'h3'}>روش سرمایه گذاری خود
|
||||
<br />
|
||||
... را هوشمندانه انتخاب کنید
|
||||
</MDBTypography>
|
||||
</div>
|
||||
|
||||
<div dir={'rtl'} className={'text-right mr-4'}>
|
||||
<p className={'bk-light text-sm'}>با پاسخ به سوالات مشاوره هوشمند با هر بودجه ای قادر به سرمایه گذاری خواهید بود. </p>
|
||||
<span className={'text-sm bk-med flex align-items-center'}>
|
||||
<MDBCardImage className={'ml-2'} src={IMGAE} width={30} height={30} />
|
||||
آینده ای پرسود برای خود و خانواده خود بسازید</span>
|
||||
</div>
|
||||
<div className="d-grid gap-5 mt-5 col-6 mx-auto">
|
||||
<MDBBtn onClick={() => setPage(2)} className={'bg-primary-teal text-md text-center bk-med'}>
|
||||
<MDBIcon icon='chevron-left' className={'mr-5'} />
|
||||
شروع کنید
|
||||
</MDBBtn>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default StepOne;
|
||||
@@ -1,84 +1,84 @@
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {
|
||||
MDBCardImage, MDBContainer,
|
||||
MDBIcon,
|
||||
MDBInput,
|
||||
MDBInputGroup,
|
||||
MDBInputGroupElement,
|
||||
MDBInputGroupText, MDBRow,
|
||||
MDBTypography
|
||||
} from "mdb-react-ui-kit";
|
||||
import {ListItem, Radio, RadioGroup, SlideFade, Stack, UnorderedList} from "@chakra-ui/react";
|
||||
import * as PropTypes from "prop-types";
|
||||
import {AiOutlinePhone} from "react-icons/ai";
|
||||
import {HandlePage} from "../../../lib/HnadelPagge";
|
||||
import NumberFormat from "react-number-format";
|
||||
import IMGAE from '../../../public/resource/Smart/coins-outline.gif'
|
||||
import { Stock_price } from '../../../src/vat';
|
||||
|
||||
function MDBRadio(props) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const StepThree = () => {
|
||||
const [type,setType] = useState(0)
|
||||
const {setInvestment} = useContext(HandlePage)
|
||||
return (
|
||||
<SlideFade in={true} offsetY='20px'>
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mt-4'}>
|
||||
<MDBTypography style={{ lineHeight: 1.7 }} className={'text-right mr-4 text-primary-teal font-weight-bold bk-med'} variant={'h3'}> سرمایه گذاری آسوده
|
||||
<MDBIcon className={'ml-2'} fas icon="dollar-sign" />
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<div dir={'rtl'} className={'text-right mr-4'}>
|
||||
<p className={'bk-med text-sm'}>
|
||||
در حال حاضر ب چه صورتی می توانید سرمایه گذاری کنید ؟
|
||||
</p>
|
||||
<div className={'dana flex align-items-center text-sm'}>
|
||||
<MDBCardImage className={'ml-2'} src={IMGAE} width={50} height={50} />
|
||||
{Stock_price}
|
||||
تومان
|
||||
</div>
|
||||
</div>
|
||||
<div className={'mt-4 mb-4 flex flex-col justify-content-center'}>
|
||||
<div className={'flex justify-content-center'}>
|
||||
<RadioGroup onChange={setType} defaultValue={type}>
|
||||
<Stack className={'bk-med'} direction='row'>
|
||||
<Radio colorScheme='teal' className={'m-2'} value='1'>
|
||||
نقدی
|
||||
</Radio>
|
||||
<Radio colorScheme='teal' className={'m-2'} value='2'>
|
||||
اقساطی
|
||||
</Radio>
|
||||
</Stack>
|
||||
</RadioGroup>
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
<MDBContainer>
|
||||
<MDBInputGroup>
|
||||
<NumberFormat
|
||||
onValueChange={(values) => {
|
||||
const { formattedValue, value } = values;
|
||||
setInvestment(value);
|
||||
}}
|
||||
className={'form-control'}
|
||||
type={'text'}
|
||||
prefix={'تومان'}
|
||||
thousandSeparator={true}
|
||||
placeholder=' مبلغ سرمایه گذاری خود را به تومان وارد کنید '
|
||||
dir={'ltr'}
|
||||
/>
|
||||
<MDBInputGroupText>
|
||||
<MDBIcon fas icon="dollar-sign" />
|
||||
</MDBInputGroupText>
|
||||
</MDBInputGroup>
|
||||
</MDBContainer>
|
||||
</div>
|
||||
</div>
|
||||
</SlideFade>
|
||||
);
|
||||
};
|
||||
|
||||
import React, {useContext, useState} from 'react';
|
||||
import {
|
||||
MDBCardImage, MDBContainer,
|
||||
MDBIcon,
|
||||
MDBInput,
|
||||
MDBInputGroup,
|
||||
MDBInputGroupElement,
|
||||
MDBInputGroupText, MDBRow,
|
||||
MDBTypography
|
||||
} from "mdb-react-ui-kit";
|
||||
import {ListItem, Radio, RadioGroup, SlideFade, Stack, UnorderedList} from "@chakra-ui/react";
|
||||
import * as PropTypes from "prop-types";
|
||||
import {AiOutlinePhone} from "react-icons/ai";
|
||||
import {HandlePage} from "../../../lib/HnadelPagge";
|
||||
import NumberFormat from "react-number-format";
|
||||
import IMGAE from '../../../public/resource/Smart/coins-outline.gif'
|
||||
import { Stock_price } from '../../../src/vat';
|
||||
|
||||
function MDBRadio(props) {
|
||||
return null;
|
||||
}
|
||||
|
||||
const StepThree = () => {
|
||||
const [type,setType] = useState(0)
|
||||
const {setInvestment} = useContext(HandlePage)
|
||||
return (
|
||||
<SlideFade in={true} offsetY='20px'>
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mt-4'}>
|
||||
<MDBTypography style={{ lineHeight: 1.7 }} className={'text-right mr-4 text-primary-teal font-weight-bold bk-med'} variant={'h3'}> سرمایه گذاری آسوده
|
||||
<MDBIcon className={'ml-2'} fas icon="dollar-sign" />
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<div dir={'rtl'} className={'text-right mr-4'}>
|
||||
<p className={'bk-med text-sm'}>
|
||||
در حال حاضر ب چه صورتی می توانید سرمایه گذاری کنید ؟
|
||||
</p>
|
||||
<div className={'dana flex align-items-center text-sm'}>
|
||||
<MDBCardImage className={'ml-2'} src={IMGAE} width={50} height={50} />
|
||||
{Stock_price}
|
||||
تومان
|
||||
</div>
|
||||
</div>
|
||||
<div className={'mt-4 mb-4 flex flex-col justify-content-center'}>
|
||||
<div className={'flex justify-content-center'}>
|
||||
<RadioGroup onChange={setType} defaultValue={type}>
|
||||
<Stack className={'bk-med'} direction='row'>
|
||||
<Radio colorScheme='teal' className={'m-2'} value='1'>
|
||||
نقدی
|
||||
</Radio>
|
||||
<Radio colorScheme='teal' className={'m-2'} value='2'>
|
||||
اقساطی
|
||||
</Radio>
|
||||
</Stack>
|
||||
</RadioGroup>
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
<MDBContainer>
|
||||
<MDBInputGroup>
|
||||
<NumberFormat
|
||||
onValueChange={(values) => {
|
||||
const { formattedValue, value } = values;
|
||||
setInvestment(value);
|
||||
}}
|
||||
className={'form-control'}
|
||||
type={'text'}
|
||||
prefix={'تومان'}
|
||||
thousandSeparator={true}
|
||||
placeholder=' مبلغ سرمایه گذاری خود را به تومان وارد کنید '
|
||||
dir={'ltr'}
|
||||
/>
|
||||
<MDBInputGroupText>
|
||||
<MDBIcon fas icon="dollar-sign" />
|
||||
</MDBInputGroupText>
|
||||
</MDBInputGroup>
|
||||
</MDBContainer>
|
||||
</div>
|
||||
</div>
|
||||
</SlideFade>
|
||||
);
|
||||
};
|
||||
|
||||
export default StepThree;
|
||||
@@ -1,35 +1,35 @@
|
||||
import React from 'react';
|
||||
import {MDBCardImage, MDBIcon, MDBTypography} from "mdb-react-ui-kit";
|
||||
import {ListItem, SlideFade, UnorderedList} from "@chakra-ui/react";
|
||||
import IMGAE from "../../../public/resource/Smart/coins-outline.webp";
|
||||
|
||||
const StepTwo = () => {
|
||||
return (
|
||||
<SlideFade in={true} offsetY='20px'>
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mt-4'}>
|
||||
<MDBTypography style={{ lineHeight: 1.7 }} className={'text-right mr-4 text-primary-teal font-weight-bold bk-med'} variant={'h3'}> سرمایه گذاری امن
|
||||
<MDBIcon className={'ml-2'} fas icon="chart-line" />
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<div dir={'rtl'} className={'text-right mr-4'}>
|
||||
<p className={'bk-light text-sm'}>
|
||||
با سطح معقولی از سرمایه و بدون نیاز
|
||||
به دانش تخصصی در بازار های مالی
|
||||
به آسانی سرمایه گذاری کنید </p>
|
||||
</div>
|
||||
|
||||
<div className={'mt-4 mb-4'}>
|
||||
<UnorderedList spacing={2} className={'bk-light'} dir={'rtl'}>
|
||||
<ListItem> بدون ریسک و بازدهی بالا</ListItem>
|
||||
<ListItem> بیمه تکمیلی برای سهامدار و خانواده </ListItem>
|
||||
<ListItem> حق استخدام </ListItem>
|
||||
<ListItem> درمان رایگان و با سود سالانه</ListItem>
|
||||
</UnorderedList>
|
||||
</div>
|
||||
</div>
|
||||
</SlideFade>
|
||||
);
|
||||
};
|
||||
|
||||
import React from 'react';
|
||||
import {MDBCardImage, MDBIcon, MDBTypography} from "mdb-react-ui-kit";
|
||||
import {ListItem, SlideFade, UnorderedList} from "@chakra-ui/react";
|
||||
import IMGAE from "../../../public/resource/Smart/coins-outline.webp";
|
||||
|
||||
const StepTwo = () => {
|
||||
return (
|
||||
<SlideFade in={true} offsetY='20px'>
|
||||
<div className={'flex flex-column'}>
|
||||
<div className={'mt-4'}>
|
||||
<MDBTypography style={{ lineHeight: 1.7 }} className={'text-right mr-4 text-primary-teal font-weight-bold bk-med'} variant={'h3'}> سرمایه گذاری امن
|
||||
<MDBIcon className={'ml-2'} fas icon="chart-line" />
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<div dir={'rtl'} className={'text-right mr-4'}>
|
||||
<p className={'bk-light text-sm'}>
|
||||
با سطح معقولی از سرمایه و بدون نیاز
|
||||
به دانش تخصصی در بازار های مالی
|
||||
به آسانی سرمایه گذاری کنید </p>
|
||||
</div>
|
||||
|
||||
<div className={'mt-4 mb-4'}>
|
||||
<UnorderedList spacing={2} className={'bk-light'} dir={'rtl'}>
|
||||
<ListItem> بدون ریسک و بازدهی بالا</ListItem>
|
||||
<ListItem> بیمه تکمیلی برای سهامدار و خانواده </ListItem>
|
||||
<ListItem> حق استخدام </ListItem>
|
||||
<ListItem> درمان رایگان و با سود سالانه</ListItem>
|
||||
</UnorderedList>
|
||||
</div>
|
||||
</div>
|
||||
</SlideFade>
|
||||
);
|
||||
};
|
||||
|
||||
export default StepTwo;
|
||||
+16
-16
@@ -1,17 +1,17 @@
|
||||
import React from 'react'
|
||||
import dynamic from 'next/dist/next-server/lib/dynamic'
|
||||
import { Skeleton } from '@chakra-ui/react'
|
||||
|
||||
const StockPriceChart = dynamic(() => import('../../src/components/Chart'), {
|
||||
ssr: false,
|
||||
loading: () => <Skeleton height={200} className='w-full'/>
|
||||
})
|
||||
const index = () => {
|
||||
return (
|
||||
<div>
|
||||
<StockPriceChart />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
import React from 'react'
|
||||
import dynamic from 'next/dist/next-server/lib/dynamic'
|
||||
import { Skeleton } from '@chakra-ui/react'
|
||||
|
||||
const StockPriceChart = dynamic(() => import('../../src/components/Chart'), {
|
||||
ssr: false,
|
||||
loading: () => <Skeleton height={200} className='w-full'/>
|
||||
})
|
||||
const index = () => {
|
||||
return (
|
||||
<div>
|
||||
<StockPriceChart />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default index
|
||||
+84
-167
@@ -1,167 +1,84 @@
|
||||
import React from 'react'
|
||||
import AppContainer from '../appContainer'
|
||||
import Image from 'next/image'
|
||||
import { MDBContainer, MDBIcon } from 'mdb-react-ui-kit'
|
||||
import { Table, TableCaption, TableContainer, Tbody, Td, Th, Thead, Tr } from '@chakra-ui/react'
|
||||
|
||||
const StockUnit = () => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/images/call-center.jpg`
|
||||
}
|
||||
return (
|
||||
<AppContainer title={' واحد فروش سهام'}>
|
||||
<div className='parallax-container'>
|
||||
<div
|
||||
style={{ fontSize: 30 }}
|
||||
className={'center-align text-white header_back service-text dana font-weight-bold'}
|
||||
>
|
||||
واحد فروش سهام
|
||||
</div>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt='واحد فروش سهام بیمارستان مهر ایرانیان'
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer className={'mb-5 mt-5'}>
|
||||
<TableContainer alignContent='center' alignItems='center'>
|
||||
<Table align='center' variant='striped'>
|
||||
<TableCaption className='bk-med'>پاسخگویی و مشاوره خرید سهام </TableCaption>
|
||||
<Thead alignContent='center'>
|
||||
<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>
|
||||
</Tr>
|
||||
</Thead>
|
||||
<Tbody>
|
||||
<Tr>
|
||||
<Td className='text-center'>
|
||||
<a className='text-black' href='tel:021-48810805'>
|
||||
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
|
||||
021-48810805
|
||||
</a>
|
||||
</Td>
|
||||
<Td className='text-center'> آقای شمشیری </Td>
|
||||
</Tr>
|
||||
<Tr>
|
||||
<Td className='text-center'>
|
||||
<a className='text-black' href='tel:021-48810736'>
|
||||
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
|
||||
021-48810736
|
||||
</a>
|
||||
</Td>
|
||||
<Td className='text-center'> محمد سهرابی </Td>
|
||||
</Tr>
|
||||
|
||||
<Tr>
|
||||
<Td className='text-center'>
|
||||
<a className='text-black' href='tel:09384085068'>
|
||||
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
|
||||
09384085068
|
||||
</a>
|
||||
</Td>
|
||||
<Td className='text-center'> علی سهرابی </Td>
|
||||
</Tr>
|
||||
|
||||
<Tr>
|
||||
<Td className='text-center'>
|
||||
<a className='text-black' href='tel:09100700881'>
|
||||
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
|
||||
09100700881
|
||||
</a>
|
||||
</Td>
|
||||
<Td className='text-center'> رستا رجبی </Td>
|
||||
</Tr>
|
||||
<Tr>
|
||||
<Td className='text-center'>
|
||||
<a className='text-black' href='tel:021-48810804'>
|
||||
<MDBIcon className='mr-3' fas style={{ fontSize: '10px' }} icon='phone-alt' />
|
||||
021-48810804
|
||||
</a>
|
||||
</Td>
|
||||
<Td className='text-center'> رها رجبی </Td>
|
||||
</Tr>
|
||||
<Tr>
|
||||
<Td className='text-center'>
|
||||
<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
|
||||
import React from 'react'
|
||||
import AppContainer from '../appContainer'
|
||||
import Image from 'next/image'
|
||||
import { MDBContainer, MDBIcon } from 'mdb-react-ui-kit'
|
||||
import { Table, TableCaption, TableContainer, Tbody, Td, Th, Thead, Tr } from '@chakra-ui/react'
|
||||
|
||||
const StockUnit = () => {
|
||||
const Parallax = ({ quality }) => {
|
||||
return `../resource/images/call-center.jpg`
|
||||
}
|
||||
return (
|
||||
<AppContainer title={' امور سهام'}>
|
||||
<div className='parallax-container'>
|
||||
<div
|
||||
style={{ fontSize: 30 }}
|
||||
className={'center-align text-white header_back service-text dana font-weight-bold'}
|
||||
>
|
||||
امور سهام
|
||||
</div>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src='Parallax.png'
|
||||
className={'responsive-img shadow-5'}
|
||||
alt='امور سهام بیمارستان مهر ایرانیان'
|
||||
width={3000}
|
||||
height={1300}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer className={'mb-5 mt-5'}>
|
||||
<TableContainer alignContent='center' alignItems='center'>
|
||||
<Table align='center' variant='striped'>
|
||||
<TableCaption className='bk-med'>پاسخگویی و مشاوره خرید سهام </TableCaption>
|
||||
<Thead alignContent='center'>
|
||||
<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>
|
||||
</Tr>
|
||||
</Thead>
|
||||
<Tbody>
|
||||
<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 = {
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {},
|
||||
},
|
||||
}
|
||||
module.exports = {
|
||||
plugins: {
|
||||
tailwindcss: {},
|
||||
autoprefixer: {},
|
||||
},
|
||||
}
|
||||
|
||||
@@ -1,136 +1,136 @@
|
||||
<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"/>
|
||||
<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="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="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="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="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="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="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="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"/>
|
||||
<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 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"/>
|
||||
</g>
|
||||
<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"/>
|
||||
</g>
|
||||
<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)">
|
||||
<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 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 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="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>
|
||||
<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)">
|
||||
<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 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 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"/>
|
||||
</g>
|
||||
<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)">
|
||||
<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 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 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>
|
||||
<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">
|
||||
<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"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<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"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3803_3484"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3803_3484" result="shape"/>
|
||||
</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">
|
||||
<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"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<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"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3803_3484"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3803_3484" result="shape"/>
|
||||
</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">
|
||||
<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"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<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"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3803_3484"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3803_3484" result="shape"/>
|
||||
</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">
|
||||
<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"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<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"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3803_3484"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3803_3484" result="shape"/>
|
||||
</filter>
|
||||
<linearGradient id="paint0_linear_3803_3484" x1="1177" y1="178.714" x2="1177" y2="230.286" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93B7FF"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_3803_3484" x1="1177" y1="152.929" x2="1177" y2="256.071" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93B7FF"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_3803_3484" x1="1177" y1="101.357" x2="1177" y2="307.643" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93B7FF"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_3803_3484" x1="1177" y1="75.5714" x2="1177" y2="333.429" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93B7FF"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint4_linear_3803_3484" x1="1177" y1="49.7857" x2="1177" y2="359.214" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93B7FF"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint5_linear_3803_3484" x1="1177" y1="24" x2="1177" y2="385" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93B7FF"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint6_linear_3803_3484" x1="1177" y1="127.143" x2="1177" y2="281.857" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93B7FF"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<clipPath id="clip0_3803_3484">
|
||||
<rect width="24" height="24" fill="white" transform="translate(161.645 168.846) rotate(38.0664)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip1_3803_3484">
|
||||
<rect width="24" height="24" fill="white" transform="translate(189.285 298.79) rotate(10.0124)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip2_3803_3484">
|
||||
<rect width="24" height="24" fill="white" transform="translate(42.2012 180.46) rotate(59.7938)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip3_3803_3484">
|
||||
<rect width="24" height="24" fill="white" transform="translate(112.741 236.819) rotate(59.7033)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</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"/>
|
||||
<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="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="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="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="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="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="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="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"/>
|
||||
<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 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"/>
|
||||
</g>
|
||||
<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"/>
|
||||
</g>
|
||||
<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)">
|
||||
<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 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 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="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>
|
||||
<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)">
|
||||
<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 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 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"/>
|
||||
</g>
|
||||
<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)">
|
||||
<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 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 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>
|
||||
<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">
|
||||
<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"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<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"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3803_3484"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3803_3484" result="shape"/>
|
||||
</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">
|
||||
<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"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<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"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3803_3484"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3803_3484" result="shape"/>
|
||||
</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">
|
||||
<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"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<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"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3803_3484"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3803_3484" result="shape"/>
|
||||
</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">
|
||||
<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"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<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"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3803_3484"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3803_3484" result="shape"/>
|
||||
</filter>
|
||||
<linearGradient id="paint0_linear_3803_3484" x1="1177" y1="178.714" x2="1177" y2="230.286" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93B7FF"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint1_linear_3803_3484" x1="1177" y1="152.929" x2="1177" y2="256.071" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93B7FF"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint2_linear_3803_3484" x1="1177" y1="101.357" x2="1177" y2="307.643" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93B7FF"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint3_linear_3803_3484" x1="1177" y1="75.5714" x2="1177" y2="333.429" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93B7FF"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint4_linear_3803_3484" x1="1177" y1="49.7857" x2="1177" y2="359.214" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93B7FF"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint5_linear_3803_3484" x1="1177" y1="24" x2="1177" y2="385" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93B7FF"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint6_linear_3803_3484" x1="1177" y1="127.143" x2="1177" y2="281.857" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93B7FF"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<clipPath id="clip0_3803_3484">
|
||||
<rect width="24" height="24" fill="white" transform="translate(161.645 168.846) rotate(38.0664)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip1_3803_3484">
|
||||
<rect width="24" height="24" fill="white" transform="translate(189.285 298.79) rotate(10.0124)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip2_3803_3484">
|
||||
<rect width="24" height="24" fill="white" transform="translate(42.2012 180.46) rotate(59.7938)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip3_3803_3484">
|
||||
<rect width="24" height="24" fill="white" transform="translate(112.741 236.819) rotate(59.7033)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</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">
|
||||
<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)">
|
||||
<rect x="272.173" y="248" width="4" height="24" rx="2" transform="rotate(10.0124 272.173 248)" fill="#F3416C"/>
|
||||
</g>
|
||||
<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 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="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>
|
||||
<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)">
|
||||
<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="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 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"/>
|
||||
</g>
|
||||
<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"/>
|
||||
<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"/>
|
||||
</g>
|
||||
<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 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"/>
|
||||
</g>
|
||||
</g>
|
||||
<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">
|
||||
<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"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<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"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3844_3374"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3844_3374" result="shape"/>
|
||||
</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">
|
||||
<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"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<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"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3844_3374"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3844_3374" result="shape"/>
|
||||
</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">
|
||||
<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"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<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"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3844_3374"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3844_3374" result="shape"/>
|
||||
</filter>
|
||||
<clipPath id="clip0_3844_3374">
|
||||
<rect width="14.4" height="14.4" fill="white" transform="translate(277.171 254.474) rotate(10.0124)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip1_3844_3374">
|
||||
<rect width="15" height="15" fill="white" transform="translate(23.0278 257.779) rotate(38.0664)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip2_3844_3374">
|
||||
<rect width="12" height="12" fill="white" transform="translate(18.3491 13.5161) rotate(-43.9321)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</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"/>
|
||||
<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"/>
|
||||
</g>
|
||||
<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 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="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>
|
||||
<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)">
|
||||
<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="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 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"/>
|
||||
</g>
|
||||
<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"/>
|
||||
<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"/>
|
||||
</g>
|
||||
<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 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"/>
|
||||
</g>
|
||||
</g>
|
||||
<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">
|
||||
<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"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<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"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3844_3374"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3844_3374" result="shape"/>
|
||||
</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">
|
||||
<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"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<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"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3844_3374"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3844_3374" result="shape"/>
|
||||
</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">
|
||||
<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"/>
|
||||
<feOffset dx="1" dy="1"/>
|
||||
<feGaussianBlur stdDeviation="2"/>
|
||||
<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"/>
|
||||
<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_3844_3374"/>
|
||||
<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_3844_3374" result="shape"/>
|
||||
</filter>
|
||||
<clipPath id="clip0_3844_3374">
|
||||
<rect width="14.4" height="14.4" fill="white" transform="translate(277.171 254.474) rotate(10.0124)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip1_3844_3374">
|
||||
<rect width="15" height="15" fill="white" transform="translate(23.0278 257.779) rotate(38.0664)"/>
|
||||
</clipPath>
|
||||
<clipPath id="clip2_3844_3374">
|
||||
<rect width="12" height="12" fill="white" transform="translate(18.3491 13.5161) rotate(-43.9321)"/>
|
||||
</clipPath>
|
||||
</defs>
|
||||
</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">
|
||||
<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 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"/>
|
||||
</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">
|
||||
<circle cx="37" cy="75" r="75" fill="#57C5C6" fill-opacity="0.5"/>
|
||||
</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"/>
|
||||
</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">
|
||||
<circle cx="40" cy="40" r="40" fill="#014258" fill-opacity="0.12"/>
|
||||
</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"/>
|
||||
</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">
|
||||
<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 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"/>
|
||||
</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">
|
||||
<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 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"/>
|
||||
</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">
|
||||
<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"/>
|
||||
<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="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"/>
|
||||
<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"/>
|
||||
<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"/>
|
||||
<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.0004" cy="75" r="47.7143" stroke="white" stroke-opacity="0.1"/>
|
||||
<defs>
|
||||
<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 offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<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 offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<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 offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<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 offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<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 offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint5_linear_3806_3406" x1="75" y1="0" x2="75" y2="150" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93B7FF"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<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 offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</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"/>
|
||||
<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.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.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="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.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"/>
|
||||
<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"/>
|
||||
<defs>
|
||||
<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 offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<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 offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<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 offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<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 offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<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 offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="paint5_linear_3806_3406" x1="75" y1="0" x2="75" y2="150" gradientUnits="userSpaceOnUse">
|
||||
<stop stop-color="#93B7FF"/>
|
||||
<stop offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
<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 offset="1" stop-color="white"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
</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">
|
||||
<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 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"/>
|
||||
</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">
|
||||
<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="M42.5 27.5L47.5 32.5L57.5 22.5" stroke="#014258" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
|
||||
</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="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"/>
|
||||
</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">
|
||||
<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"/>
|
||||
</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="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>
|
||||
|
||||
|
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: *
|
||||
Disallow: /includes/
|
||||
|
||||
User-agent: Google
|
||||
Allow: /includes/
|
||||
|
||||
Sitemap: http://miphospital.ir/api/my-sitemap
|
||||
User-agent: *
|
||||
Disallow: /includes/
|
||||
|
||||
User-agent: Google
|
||||
Allow: /includes/
|
||||
|
||||
Sitemap: http://miphospital.ir/api/my-sitemap
|
||||
|
||||
+46
-46
@@ -1,47 +1,47 @@
|
||||
@font-face {
|
||||
font-family: Vazir-import !important;
|
||||
src: url("Vazir-Regular.ttf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: dana-fanum;
|
||||
src: url("Dana-FaNum-Regular.ttf");
|
||||
}
|
||||
@font-face {
|
||||
font-family: yekanBakh;
|
||||
src: url("YekanLight.ttf");
|
||||
}
|
||||
@font-face {
|
||||
font-family: yekanBakhMed;
|
||||
src: url("YekanMedium.ttf");
|
||||
}
|
||||
@font-face {
|
||||
font-family: yekanBakhLight;
|
||||
src: url("YekanLight.ttf");
|
||||
}
|
||||
@font-face {
|
||||
font-family: yekanBakhHeavy;
|
||||
src: url("YekanBakhHeavy.ttf");
|
||||
}
|
||||
@font-face {
|
||||
font-family: yekanBakhBold;
|
||||
src: url("YekanBakhBold.ttf");
|
||||
}
|
||||
.yekan-bakh-req {
|
||||
font-family: yekanBakh;
|
||||
}
|
||||
.Vazir {
|
||||
font-family: Vazir-imADport !important;
|
||||
}
|
||||
.bk-med {
|
||||
font-family: yekanBakhMed !important;
|
||||
}
|
||||
.bk-light {
|
||||
font-family: yekanBakhLight !important;
|
||||
}
|
||||
.bk-heavy {
|
||||
font-family: yekanBakhHeavy !important;
|
||||
}
|
||||
.bk-bold {
|
||||
font-family: yekanBakhBold !important;
|
||||
@font-face {
|
||||
font-family: Vazir-import !important;
|
||||
src: url("Vazir-Regular.ttf");
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: dana-fanum;
|
||||
src: url("Dana-FaNum-Regular.ttf");
|
||||
}
|
||||
@font-face {
|
||||
font-family: yekanBakh;
|
||||
src: url("YekanLight.ttf");
|
||||
}
|
||||
@font-face {
|
||||
font-family: yekanBakhMed;
|
||||
src: url("YekanMedium.ttf");
|
||||
}
|
||||
@font-face {
|
||||
font-family: yekanBakhLight;
|
||||
src: url("YekanLight.ttf");
|
||||
}
|
||||
@font-face {
|
||||
font-family: yekanBakhHeavy;
|
||||
src: url("YekanBakhHeavy.ttf");
|
||||
}
|
||||
@font-face {
|
||||
font-family: yekanBakhBold;
|
||||
src: url("YekanBakhBold.ttf");
|
||||
}
|
||||
.yekan-bakh-req {
|
||||
font-family: yekanBakh;
|
||||
}
|
||||
.Vazir {
|
||||
font-family: Vazir-imADport !important;
|
||||
}
|
||||
.bk-med {
|
||||
font-family: yekanBakhMed !important;
|
||||
}
|
||||
.bk-light {
|
||||
font-family: yekanBakhLight !important;
|
||||
}
|
||||
.bk-heavy {
|
||||
font-family: yekanBakhHeavy !important;
|
||||
}
|
||||
.bk-bold {
|
||||
font-family: yekanBakhBold !important;
|
||||
}
|
||||
+3
-3
@@ -1,4 +1,4 @@
|
||||
<svg width="283" height="64" viewBox="0 0 283 64" fill="none"
|
||||
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"/>
|
||||
<svg width="283" height="64" viewBox="0 0 283 64" fill="none"
|
||||
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"/>
|
||||
</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 ApexCharts from 'apexcharts'
|
||||
|
||||
const StockPrice = () => {
|
||||
const [series, setSeries] = useState( {
|
||||
series: [{
|
||||
name: "Desktops",
|
||||
data: [10, 41, 35, 51, 49, 62, 69, 91, 148]
|
||||
}],
|
||||
options: {
|
||||
chart: {
|
||||
height: 350,
|
||||
type: 'line',
|
||||
zoom: {
|
||||
enabled: false
|
||||
}
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: false
|
||||
},
|
||||
stroke: {
|
||||
curve: 'straight'
|
||||
},
|
||||
title: {
|
||||
text: 'Product Trends by Month',
|
||||
align: 'left'
|
||||
},
|
||||
grid: {
|
||||
row: {
|
||||
colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns
|
||||
opacity: 0.5
|
||||
},
|
||||
},
|
||||
xaxis: {
|
||||
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
|
||||
}
|
||||
},
|
||||
|
||||
} )
|
||||
return (
|
||||
<div>
|
||||
<ApexCharts series={series.series} options={series.options} type='line' />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
import React, { useState } from 'react'
|
||||
import ApexCharts from 'apexcharts'
|
||||
|
||||
const StockPrice = () => {
|
||||
const [series, setSeries] = useState( {
|
||||
series: [{
|
||||
name: "Desktops",
|
||||
data: [10, 41, 35, 51, 49, 62, 69, 91, 148]
|
||||
}],
|
||||
options: {
|
||||
chart: {
|
||||
height: 350,
|
||||
type: 'line',
|
||||
zoom: {
|
||||
enabled: false
|
||||
}
|
||||
},
|
||||
dataLabels: {
|
||||
enabled: false
|
||||
},
|
||||
stroke: {
|
||||
curve: 'straight'
|
||||
},
|
||||
title: {
|
||||
text: 'Product Trends by Month',
|
||||
align: 'left'
|
||||
},
|
||||
grid: {
|
||||
row: {
|
||||
colors: ['#f3f3f3', 'transparent'], // takes an array which will be repeated on columns
|
||||
opacity: 0.5
|
||||
},
|
||||
},
|
||||
xaxis: {
|
||||
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep'],
|
||||
}
|
||||
},
|
||||
|
||||
} )
|
||||
return (
|
||||
<div>
|
||||
<ApexCharts series={series.series} options={series.options} type='line' />
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default StockPrice
|
||||
+161
-161
@@ -1,161 +1,161 @@
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardImage,
|
||||
MDBCardText,
|
||||
MDBCol,
|
||||
MDBContainer,
|
||||
MDBRow,
|
||||
MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
import React from 'react'
|
||||
import { FiArrowLeft, FiArrowUp } from 'react-icons/fi'
|
||||
import { Chart, Interval, Interaction, registerInteraction, Tooltip } from 'bizcharts'
|
||||
import AppContainer from '../../../pages/appContainer'
|
||||
import CountUp from 'react-countup'
|
||||
import Link from 'next/link'
|
||||
import PriceStock from '../../../public/resource/images/512-512-p.png'
|
||||
import { AiOutlineStock } from 'react-icons/ai'
|
||||
|
||||
const priceData = [
|
||||
{ year: 'تیر 1400 ', price: 350000000, price_split: '35,000,000' },
|
||||
{ year: 'شهریور 1400 ', price: 450000000, price_split: '45,000,000' },
|
||||
{ year: 'آبان 1400 ', price: 500000000, price_split: '50,000,000' },
|
||||
{ year: 'اسفند 1400 ', price: 550000000, 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: 850000000, price_split: '85,000,000' },
|
||||
{ year: 'اسفند 1401 ', price: 1000000000, price_split: '100,000,000' },
|
||||
{ year: 'اردیبهشت 1402 ', price: 1300000000, price_split: '130,000,000' },
|
||||
{ year: 'خرداد 1402 ', price: 1500000000, price_split: '150,000,000' }
|
||||
|
||||
]
|
||||
|
||||
const StockNews = [
|
||||
{ id: 1, title: 'شرایط انتقال سهام', url: '/page/news/34' },
|
||||
{ id: 2, title: ' نحوه خرید آنلاین سهم', url: 'https://landing.miphospital.ir/' },
|
||||
{ id: 3, title: 'چرا باید سهام بیمارستان بخریم؟ ', url: '/page/news/24' }
|
||||
// { id: 4, title: ' همکاری در فروش (کسب درآمد)', url: 'https://landing.miphospital.ir/' }
|
||||
]
|
||||
|
||||
registerInteraction('click-active-region', {
|
||||
start: [{ trigger: 'plot:click', action: 'active-region:show' }],
|
||||
end: [{ trigger: 'plot:dblclick', action: 'active-region:hide' }]
|
||||
})
|
||||
|
||||
const StockPriceChart = () => {
|
||||
return (
|
||||
<AppContainer title={'قیمت سهام بیمارستان مهر ایرانیان'}>
|
||||
<div className='bg-stock-price p-5 '>
|
||||
<h2 className='bk-heavy text-xs text-center text-white hover:hidden hover:hidden '>
|
||||
قیمت سهام بیمارستان مهر ایرانیان
|
||||
</h2>
|
||||
<MDBContainer
|
||||
dir='rtl'
|
||||
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='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'>
|
||||
<span className='blob mb-3 mt-2 ml-3' />
|
||||
</div>
|
||||
<h3 className='text-success bk-med'>قیمت روز سهام : </h3>
|
||||
<h3 className='text-success mr-2'>
|
||||
<CountUp start={0} end={150000000} separator=',' />
|
||||
</h3>
|
||||
<p className='flex items-center mr-2' style={{ fontSize: 12 }}>تومان</p>
|
||||
<p
|
||||
style={{ fontSize: 15, backgroundColor: '#2dd4bf' }}
|
||||
className=' text-white p-1 rounded-full flex justify-center items-center mr-2 mt-1'
|
||||
>
|
||||
<FiArrowUp />
|
||||
<span style={{ fontSize: 10 }} className='mt-1'>
|
||||
30%
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</MDBContainer>
|
||||
</div>
|
||||
<MDBCard className='flex justify-center p-5'>
|
||||
<div className={'mb-4 flex align-items-center justify-content-end'}>
|
||||
<MDBTypography variant={'h5'} className={'text-right bk-med'}>
|
||||
نمودار تغییرات قیمت سهام
|
||||
</MDBTypography>
|
||||
<span className={'blob-right ml-2 mb-2'} />
|
||||
</div>
|
||||
<div className='bk'>
|
||||
<Chart className height={500} autoFit data={priceData}>
|
||||
<Interval label="price_split" position='year*price' />
|
||||
<Interaction type='click-active-region' />
|
||||
<Tooltip>
|
||||
{(title, items) => {
|
||||
return (
|
||||
<div dir='rtl' className='flex gap-x-7 gap-y-5'>
|
||||
<div className='flex justify-center ml-3 items-center'>
|
||||
<AiOutlineStock size="1.3rem"/>
|
||||
</div>
|
||||
<div className='py-2 bk flex flex-col'>
|
||||
<div>{items[0].data.year}</div>
|
||||
<div className='mt-2'>قیمت : {items[0].data.price_split} (تومان)</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}}
|
||||
</Tooltip>
|
||||
</Chart>
|
||||
</div>
|
||||
<div className={'mb-4 mt-5 flex align-items-center justify-content-end'}>
|
||||
<MDBTypography variant={'h5'} className={'text-right bk-med'}>
|
||||
آخرین مطالب سهام
|
||||
</MDBTypography>
|
||||
<span className={'blob-right ml-2 mb-2'} />
|
||||
</div>
|
||||
<MDBRow dir="rtl">
|
||||
{StockNews.map((item, index) => (
|
||||
<MDBCol className={'mt-2'} key={index} md={6} sm={12} lg={3}>
|
||||
<MDBCard>
|
||||
<MDBCardBody>
|
||||
<MDBCardImage with={50} className={'rounded-lg'} src={PriceStock} />
|
||||
<MDBCardText className={'mt-3 bk-bold'}>
|
||||
<div className={'flex align-items-center justify-content-start'}>
|
||||
<span className={'blob-right ml-2 mb-2'} />
|
||||
|
||||
{item.title}
|
||||
</div>
|
||||
<br />
|
||||
<Link href={item.url}>
|
||||
<MDBBtn className={'border-none flex items-center'} outline>
|
||||
مشاهده{' '}
|
||||
<FiArrowLeft className={'mr-2'} />
|
||||
</MDBBtn>
|
||||
</Link>
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
))}
|
||||
</MDBRow>
|
||||
<div className='text-center flex lg:flex-row sm:flex-col md:flex-col justify-center'>
|
||||
<div>
|
||||
<a target={'_blank'} href='https://panel.mehriranianco.ir/welcome'>
|
||||
<MDBBtn rounded className='mt-5 bg-primary-teal'>
|
||||
خرید آنلاین سهام
|
||||
</MDBBtn>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<Link href='/page/sales'>
|
||||
<MDBBtn rounded outline className='mt-5 text-[#39a2a5] ml-2 border-[#39a2a5]'>
|
||||
مشاوره تلفنی
|
||||
</MDBBtn>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</MDBCard>
|
||||
</AppContainer>
|
||||
)
|
||||
}
|
||||
|
||||
export default StockPriceChart
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardImage,
|
||||
MDBCardText,
|
||||
MDBCol,
|
||||
MDBContainer,
|
||||
MDBRow,
|
||||
MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
import React from 'react'
|
||||
import { FiArrowLeft, FiArrowUp } from 'react-icons/fi'
|
||||
import { Chart, Interval, Interaction, registerInteraction, Tooltip } from 'bizcharts'
|
||||
import AppContainer from '../../../pages/appContainer'
|
||||
import CountUp from 'react-countup'
|
||||
import Link from 'next/link'
|
||||
import PriceStock from '../../../public/resource/images/512-512-p.png'
|
||||
import { AiOutlineStock } from 'react-icons/ai'
|
||||
|
||||
const priceData = [
|
||||
{ year: 'تیر 1400 ', price: 350000000, price_split: '35,000,000' },
|
||||
{ year: 'شهریور 1400 ', price: 450000000, price_split: '45,000,000' },
|
||||
{ year: 'آبان 1400 ', price: 500000000, price_split: '50,000,000' },
|
||||
{ year: 'اسفند 1400 ', price: 550000000, 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: 850000000, price_split: '85,000,000' },
|
||||
{ year: 'اسفند 1401 ', price: 1000000000, price_split: '100,000,000' },
|
||||
{ year: 'اردیبهشت 1402 ', price: 1300000000, price_split: '130,000,000' },
|
||||
{ year: 'خرداد 1402 ', price: 1500000000, price_split: '150,000,000' }
|
||||
|
||||
]
|
||||
|
||||
const StockNews = [
|
||||
{ id: 1, title: 'شرایط انتقال سهام', url: '/page/news/34' },
|
||||
{ id: 2, title: ' نحوه خرید آنلاین سهم', url: 'https://landing.miphospital.ir/' },
|
||||
{ id: 3, title: 'چرا باید سهام بیمارستان بخریم؟ ', url: '/page/news/24' }
|
||||
// { id: 4, title: ' همکاری در فروش (کسب درآمد)', url: 'https://landing.miphospital.ir/' }
|
||||
]
|
||||
|
||||
registerInteraction('click-active-region', {
|
||||
start: [{ trigger: 'plot:click', action: 'active-region:show' }],
|
||||
end: [{ trigger: 'plot:dblclick', action: 'active-region:hide' }]
|
||||
})
|
||||
|
||||
const StockPriceChart = () => {
|
||||
return (
|
||||
<AppContainer title={'قیمت سهام بیمارستان مهر ایرانیان'}>
|
||||
<div className='bg-stock-price p-5 '>
|
||||
<h2 className='bk-heavy text-xs text-center text-white hover:hidden hover:hidden '>
|
||||
قیمت سهام بیمارستان مهر ایرانیان
|
||||
</h2>
|
||||
<MDBContainer
|
||||
dir='rtl'
|
||||
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='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'>
|
||||
<span className='blob mb-3 mt-2 ml-3' />
|
||||
</div>
|
||||
<h3 className='text-success bk-med'>قیمت روز سهام : </h3>
|
||||
<h3 className='text-success mr-2'>
|
||||
<CountUp start={0} end={150000000} separator=',' />
|
||||
</h3>
|
||||
<p className='flex items-center mr-2' style={{ fontSize: 12 }}>تومان</p>
|
||||
<p
|
||||
style={{ fontSize: 15, backgroundColor: '#2dd4bf' }}
|
||||
className=' text-white p-1 rounded-full flex justify-center items-center mr-2 mt-1'
|
||||
>
|
||||
<FiArrowUp />
|
||||
<span style={{ fontSize: 10 }} className='mt-1'>
|
||||
30%
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</MDBContainer>
|
||||
</div>
|
||||
<MDBCard className='flex justify-center p-5'>
|
||||
<div className={'mb-4 flex align-items-center justify-content-end'}>
|
||||
<MDBTypography variant={'h5'} className={'text-right bk-med'}>
|
||||
نمودار تغییرات قیمت سهام
|
||||
</MDBTypography>
|
||||
<span className={'blob-right ml-2 mb-2'} />
|
||||
</div>
|
||||
<div className='bk'>
|
||||
<Chart className height={500} autoFit data={priceData}>
|
||||
<Interval label="price_split" position='year*price' />
|
||||
<Interaction type='click-active-region' />
|
||||
<Tooltip>
|
||||
{(title, items) => {
|
||||
return (
|
||||
<div dir='rtl' className='flex gap-x-7 gap-y-5'>
|
||||
<div className='flex justify-center ml-3 items-center'>
|
||||
<AiOutlineStock size="1.3rem"/>
|
||||
</div>
|
||||
<div className='py-2 bk flex flex-col'>
|
||||
<div>{items[0].data.year}</div>
|
||||
<div className='mt-2'>قیمت : {items[0].data.price_split} (تومان)</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}}
|
||||
</Tooltip>
|
||||
</Chart>
|
||||
</div>
|
||||
<div className={'mb-4 mt-5 flex align-items-center justify-content-end'}>
|
||||
<MDBTypography variant={'h5'} className={'text-right bk-med'}>
|
||||
آخرین مطالب سهام
|
||||
</MDBTypography>
|
||||
<span className={'blob-right ml-2 mb-2'} />
|
||||
</div>
|
||||
<MDBRow dir="rtl">
|
||||
{StockNews.map((item, index) => (
|
||||
<MDBCol className={'mt-2'} key={index} md={6} sm={12} lg={3}>
|
||||
<MDBCard>
|
||||
<MDBCardBody>
|
||||
<MDBCardImage with={50} className={'rounded-lg'} src={PriceStock} />
|
||||
<MDBCardText className={'mt-3 bk-bold'}>
|
||||
<div className={'flex align-items-center justify-content-start'}>
|
||||
<span className={'blob-right ml-2 mb-2'} />
|
||||
|
||||
{item.title}
|
||||
</div>
|
||||
<br />
|
||||
<Link href={item.url}>
|
||||
<MDBBtn className={'border-none flex items-center'} outline>
|
||||
مشاهده{' '}
|
||||
<FiArrowLeft className={'mr-2'} />
|
||||
</MDBBtn>
|
||||
</Link>
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
))}
|
||||
</MDBRow>
|
||||
<div className='text-center flex lg:flex-row sm:flex-col md:flex-col justify-center'>
|
||||
<div>
|
||||
<a target={'_blank'} href='https://panel.mehriranianco.ir/welcome'>
|
||||
<MDBBtn rounded className='mt-5 bg-primary-teal'>
|
||||
خرید آنلاین سهام
|
||||
</MDBBtn>
|
||||
</a>
|
||||
</div>
|
||||
<div>
|
||||
<Link href='/page/sales'>
|
||||
<MDBBtn rounded outline className='mt-5 text-[#39a2a5] ml-2 border-[#39a2a5]'>
|
||||
مشاوره تلفنی
|
||||
</MDBBtn>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</MDBCard>
|
||||
</AppContainer>
|
||||
)
|
||||
}
|
||||
|
||||
export default StockPriceChart
|
||||
|
||||
@@ -1,2 +1,2 @@
|
||||
export const ADDFRAMEWORK = () => ({ type: 'ADD_FRAMEWORK' })
|
||||
export const FORM_CAST = (dataA) => ({ type: 'PersonaForm', data: [dataA] })
|
||||
export const ADDFRAMEWORK = () => ({ type: 'ADD_FRAMEWORK' })
|
||||
export const FORM_CAST = (dataA) => ({ type: 'PersonaForm', data: [dataA] })
|
||||
|
||||
@@ -1,15 +1,15 @@
|
||||
const initialState = [
|
||||
{id:1, name: 'next.js', lang: 'js'},
|
||||
{id:2, name: 'nuxt.js', lang: 'js'},
|
||||
{id:3, name: 'nuxt.js', lang: 'js'},
|
||||
{id:4, name: 'react', lang: 'js'}
|
||||
]
|
||||
export const GlobalReducer = (state = initialState, action) => {
|
||||
switch (action.type) {
|
||||
case 'ADD_FRAMEWORK':
|
||||
console.log(state)
|
||||
return [...state, {id: 1,name:'vue', lang: 'js'}]
|
||||
default:
|
||||
return state
|
||||
}
|
||||
}
|
||||
const initialState = [
|
||||
{id:1, name: 'next.js', lang: 'js'},
|
||||
{id:2, name: 'nuxt.js', lang: 'js'},
|
||||
{id:3, name: 'nuxt.js', lang: 'js'},
|
||||
{id:4, name: 'react', lang: 'js'}
|
||||
]
|
||||
export const GlobalReducer = (state = initialState, action) => {
|
||||
switch (action.type) {
|
||||
case 'ADD_FRAMEWORK':
|
||||
console.log(state)
|
||||
return [...state, {id: 1,name:'vue', lang: 'js'}]
|
||||
default:
|
||||
return state
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
const RequestFormReducerState = []
|
||||
|
||||
export const RequestFormReducer = (state = RequestFormReducerState, action) => {
|
||||
switch (action.type) {
|
||||
case 'PersonaForm':
|
||||
console.log('actiony',action)
|
||||
return [...RequestFormReducerState, action.data]
|
||||
default:
|
||||
return state
|
||||
}
|
||||
const RequestFormReducerState = []
|
||||
|
||||
export const RequestFormReducer = (state = RequestFormReducerState, action) => {
|
||||
switch (action.type) {
|
||||
case 'PersonaForm':
|
||||
console.log('actiony',action)
|
||||
return [...RequestFormReducerState, action.data]
|
||||
default:
|
||||
return state
|
||||
}
|
||||
}
|
||||
@@ -1,9 +1,9 @@
|
||||
import {RequestFormReducer} from "./RequestFormReducer";
|
||||
const {GlobalReducer} = require('./GlobalReducer')
|
||||
|
||||
const {combineReducers} = require("redux");
|
||||
|
||||
export const CoreReducer = combineReducers({
|
||||
Global: GlobalReducer,
|
||||
FormRequest: RequestFormReducer
|
||||
})
|
||||
import {RequestFormReducer} from "./RequestFormReducer";
|
||||
const {GlobalReducer} = require('./GlobalReducer')
|
||||
|
||||
const {combineReducers} = require("redux");
|
||||
|
||||
export const CoreReducer = combineReducers({
|
||||
Global: GlobalReducer,
|
||||
FormRequest: RequestFormReducer
|
||||
})
|
||||
|
||||
+13
-13
@@ -1,13 +1,13 @@
|
||||
export const imgslides = {
|
||||
a: require("../../../public/resource/brands/A.png"),
|
||||
b: require("../../../public/resource/brands/B.png"),
|
||||
c: require("../../../public/resource/brands/C.png"),
|
||||
d: require("../../../public/resource/brands/D.png"),
|
||||
e: require("../../../public/resource/brands/E.png"),
|
||||
f: require("../../../public/resource/brands/F.png"),
|
||||
g: require("../../../public/resource/brands/G.png"),
|
||||
h: require("../../../public/resource/brands/H.png"),
|
||||
i: require("../../../public/resource/brands/I.png"),
|
||||
j: require("../../../public/resource/brands/J.png"),
|
||||
k: require("../../../public/resource/brands/k.jpg"),
|
||||
};
|
||||
export const imgslides = {
|
||||
a: require("../../../public/resource/brands/A.png"),
|
||||
b: require("../../../public/resource/brands/B.png"),
|
||||
c: require("../../../public/resource/brands/C.png"),
|
||||
d: require("../../../public/resource/brands/D.png"),
|
||||
e: require("../../../public/resource/brands/E.png"),
|
||||
f: require("../../../public/resource/brands/F.png"),
|
||||
g: require("../../../public/resource/brands/G.png"),
|
||||
h: require("../../../public/resource/brands/H.png"),
|
||||
i: require("../../../public/resource/brands/I.png"),
|
||||
j: require("../../../public/resource/brands/J.png"),
|
||||
k: require("../../../public/resource/brands/k.jpg"),
|
||||
};
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
import {createStore, applyMiddleware} from "redux";
|
||||
import {CoreReducer} from "../reducers/reducer";
|
||||
import thunk from "redux-thunk";
|
||||
import {composeWithDevTools} from "redux-devtools-extension";
|
||||
|
||||
export const CoreStore = createStore(
|
||||
CoreReducer,
|
||||
composeWithDevTools(applyMiddleware(thunk))
|
||||
)
|
||||
import {createStore, applyMiddleware} from "redux";
|
||||
import {CoreReducer} from "../reducers/reducer";
|
||||
import thunk from "redux-thunk";
|
||||
import {composeWithDevTools} from "redux-devtools-extension";
|
||||
|
||||
export const CoreStore = createStore(
|
||||
CoreReducer,
|
||||
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 {
|
||||
min-height: 100vh;
|
||||
padding: 0 0.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.main {
|
||||
padding: 5rem 0;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.footer {
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
border-top: 1px solid #eaeaea;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.title a {
|
||||
color: #0070f3;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.title a:hover,
|
||||
.title a:focus,
|
||||
.title a:active {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.title {
|
||||
margin: 0;
|
||||
line-height: 1.15;
|
||||
font-size: 4rem;
|
||||
}
|
||||
|
||||
.title,
|
||||
.description {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.description {
|
||||
line-height: 1.5;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.code {
|
||||
background: #fafafa;
|
||||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
max-width: 800px;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.card {
|
||||
margin: 1rem;
|
||||
padding: 1.5rem;
|
||||
text-align: left;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
.card:hover,
|
||||
.card:focus,
|
||||
.card:active {
|
||||
color: #0070f3;
|
||||
border-color: #0070f3;
|
||||
}
|
||||
|
||||
.card h2 {
|
||||
margin: 0 0 1rem 0;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.card p {
|
||||
margin: 0;
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.logo {
|
||||
height: 1em;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.grid {
|
||||
width: 100%;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
.container {
|
||||
min-height: 100vh;
|
||||
padding: 0 0.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
.main {
|
||||
padding: 5rem 0;
|
||||
flex: 1;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.footer {
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
border-top: 1px solid #eaeaea;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.footer a {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.title a {
|
||||
color: #0070f3;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.title a:hover,
|
||||
.title a:focus,
|
||||
.title a:active {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.title {
|
||||
margin: 0;
|
||||
line-height: 1.15;
|
||||
font-size: 4rem;
|
||||
}
|
||||
|
||||
.title,
|
||||
.description {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.description {
|
||||
line-height: 1.5;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.code {
|
||||
background: #fafafa;
|
||||
border-radius: 5px;
|
||||
padding: 0.75rem;
|
||||
font-size: 1.1rem;
|
||||
font-family: Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono,
|
||||
Bitstream Vera Sans Mono, Courier New, monospace;
|
||||
}
|
||||
|
||||
.grid {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
max-width: 800px;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.card {
|
||||
margin: 1rem;
|
||||
padding: 1.5rem;
|
||||
text-align: left;
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
border: 1px solid #eaeaea;
|
||||
border-radius: 10px;
|
||||
transition: color 0.15s ease, border-color 0.15s ease;
|
||||
width: 45%;
|
||||
}
|
||||
|
||||
.card:hover,
|
||||
.card:focus,
|
||||
.card:active {
|
||||
color: #0070f3;
|
||||
border-color: #0070f3;
|
||||
}
|
||||
|
||||
.card h2 {
|
||||
margin: 0 0 1rem 0;
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
.card p {
|
||||
margin: 0;
|
||||
font-size: 1.25rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.logo {
|
||||
height: 1em;
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
@media (max-width: 600px) {
|
||||
.grid {
|
||||
width: 100%;
|
||||
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 */
|
||||
|
||||
/* Document
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Correct the line height in all browsers.
|
||||
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||
*/
|
||||
|
||||
html {
|
||||
line-height: 1.15; /* 1 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/* Sections
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the margin in all browsers.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Render the `main` element consistently in IE.
|
||||
*/
|
||||
|
||||
main {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the font size and margin on `h1` elements within `section` and
|
||||
* `article` contexts in Chrome, Firefox, and Safari.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
*/
|
||||
|
||||
hr {
|
||||
box-sizing: content-box; /* 1 */
|
||||
height: 0; /* 1 */
|
||||
overflow: visible; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the gray background on active links in IE 10.
|
||||
*/
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Remove the bottom border in Chrome 57-
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none; /* 1 */
|
||||
/*text-decoration: underline; 2 */
|
||||
text-decoration: underline dotted; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||
* all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10.
|
||||
*/
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Change the font styles in all browsers.
|
||||
* 2. Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit; /* 1 */
|
||||
font-size: 100%; /* 1 */
|
||||
line-height: 1.15; /* 1 */
|
||||
margin: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the overflow in IE.
|
||||
* 1. Show the overflow in Edge.
|
||||
*/
|
||||
|
||||
button,
|
||||
input { /* 1 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||
* 1. Remove the inheritance of text transform in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select { /* 1 */
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the inability to style clickable types in iOS and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the padding in Firefox.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
padding: 0.35em 0.75em 0.625em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the text wrapping in Edge and 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
|
||||
* `fieldset` elements in all browsers.
|
||||
*/
|
||||
|
||||
legend {
|
||||
box-sizing: border-box; /* 1 */
|
||||
color: inherit; /* 2 */
|
||||
display: table; /* 1 */
|
||||
max-width: 100%; /* 1 */
|
||||
padding: 0; /* 3 */
|
||||
white-space: normal; /* 1 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the default vertical scrollbar in IE 10+.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in IE 10.
|
||||
* 2. Remove the padding in IE 10.
|
||||
*/
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||
*/
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the odd appearance in Chrome and Safari.
|
||||
* 2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
outline-offset: -2px; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner padding in Chrome and Safari on macOS.
|
||||
*/
|
||||
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||
* 2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
|
||||
/* Interactive
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||
*/
|
||||
|
||||
details {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Add the correct display in all browsers.
|
||||
*/
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/* Misc
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10+.
|
||||
*/
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
|
||||
|
||||
/* Document
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Correct the line height in all browsers.
|
||||
* 2. Prevent adjustments of font size after orientation changes in iOS.
|
||||
*/
|
||||
|
||||
html {
|
||||
line-height: 1.15; /* 1 */
|
||||
-webkit-text-size-adjust: 100%; /* 2 */
|
||||
}
|
||||
|
||||
/* Sections
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the margin in all browsers.
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Render the `main` element consistently in IE.
|
||||
*/
|
||||
|
||||
main {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the font size and margin on `h1` elements within `section` and
|
||||
* `article` contexts in Chrome, Firefox, and Safari.
|
||||
*/
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
margin: 0.67em 0;
|
||||
}
|
||||
|
||||
/* Grouping content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in Firefox.
|
||||
* 2. Show the overflow in Edge and IE.
|
||||
*/
|
||||
|
||||
hr {
|
||||
box-sizing: content-box; /* 1 */
|
||||
height: 0; /* 1 */
|
||||
overflow: visible; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
pre {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/* Text-level semantics
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the gray background on active links in IE 10.
|
||||
*/
|
||||
|
||||
a {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Remove the bottom border in Chrome 57-
|
||||
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
|
||||
*/
|
||||
|
||||
abbr[title] {
|
||||
border-bottom: none; /* 1 */
|
||||
/*text-decoration: underline; 2 */
|
||||
text-decoration: underline dotted; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font weight in Chrome, Edge, and Safari.
|
||||
*/
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inheritance and scaling of font size in all browsers.
|
||||
* 2. Correct the odd `em` font sizing in all browsers.
|
||||
*/
|
||||
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace; /* 1 */
|
||||
font-size: 1em; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct font size in all browsers.
|
||||
*/
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
/**
|
||||
* Prevent `sub` and `sup` elements from affecting the line height in
|
||||
* all browsers.
|
||||
*/
|
||||
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
|
||||
/* Embedded content
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Remove the border on images inside links in IE 10.
|
||||
*/
|
||||
|
||||
img {
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
/* Forms
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* 1. Change the font styles in all browsers.
|
||||
* 2. Remove the margin in Firefox and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
font-family: inherit; /* 1 */
|
||||
font-size: 100%; /* 1 */
|
||||
line-height: 1.15; /* 1 */
|
||||
margin: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Show the overflow in IE.
|
||||
* 1. Show the overflow in Edge.
|
||||
*/
|
||||
|
||||
button,
|
||||
input { /* 1 */
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inheritance of text transform in Edge, Firefox, and IE.
|
||||
* 1. Remove the inheritance of text transform in Firefox.
|
||||
*/
|
||||
|
||||
button,
|
||||
select { /* 1 */
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the inability to style clickable types in iOS and Safari.
|
||||
*/
|
||||
|
||||
button,
|
||||
[type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner border and padding in Firefox.
|
||||
*/
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
border-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Restore the focus styles unset by the previous rule.
|
||||
*/
|
||||
|
||||
button:-moz-focusring,
|
||||
[type="button"]:-moz-focusring,
|
||||
[type="reset"]:-moz-focusring,
|
||||
[type="submit"]:-moz-focusring {
|
||||
outline: 1px dotted ButtonText;
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the padding in Firefox.
|
||||
*/
|
||||
|
||||
fieldset {
|
||||
padding: 0.35em 0.75em 0.625em;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the text wrapping in Edge and 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
|
||||
* `fieldset` elements in all browsers.
|
||||
*/
|
||||
|
||||
legend {
|
||||
box-sizing: border-box; /* 1 */
|
||||
color: inherit; /* 2 */
|
||||
display: table; /* 1 */
|
||||
max-width: 100%; /* 1 */
|
||||
padding: 0; /* 3 */
|
||||
white-space: normal; /* 1 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
|
||||
*/
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the default vertical scrollbar in IE 10+.
|
||||
*/
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Add the correct box sizing in IE 10.
|
||||
* 2. Remove the padding in IE 10.
|
||||
*/
|
||||
|
||||
[type="checkbox"],
|
||||
[type="radio"] {
|
||||
box-sizing: border-box; /* 1 */
|
||||
padding: 0; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Correct the cursor style of increment and decrement buttons in Chrome.
|
||||
*/
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the odd appearance in Chrome and Safari.
|
||||
* 2. Correct the outline style in Safari.
|
||||
*/
|
||||
|
||||
[type="search"] {
|
||||
-webkit-appearance: textfield; /* 1 */
|
||||
outline-offset: -2px; /* 2 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Remove the inner padding in Chrome and Safari on macOS.
|
||||
*/
|
||||
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* 1. Correct the inability to style clickable types in iOS and Safari.
|
||||
* 2. Change font properties to `inherit` in Safari.
|
||||
*/
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
-webkit-appearance: button; /* 1 */
|
||||
font: inherit; /* 2 */
|
||||
}
|
||||
|
||||
/* Interactive
|
||||
========================================================================== */
|
||||
|
||||
/*
|
||||
* Add the correct display in Edge, IE 10+, and Firefox.
|
||||
*/
|
||||
|
||||
details {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/*
|
||||
* Add the correct display in all browsers.
|
||||
*/
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
}
|
||||
|
||||
/* Misc
|
||||
========================================================================== */
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10+.
|
||||
*/
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add the correct display in IE 10.
|
||||
*/
|
||||
|
||||
[hidden] {
|
||||
display: none;
|
||||
}
|
||||
+249
-249
@@ -1,249 +1,249 @@
|
||||
/*!***/
|
||||
/**** SIMPLE GRID*/
|
||||
/**** (C) ZACH COLE 2016*/
|
||||
/***!*/
|
||||
|
||||
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic);*/
|
||||
|
||||
/*!* UNIVERSAL *!*/
|
||||
|
||||
/*html,*/
|
||||
/*body {*/
|
||||
/* height: 100%;*/
|
||||
/* width: 100%;*/
|
||||
/* margin: 0;*/
|
||||
/* padding: 0;*/
|
||||
/* left: 0;*/
|
||||
/* top: 0;*/
|
||||
/* font-size: 100%;*/
|
||||
/*}*/
|
||||
|
||||
/*!* ROOT FONT STYLES *!*/
|
||||
|
||||
/** {*/
|
||||
/* color: #333447;*/
|
||||
/* line-height: 1.5;*/
|
||||
/*}*/
|
||||
|
||||
/*!* TYPOGRAPHY *!*/
|
||||
|
||||
/*h1 {*/
|
||||
/* font-size: 2.5rem;*/
|
||||
/*}*/
|
||||
|
||||
/*h2 {*/
|
||||
/* font-size: 2rem;*/
|
||||
/*}*/
|
||||
|
||||
/*h3 {*/
|
||||
/* font-size: 1.375rem;*/
|
||||
/*}*/
|
||||
|
||||
/*h4 {*/
|
||||
/* font-size: 1.125rem;*/
|
||||
/*}*/
|
||||
|
||||
/*h5 {*/
|
||||
/* font-size: 1rem;*/
|
||||
/*}*/
|
||||
|
||||
/*h6 {*/
|
||||
/* font-size: 0.875rem;*/
|
||||
/*}*/
|
||||
|
||||
/*p {*/
|
||||
/* font-size: 1.125rem;*/
|
||||
/* font-weight: 200;*/
|
||||
/* line-height: 1.8;*/
|
||||
/*}*/
|
||||
|
||||
/*.font-light {*/
|
||||
/* font-weight: 300;*/
|
||||
/*}*/
|
||||
|
||||
/*.font-regular {*/
|
||||
/* font-weight: 400;*/
|
||||
/*}*/
|
||||
|
||||
/*.font-heavy {*/
|
||||
/* font-weight: 700;*/
|
||||
/*}*/
|
||||
|
||||
/*!* POSITIONING *!*/
|
||||
|
||||
/*.left {*/
|
||||
/* text-align: left;*/
|
||||
/*}*/
|
||||
|
||||
/*.right {*/
|
||||
/* text-align: right;*/
|
||||
/*}*/
|
||||
|
||||
/*.center {*/
|
||||
/* text-align: center;*/
|
||||
/* margin-left: auto;*/
|
||||
/* margin-right: auto;*/
|
||||
/*}*/
|
||||
|
||||
/*.justify {*/
|
||||
/* text-align: justify;*/
|
||||
/*}*/
|
||||
|
||||
/*!* ==== GRID SYSTEM ==== *!*/
|
||||
|
||||
/*.container {*/
|
||||
/* width: 90%;*/
|
||||
/* margin-left: auto;*/
|
||||
/* margin-right: auto;*/
|
||||
/*}*/
|
||||
|
||||
/*.row {*/
|
||||
/* position: relative;*/
|
||||
/* width: 100%;*/
|
||||
/*}*/
|
||||
|
||||
/*.row [class^="col"] {*/
|
||||
/* float: left;*/
|
||||
/* margin: 0.5rem 2%;*/
|
||||
/* min-height: 0.125rem;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-1,*/
|
||||
/*.col-2,*/
|
||||
/*.col-3,*/
|
||||
/*.col-4,*/
|
||||
/*.col-5,*/
|
||||
/*.col-6,*/
|
||||
/*.col-7,*/
|
||||
/*.col-8,*/
|
||||
/*.col-9,*/
|
||||
/*.col-10,*/
|
||||
/*.col-11,*/
|
||||
/*.col-12 {*/
|
||||
/* width: 96%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-1-sm {*/
|
||||
/* width: 4.33%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-2-sm {*/
|
||||
/* width: 12.66%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-3-sm {*/
|
||||
/* width: 21%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-4-sm {*/
|
||||
/* width: 29.33%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-5-sm {*/
|
||||
/* width: 37.66%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-6-sm {*/
|
||||
/* width: 46%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-7-sm {*/
|
||||
/* width: 54.33%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-8-sm {*/
|
||||
/* width: 62.66%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-9-sm {*/
|
||||
/* width: 71%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-10-sm {*/
|
||||
/* width: 79.33%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-11-sm {*/
|
||||
/* width: 87.66%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-12-sm {*/
|
||||
/* width: 96%;*/
|
||||
/*}*/
|
||||
|
||||
/*.row::after {*/
|
||||
/* content: "";*/
|
||||
/* display: table;*/
|
||||
/* clear: both;*/
|
||||
/*}*/
|
||||
|
||||
/*.hidden-sm {*/
|
||||
/* display: none;*/
|
||||
/*}*/
|
||||
|
||||
/*@media only screen and (min-width: 33.75em) { !* 540px *!*/
|
||||
/* .container {*/
|
||||
/* width: 80%;*/
|
||||
/* }*/
|
||||
/*}*/
|
||||
|
||||
/*@media only screen and (min-width: 45em) { !* 720px *!*/
|
||||
/* .col-1 {*/
|
||||
/* width: 4.33%;*/
|
||||
/* }*/
|
||||
|
||||
/* .col-2 {*/
|
||||
/* width: 12.66%;*/
|
||||
/* }*/
|
||||
|
||||
/* .col-3 {*/
|
||||
/* width: 21%;*/
|
||||
/* }*/
|
||||
|
||||
/* .col-4 {*/
|
||||
/* width: 29.33%;*/
|
||||
/* }*/
|
||||
|
||||
/* .col-5 {*/
|
||||
/* width: 37.66%;*/
|
||||
/* }*/
|
||||
|
||||
/* .col-6 {*/
|
||||
/* width: 46%;*/
|
||||
/* }*/
|
||||
|
||||
/* .col-7 {*/
|
||||
/* width: 54.33%;*/
|
||||
/* }*/
|
||||
|
||||
/* .col-8 {*/
|
||||
/* width: 62.66%;*/
|
||||
/* }*/
|
||||
|
||||
/* .col-9 {*/
|
||||
/* width: 71%;*/
|
||||
/* }*/
|
||||
|
||||
/* .col-10 {*/
|
||||
/* width: 79.33%;*/
|
||||
/* }*/
|
||||
|
||||
/* .col-11 {*/
|
||||
/* width: 87.66%;*/
|
||||
/* }*/
|
||||
|
||||
/* .col-12 {*/
|
||||
/* width: 96%;*/
|
||||
/* }*/
|
||||
|
||||
/* .hidden-sm {*/
|
||||
/* display: block;*/
|
||||
/* }*/
|
||||
/*}*/
|
||||
|
||||
/*@media only screen and (min-width: 60em) { !* 960px *!*/
|
||||
/* .container {*/
|
||||
/* width: 75%;*/
|
||||
/* max-width: 60rem;*/
|
||||
/* }*/
|
||||
/*}*/
|
||||
/*!***/
|
||||
/**** SIMPLE GRID*/
|
||||
/**** (C) ZACH COLE 2016*/
|
||||
/***!*/
|
||||
|
||||
/*@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic);*/
|
||||
|
||||
/*!* UNIVERSAL *!*/
|
||||
|
||||
/*html,*/
|
||||
/*body {*/
|
||||
/* height: 100%;*/
|
||||
/* width: 100%;*/
|
||||
/* margin: 0;*/
|
||||
/* padding: 0;*/
|
||||
/* left: 0;*/
|
||||
/* top: 0;*/
|
||||
/* font-size: 100%;*/
|
||||
/*}*/
|
||||
|
||||
/*!* ROOT FONT STYLES *!*/
|
||||
|
||||
/** {*/
|
||||
/* color: #333447;*/
|
||||
/* line-height: 1.5;*/
|
||||
/*}*/
|
||||
|
||||
/*!* TYPOGRAPHY *!*/
|
||||
|
||||
/*h1 {*/
|
||||
/* font-size: 2.5rem;*/
|
||||
/*}*/
|
||||
|
||||
/*h2 {*/
|
||||
/* font-size: 2rem;*/
|
||||
/*}*/
|
||||
|
||||
/*h3 {*/
|
||||
/* font-size: 1.375rem;*/
|
||||
/*}*/
|
||||
|
||||
/*h4 {*/
|
||||
/* font-size: 1.125rem;*/
|
||||
/*}*/
|
||||
|
||||
/*h5 {*/
|
||||
/* font-size: 1rem;*/
|
||||
/*}*/
|
||||
|
||||
/*h6 {*/
|
||||
/* font-size: 0.875rem;*/
|
||||
/*}*/
|
||||
|
||||
/*p {*/
|
||||
/* font-size: 1.125rem;*/
|
||||
/* font-weight: 200;*/
|
||||
/* line-height: 1.8;*/
|
||||
/*}*/
|
||||
|
||||
/*.font-light {*/
|
||||
/* font-weight: 300;*/
|
||||
/*}*/
|
||||
|
||||
/*.font-regular {*/
|
||||
/* font-weight: 400;*/
|
||||
/*}*/
|
||||
|
||||
/*.font-heavy {*/
|
||||
/* font-weight: 700;*/
|
||||
/*}*/
|
||||
|
||||
/*!* POSITIONING *!*/
|
||||
|
||||
/*.left {*/
|
||||
/* text-align: left;*/
|
||||
/*}*/
|
||||
|
||||
/*.right {*/
|
||||
/* text-align: right;*/
|
||||
/*}*/
|
||||
|
||||
/*.center {*/
|
||||
/* text-align: center;*/
|
||||
/* margin-left: auto;*/
|
||||
/* margin-right: auto;*/
|
||||
/*}*/
|
||||
|
||||
/*.justify {*/
|
||||
/* text-align: justify;*/
|
||||
/*}*/
|
||||
|
||||
/*!* ==== GRID SYSTEM ==== *!*/
|
||||
|
||||
/*.container {*/
|
||||
/* width: 90%;*/
|
||||
/* margin-left: auto;*/
|
||||
/* margin-right: auto;*/
|
||||
/*}*/
|
||||
|
||||
/*.row {*/
|
||||
/* position: relative;*/
|
||||
/* width: 100%;*/
|
||||
/*}*/
|
||||
|
||||
/*.row [class^="col"] {*/
|
||||
/* float: left;*/
|
||||
/* margin: 0.5rem 2%;*/
|
||||
/* min-height: 0.125rem;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-1,*/
|
||||
/*.col-2,*/
|
||||
/*.col-3,*/
|
||||
/*.col-4,*/
|
||||
/*.col-5,*/
|
||||
/*.col-6,*/
|
||||
/*.col-7,*/
|
||||
/*.col-8,*/
|
||||
/*.col-9,*/
|
||||
/*.col-10,*/
|
||||
/*.col-11,*/
|
||||
/*.col-12 {*/
|
||||
/* width: 96%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-1-sm {*/
|
||||
/* width: 4.33%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-2-sm {*/
|
||||
/* width: 12.66%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-3-sm {*/
|
||||
/* width: 21%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-4-sm {*/
|
||||
/* width: 29.33%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-5-sm {*/
|
||||
/* width: 37.66%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-6-sm {*/
|
||||
/* width: 46%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-7-sm {*/
|
||||
/* width: 54.33%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-8-sm {*/
|
||||
/* width: 62.66%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-9-sm {*/
|
||||
/* width: 71%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-10-sm {*/
|
||||
/* width: 79.33%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-11-sm {*/
|
||||
/* width: 87.66%;*/
|
||||
/*}*/
|
||||
|
||||
/*.col-12-sm {*/
|
||||
/* width: 96%;*/
|
||||
/*}*/
|
||||
|
||||
/*.row::after {*/
|
||||
/* content: "";*/
|
||||
/* display: table;*/
|
||||
/* clear: both;*/
|
||||
/*}*/
|
||||
|
||||
/*.hidden-sm {*/
|
||||
/* display: none;*/
|
||||
/*}*/
|
||||
|
||||
/*@media only screen and (min-width: 33.75em) { !* 540px *!*/
|
||||
/* .container {*/
|
||||
/* width: 80%;*/
|
||||
/* }*/
|
||||
/*}*/
|
||||
|
||||
/*@media only screen and (min-width: 45em) { !* 720px *!*/
|
||||
/* .col-1 {*/
|
||||
/* width: 4.33%;*/
|
||||
/* }*/
|
||||
|
||||
/* .col-2 {*/
|
||||
/* width: 12.66%;*/
|
||||
/* }*/
|
||||
|
||||
/* .col-3 {*/
|
||||
/* width: 21%;*/
|
||||
/* }*/
|
||||
|
||||
/* .col-4 {*/
|
||||
/* width: 29.33%;*/
|
||||
/* }*/
|
||||
|
||||
/* .col-5 {*/
|
||||
/* width: 37.66%;*/
|
||||
/* }*/
|
||||
|
||||
/* .col-6 {*/
|
||||
/* width: 46%;*/
|
||||
/* }*/
|
||||
|
||||
/* .col-7 {*/
|
||||
/* width: 54.33%;*/
|
||||
/* }*/
|
||||
|
||||
/* .col-8 {*/
|
||||
/* width: 62.66%;*/
|
||||
/* }*/
|
||||
|
||||
/* .col-9 {*/
|
||||
/* width: 71%;*/
|
||||
/* }*/
|
||||
|
||||
/* .col-10 {*/
|
||||
/* width: 79.33%;*/
|
||||
/* }*/
|
||||
|
||||
/* .col-11 {*/
|
||||
/* width: 87.66%;*/
|
||||
/* }*/
|
||||
|
||||
/* .col-12 {*/
|
||||
/* width: 96%;*/
|
||||
/* }*/
|
||||
|
||||
/* .hidden-sm {*/
|
||||
/* display: block;*/
|
||||
/* }*/
|
||||
/*}*/
|
||||
|
||||
/*@media only screen and (min-width: 60em) { !* 960px *!*/
|
||||
/* .container {*/
|
||||
/* width: 75%;*/
|
||||
/* max-width: 60rem;*/
|
||||
/* }*/
|
||||
/*}*/
|
||||
|
||||
+54
-54
@@ -1,55 +1,55 @@
|
||||
.heading2Xl {
|
||||
font-size: 2.5rem;
|
||||
line-height: 1.2;
|
||||
font-weight: 800;
|
||||
letter-spacing: -0.05rem;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.headingXl {
|
||||
font-size: 2rem;
|
||||
line-height: 1.3;
|
||||
font-weight: 800;
|
||||
letter-spacing: -0.05rem;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.headingLg {
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.4;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.headingMd {
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.borderCircle {
|
||||
border-radius: 9999px;
|
||||
}
|
||||
|
||||
.colorInherit {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.padding1px {
|
||||
padding-top: 1px;
|
||||
}
|
||||
|
||||
.list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.listItem {
|
||||
margin: 0 0 1.25rem;
|
||||
}
|
||||
|
||||
.lightText {
|
||||
color: #666;
|
||||
}
|
||||
.pointer {
|
||||
cursor: pointer !important;
|
||||
.heading2Xl {
|
||||
font-size: 2.5rem;
|
||||
line-height: 1.2;
|
||||
font-weight: 800;
|
||||
letter-spacing: -0.05rem;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.headingXl {
|
||||
font-size: 2rem;
|
||||
line-height: 1.3;
|
||||
font-weight: 800;
|
||||
letter-spacing: -0.05rem;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.headingLg {
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.4;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
.headingMd {
|
||||
font-size: 1.2rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.borderCircle {
|
||||
border-radius: 9999px;
|
||||
}
|
||||
|
||||
.colorInherit {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.padding1px {
|
||||
padding-top: 1px;
|
||||
}
|
||||
|
||||
.list {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.listItem {
|
||||
margin: 0 0 1.25rem;
|
||||
}
|
||||
|
||||
.lightText {
|
||||
color: #666;
|
||||
}
|
||||
.pointer {
|
||||
cursor: pointer !important;
|
||||
}
|
||||
+28
-28
@@ -1,28 +1,28 @@
|
||||
module.exports = {
|
||||
content: [
|
||||
"./pages/**/*.{js,ts,jsx,tsx}",
|
||||
"./components/**/*.{js,ts,jsx,tsx}",
|
||||
"./pages/page",
|
||||
"./pages/page/stock-price/*",
|
||||
],
|
||||
theme: {
|
||||
screens: {
|
||||
'sm': '224px',
|
||||
// => @media (min-width: 640px) { ... }
|
||||
|
||||
'md': '768px',
|
||||
// => @media (min-width: 768px) { ... }
|
||||
|
||||
'lg': '1024px',
|
||||
// => @media (min-width: 1024px) { ... }
|
||||
|
||||
'xl': '1280px',
|
||||
// => @media (min-width: 1280px) { ... }
|
||||
|
||||
'2xl': '1536px',
|
||||
// => @media (min-width: 1536px) { ... }
|
||||
},
|
||||
extend: {},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
||||
module.exports = {
|
||||
content: [
|
||||
"./pages/**/*.{js,ts,jsx,tsx}",
|
||||
"./components/**/*.{js,ts,jsx,tsx}",
|
||||
"./pages/page",
|
||||
"./pages/page/stock-price/*",
|
||||
],
|
||||
theme: {
|
||||
screens: {
|
||||
'sm': '224px',
|
||||
// => @media (min-width: 640px) { ... }
|
||||
|
||||
'md': '768px',
|
||||
// => @media (min-width: 768px) { ... }
|
||||
|
||||
'lg': '1024px',
|
||||
// => @media (min-width: 1024px) { ... }
|
||||
|
||||
'xl': '1280px',
|
||||
// => @media (min-width: 1280px) { ... }
|
||||
|
||||
'2xl': '1536px',
|
||||
// => @media (min-width: 1536px) { ... }
|
||||
},
|
||||
extend: {},
|
||||
},
|
||||
plugins: [],
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user