fuck sales
This commit is contained in:
reza
+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
|
||||
Reference in New Issue
Block a user