price update
This commit is contained in:
rezakarimi
@@ -0,0 +1,144 @@
|
||||
import React from "react";
|
||||
import { Swiper, SwiperSlide } from "swiper/react";
|
||||
import "swiper/swiper-bundle.min.css";
|
||||
import "swiper/swiper.min.css";
|
||||
|
||||
import Link from "next/link";
|
||||
import { MDBContainer } from "mdb-react-ui-kit";
|
||||
import { imgslides } from "../../src/redux/static";
|
||||
|
||||
|
||||
|
||||
const slides= [
|
||||
{
|
||||
id: 1,
|
||||
title: " شرکت گازهای طبی ره پویان توسعه تهران",
|
||||
img: imgslides.a,
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: " شرکت پیاوار",
|
||||
img: imgslides.b,
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "شرکت کارپذیر",
|
||||
img: imgslides.c,
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: " شرکت فنی مهندسی کهربا تراشه",
|
||||
img: imgslides.d,
|
||||
},
|
||||
{
|
||||
id: 5,
|
||||
title: " شرکت پویندگان راه سعادت",
|
||||
img: imgslides.e,
|
||||
},
|
||||
{
|
||||
id: 6,
|
||||
title: " صنایع چوبی دکو مهر",
|
||||
img: imgslides.f,
|
||||
},
|
||||
{
|
||||
id: 7,
|
||||
title: "شرکت لوازم اداری سهند",
|
||||
img: imgslides.g,
|
||||
},
|
||||
{
|
||||
id: 8,
|
||||
title: " شرکت طب و صنعت یاسین",
|
||||
img: imgslides.h
|
||||
},
|
||||
{
|
||||
id: 9,
|
||||
title: " شرکت مون گارشو",
|
||||
img: imgslides.i,
|
||||
},
|
||||
{
|
||||
id: 10,
|
||||
title: " شرکت پویان تهویه",
|
||||
img: imgslides.j,
|
||||
},
|
||||
{
|
||||
id: 11,
|
||||
title: " کاربین برج",
|
||||
img: imgslides.k,
|
||||
},
|
||||
];
|
||||
|
||||
|
||||
const brands = () => {
|
||||
return (
|
||||
<MDBContainer className={"mt-5"}>
|
||||
<div className="flex justify-center">
|
||||
<h3 className="bk-med font-bold">سهامداران پروژه</h3>
|
||||
</div>
|
||||
<div className="">
|
||||
<Swiper
|
||||
// slidesPerGroup={3}
|
||||
// loopFillGroupWithBlank={true}
|
||||
slidesPerView={"auto"}
|
||||
// spaceBetween={50}
|
||||
className="mySwiper"
|
||||
onSwiper={(swiper) => console.log(swiper)}
|
||||
onSlideChange={() => console.log("slide change")}
|
||||
loop={true}
|
||||
autoplay={{
|
||||
delay: 2000,
|
||||
autoplayDisableOnInteraction: false,
|
||||
}}
|
||||
breakpoints={{
|
||||
1200: {
|
||||
slidesPerView: 4,
|
||||
spaceBetween: 50,
|
||||
},
|
||||
1024: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
768: {
|
||||
slidesPerView: 3,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
640: {
|
||||
slidesPerView: 2,
|
||||
spaceBetween: 20,
|
||||
},
|
||||
320: {
|
||||
slidesPerView: 1,
|
||||
spaceBetween: 30,
|
||||
},
|
||||
}}
|
||||
>
|
||||
{slides.map((slide) => {
|
||||
return (
|
||||
<SwiperSlide className="slidesBrands" key={slide.id}>
|
||||
<Link href="#">
|
||||
<div className="card-content">
|
||||
<div className="image w-full">
|
||||
<img
|
||||
src={slide.img}
|
||||
className="lg:w-[70%] md:w-[65%] m-auto slidimg "
|
||||
alt=""
|
||||
/>
|
||||
</div>
|
||||
<div className="detail flex text-center mt-[1.5rem] ">
|
||||
<p className="compony font-bold text-[0.8rem] text-[#1e1e2d] ">
|
||||
{slide.title}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
</SwiperSlide>
|
||||
);
|
||||
})}
|
||||
|
||||
|
||||
</Swiper>
|
||||
</div>
|
||||
</MDBContainer>
|
||||
);
|
||||
};
|
||||
|
||||
export default brands;
|
||||
@@ -0,0 +1,104 @@
|
||||
import React from 'react';
|
||||
import { MDBFooter, MDBContainer, MDBRow, MDBCol, MDBIcon } from 'mdb-react-ui-kit';
|
||||
import Link from "next/link";
|
||||
|
||||
|
||||
const Footer = () => {
|
||||
return (
|
||||
<>
|
||||
<MDBFooter className='text-center text-lg-left hover_color'>
|
||||
<MDBContainer className='p-4'>
|
||||
<MDBRow>
|
||||
<MDBCol lg='6' md='12' className='mb-4 mb-md-0'>
|
||||
<h5 className='text-uppercase text-white'>
|
||||
شرکت پزشکی مهر ایرانیان پرند
|
||||
|
||||
<hr />
|
||||
|
||||
</h5>
|
||||
|
||||
<p style={{ direction: 'rtl' }} className={'bk yekan-bakh-req text-white center-align'}>
|
||||
بیمارستان تخصصی مهرایرانیان واقع در بر اتوبان چهاربانده اصلی داخلی شهر پرند در بهترین موقعیت مکانی و در دل مسکن مهر، با هدف تبدیل شدن به یکی از قطب های درمانی منطقه در حال احداث می باشد. این بیمارستان که تنها بیمارستان تخصصی در کنار بزرگترین فرودگاه کشور است
|
||||
</p>
|
||||
</MDBCol>
|
||||
|
||||
<MDBCol lg='3' md='6' className='mb-4 mb-md-0'>
|
||||
<h5 className='text-uppercase text-white'>
|
||||
لینک های مفید
|
||||
<hr />
|
||||
</h5>
|
||||
|
||||
<ul style={{ lineHeight: 2 }} className='list-unstyled mb-0 bk '>
|
||||
<li>
|
||||
<Link href={{ pathname: '/News', query: { list: 'list' } }}>
|
||||
<a href='#!' className='text-white'>
|
||||
اطلاعیه ها
|
||||
</a>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href='/page/about' className='text-white'>
|
||||
<a style={{ color: 'white' }}> درباره </a>
|
||||
</Link>
|
||||
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<Link href='/page/contact-us' className='text-white'>
|
||||
<a style={{ color: 'white' }}> تماس با ما</a>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</MDBCol>
|
||||
|
||||
<MDBCol lg='3' md='6' className='mb-4 mb-md-0'>
|
||||
<h5 className='text-uppercase mb-0 text-white'>
|
||||
تماس با ما
|
||||
<hr />
|
||||
</h5>
|
||||
|
||||
<ul style={{ listStyle: 'none', lineHeight: 2 }} className='bk right center-align'>
|
||||
<li>
|
||||
<a className='text-white dana' href="tel:02153457000">021 5345 7000 </a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='tel:+989367529435' className='text-white dana'>
|
||||
0912 967 6106
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='tel:+989367529435' className='text-white dana'>
|
||||
0936 752 9435
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href='#!' className='text-white'>
|
||||
contact-us@miphospital.ir
|
||||
</a>
|
||||
</li>
|
||||
<li className={'d-flex'} alignment='end'>
|
||||
<a href='#!' className='text-white center-align right'>
|
||||
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم (ع)
|
||||
</a>
|
||||
<MDBIcon className={'right right-align p-2 text-white'} fas icon="map-marker-alt" />
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</MDBCol>
|
||||
</MDBRow>
|
||||
</MDBContainer>
|
||||
|
||||
<div className='text-center p-3' style={{ backgroundColor: 'rgba(0, 0, 0, 0.2)' }}>
|
||||
© {new Date().getFullYear()}{' '}
|
||||
<a className='text-dark' >
|
||||
contact-us@miphospital.ir
|
||||
</a>
|
||||
</div>
|
||||
</MDBFooter>
|
||||
</>
|
||||
|
||||
);
|
||||
};
|
||||
|
||||
export default Footer;
|
||||
@@ -0,0 +1,256 @@
|
||||
import React, { useState } from 'react'
|
||||
import Link from 'next/link'
|
||||
import Image from 'next/image'
|
||||
import {
|
||||
MDBContainer,
|
||||
MDBNavbar,
|
||||
MDBNavbarBrand,
|
||||
MDBNavbarToggler,
|
||||
MDBNavbarNav,
|
||||
MDBNavbarLink,
|
||||
MDBIcon,
|
||||
MDBCollapse,
|
||||
MDBDropdownToggle,
|
||||
MDBDropdownMenu,
|
||||
MDBDropdownItem,
|
||||
MDBDropdownLink,
|
||||
MDBDropdown,
|
||||
MDBCardImage,
|
||||
MDBDropdownDivider
|
||||
} from 'mdb-react-ui-kit'
|
||||
import { HamburgerIcon } from '@chakra-ui/icons'
|
||||
import PhoneCall from '../../../public/resource/icons/phone_calling (1).webp'
|
||||
import { useRouter } from 'next/router'
|
||||
import { Divider } from '@chakra-ui/react'
|
||||
|
||||
import { FaWhatsapp } from 'react-icons/fa'
|
||||
import { FaInstagram } from 'react-icons/fa'
|
||||
import { SiAparat } from 'react-icons/si'
|
||||
|
||||
export default function App() {
|
||||
const [showNavSecond, setShowNavSecond] = useState(false)
|
||||
|
||||
let router = useRouter()
|
||||
|
||||
return (
|
||||
<>
|
||||
{/*<div style={{ backgroundColor: '#69c6c8' }}>*/}
|
||||
{/* <div className={'flex h-5/12 justify-content-between'}>*/}
|
||||
{/* <div className={'flex justify-content-center align-items-center'}>*/}
|
||||
{/* <div className={'flex w-30 justify-content-center align-items-center'}>*/}
|
||||
{/* <img style={{position: 'absolute'}} width={90} src={PhoneCall} />*/}
|
||||
{/* <Divider style={{transform: 'rotate(90deg)', marginLeft: 55}} width={10} />*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className={'flex mt-3 flex-column'}>*/}
|
||||
{/* <div style={{fontSize: 15}} className={'text-white'}>*/}
|
||||
{/* خرید سهام*/}
|
||||
{/* </div>*/}
|
||||
{/* <div style={{fontSize: 15}} className={'flex align-items-center text-white'}>*/}
|
||||
{/* <p style={{fontSize: 10}}>021 -</p>*/}
|
||||
{/* <p>28426945</p>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className={''}>*/}
|
||||
{/* جای خالی*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
|
||||
{/*</div>*/}
|
||||
{/* topheader */}
|
||||
<div className='bg-[#57C5C6] headerTop'>
|
||||
<div className='flex sm:flex-col md:flex-row lg:flex-row justify-content-between items-center h-14 container-fluid m-auto '>
|
||||
<div className='flex '>
|
||||
<div className='w-10 h-10 md:w-12 md:h-12 flex items-center justify-center'>
|
||||
<a
|
||||
target={'_blank'}
|
||||
href={'https://web.whatsapp.com/send?phone=98919419-+9420'}
|
||||
className='inline-flex rounded-full p-[0.4rem] text-[#57C5C6] bg-[#fff] hover:bg-[#014258] hover:text-[#fff] '
|
||||
>
|
||||
<FaWhatsapp />
|
||||
</a>
|
||||
</div>
|
||||
<div className=' w-10 h-10 md:w-12 md:h-12 flex items-center justify-center'>
|
||||
<a
|
||||
href={'https://www.instagram.com/miphospital/'}
|
||||
target={'_blank'}
|
||||
className='mx-5 inline-flex rounded-full p-[0.4rem] text-[#57C5C6] bg-[#fff] hover:bg-[#014258] hover:text-[#fff] '
|
||||
>
|
||||
<FaInstagram />
|
||||
</a>
|
||||
</div>
|
||||
<div className=' w-10 h-10 md:w-12 md:h-12 flex items-center justify-center'>
|
||||
<a
|
||||
href={'https://www.aparat.com/miphospital'}
|
||||
target={'_blank'}
|
||||
className='mx-5 inline-flex rounded-full p-[0.4rem] text-[#57C5C6] bg-[#fff] hover:bg-[#014258] hover:text-[#fff] '
|
||||
>
|
||||
<SiAparat />
|
||||
</a>
|
||||
</div>
|
||||
<div className='flex items-center justify-center'>
|
||||
<a
|
||||
href={'tel:02153457000'}
|
||||
className='rounded-full flex items-center p-[0.4rem] bg-[#39a2a5] text-[#fff] hover:bg-[#57c5c6] hover:text-[#fff] '
|
||||
>
|
||||
<span className={'text-sm'}> 021-53457000</span>
|
||||
<span className={'text-sm ml-2'}>:خرید سهام</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='show-addr col-span-2 flex items-center flex-row-reverse mr-4 meheAddress'>
|
||||
<img src='/resource/headerTop/map.svg' className='tex-white w-[2rem] map' alt='address' />
|
||||
<span className=' text-[0.6rem] text-right md:text-xs xl:text-sm md:leading-5 font-medium text-white addresstopHeader'>
|
||||
تهران ، شهر جدید پرند، بلوار شهیدقاسم سلیمانی، انتهای فاز 5 ،نبش بلوار رسول اکرم
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/* end topheader */}
|
||||
|
||||
{/* navbar */}
|
||||
<MDBNavbar style={{ backgroundColor: '#39a2a5' }} expand='lg' light ba>
|
||||
<style jsx>
|
||||
{`
|
||||
.responsive-menu-mobile {
|
||||
outline: none;
|
||||
background-color: red !important;
|
||||
}
|
||||
`}
|
||||
</style>
|
||||
|
||||
<MDBContainer className={'dana'} fluid>
|
||||
<MDBNavbarToggler
|
||||
aria-expanded='false'
|
||||
aria-label='Toggle navigation'
|
||||
onClick={() => setShowNavSecond(!showNavSecond)}
|
||||
>
|
||||
<HamburgerIcon />
|
||||
</MDBNavbarToggler>
|
||||
<MDBCollapse navbar show={showNavSecond}>
|
||||
<MDBNavbar>
|
||||
<MDBDropdown group className=''>
|
||||
<MDBDropdownToggle
|
||||
className={'font-weight-bold '}
|
||||
style={{ fontsize: '35px !important' }}
|
||||
color='light'
|
||||
>
|
||||
بیشتر
|
||||
</MDBDropdownToggle>
|
||||
<MDBDropdownMenu>
|
||||
<MDBDropdownItem>
|
||||
<Link href={'/page/Directors'}>
|
||||
<MDBDropdownLink style={{ cursor: 'pointer' }} className={'d-flex justify-content-end'}>
|
||||
تیم پروژه{' '}
|
||||
</MDBDropdownLink>
|
||||
</Link>
|
||||
</MDBDropdownItem>
|
||||
<MDBDropdownItem>
|
||||
<Link href={'/page/docs'}>
|
||||
<MDBDropdownLink style={{ cursor: 'pointer' }} className={'d-flex justify-content-end'}>
|
||||
اسناد رسمی شرکت{' '}
|
||||
</MDBDropdownLink>
|
||||
</Link>
|
||||
</MDBDropdownItem>
|
||||
<MDBDropdownItem>
|
||||
<MDBDropdownLink
|
||||
target={'__blanck'}
|
||||
href={'https://www.instagram.com/miphospital'}
|
||||
className={'d-flex justify-content-end'}
|
||||
>
|
||||
اینستاگرام{' '}
|
||||
</MDBDropdownLink>
|
||||
</MDBDropdownItem>
|
||||
</MDBDropdownMenu>
|
||||
</MDBDropdown>
|
||||
</MDBNavbar>
|
||||
<MDBNavbarNav className={'responsive-menu-mobile'}>
|
||||
<MDBNavbarLink
|
||||
style={{ paddingLeft: 10 }}
|
||||
className={router.pathname === '/page/about' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||
>
|
||||
<Link className={'text-white nav_item d-flex '} href='/page/about'>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}> درباره ما</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
|
||||
<MDBNavbarLink
|
||||
className={
|
||||
router.pathname === '/page/contact-us' ? 'active-item text-white' : '' + 'text-white nav_item '
|
||||
}
|
||||
>
|
||||
<Link
|
||||
prefetch={false}
|
||||
className={'text-white nav_item d-flex flex-row-reverse '}
|
||||
href='/page/contact-us'
|
||||
as={'contact-us'}
|
||||
>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}> تماس با ما</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
|
||||
<MDBNavbarLink
|
||||
className={router.pathname === '/Gallery' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||
>
|
||||
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/Gallery'>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>گالری</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
<MDBNavbarLink
|
||||
className={
|
||||
router.pathname === '/components/service' ? 'active-item text-white' : '' + 'text-white nav_item '
|
||||
}
|
||||
>
|
||||
<Link
|
||||
prefetch={false}
|
||||
className={'text-white nav_item d-flex flex-row-reverse '}
|
||||
href='/components/service'
|
||||
as={'Service'}
|
||||
>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>بخش های درمانی</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
<MDBNavbarLink
|
||||
className={router.pathname === '/page/news/52' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||
>
|
||||
<Link prefetch={false} className={'text-white nav_item d-flex flex-row-reverse '} href='/stock-price'>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>قیمت سهام</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
<MDBNavbarLink
|
||||
className={router.pathname === '/' ? 'active-item text-white' : '' + 'text-white nav_item '}
|
||||
>
|
||||
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/'>
|
||||
<div className={'pointer d-flex justify-content-end'}>
|
||||
<span style={{ cursor: 'pointer', fontSize: '15px' }}>صفحه اصلی</span>
|
||||
</div>
|
||||
</Link>
|
||||
</MDBNavbarLink>
|
||||
</MDBNavbarNav>
|
||||
</MDBCollapse>
|
||||
<MDBNavbarBrand className={'text-white font-weight-bold'}>
|
||||
<Link className={'text-white nav_item d-flex flex-row-reverse '} href='/'>
|
||||
<div className={'pointer'}>
|
||||
<span className={'dana'} style={{ cursor: 'pointer' }}>
|
||||
بیمارستان مهر ایرانیان
|
||||
</span>
|
||||
</div>
|
||||
</Link>
|
||||
<MDBCardImage className={'responsive-img resLogo'} width={'50'} src={'/resource/logo/logo.png'} />
|
||||
</MDBNavbarBrand>
|
||||
</MDBContainer>
|
||||
</MDBNavbar>
|
||||
</>
|
||||
)
|
||||
}
|
||||
@@ -0,0 +1,62 @@
|
||||
import React from 'react';
|
||||
import {MDBCardImage, MDBCol, MDBRow, MDBSpinner} from "mdb-react-ui-kit";
|
||||
import Image from "next/image";
|
||||
const Loader = () => {
|
||||
|
||||
return (
|
||||
<div style={{ position: 'static '}}>
|
||||
<style jsx>
|
||||
{
|
||||
`
|
||||
.label-container{
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
height: 120%;
|
||||
opacity: 100;
|
||||
overflow: hidden;
|
||||
z-index: 15;
|
||||
transition: 2s;
|
||||
}
|
||||
|
||||
.loaderArea {
|
||||
background-color: white;
|
||||
padding: 10px;
|
||||
width: 250%;
|
||||
opacity: 100;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 150%;
|
||||
z-index: 16;
|
||||
border-radius: 15px;
|
||||
}
|
||||
`
|
||||
}
|
||||
</style>
|
||||
<div style={{ transition: '0.5s',backgroundColor: 'gray', width: '100%',height: '140%',position: 'absolute',zIndex:100,opacity: 0.8,overflow: 'hidden'}}>
|
||||
<div className={'label-container'} >
|
||||
<div className={'loaderArea'}>
|
||||
<img src="/resource/logo/logo-green.png" width={150} alt=""/>
|
||||
<div style={{ margin: 5 }}>
|
||||
<MDBSpinner grow style={{ width: '1rem', height: '1rem',margin: 5 }}>
|
||||
<span className='visually-hidden'>Loading...</span>
|
||||
</MDBSpinner>
|
||||
<MDBSpinner grow style={{ width: '1rem', height: '1rem',margin: 5 }}>
|
||||
<span className='visually-hidden'>Loading...</span>
|
||||
</MDBSpinner>
|
||||
<MDBSpinner grow style={{ width: '1rem', height: '1rem',margin: 5 }}>
|
||||
<span className='visually-hidden'>Loading...</span>
|
||||
</MDBSpinner>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Loader;
|
||||
@@ -0,0 +1,86 @@
|
||||
/** @format */
|
||||
|
||||
import React from 'react'
|
||||
import OnlineSvg from '../../public/resource/images/OnlineSales.svg'
|
||||
import { FiArrowLeft } from 'react-icons/fi'
|
||||
import { MDBBtn, MDBCard, MDBCardBody, MDBCardText, MDBCardTitle, MDBContainer } from 'mdb-react-ui-kit'
|
||||
import Investment from '../../public/resource/images/paper.png'
|
||||
const OnlineSales = () => {
|
||||
return (
|
||||
<>
|
||||
<div className='w-full bg-online-box rounded-lg '>
|
||||
<style jsx>
|
||||
{`
|
||||
.bg-online-box {
|
||||
background: radial-gradient(
|
||||
50% 50% at 50% 50%,
|
||||
rgba(87, 197, 198, 0.09) 0%,
|
||||
rgba(87, 197, 198, 0.2) 100%
|
||||
);
|
||||
}
|
||||
`}
|
||||
</style>
|
||||
<div className='p-4 flex lg:flex-row md:flex-col sm:flex-col items-center justify-between'>
|
||||
<div className={'sm:justify-center md:justify-center'}>
|
||||
<div>
|
||||
<iframe
|
||||
className={'rounded-4 lg:w-96 sm:w-full h-52'}
|
||||
src='https://www.aparat.com/video/video/embed/videohash/7riQv/vt/frame'
|
||||
allowFullScreen='true'
|
||||
webkitallowfullscreen='true'
|
||||
mozallowfullscreen='true'
|
||||
></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<div dir='rtl' className='flex flex-col'>
|
||||
<div className={'text-center flex justify-content-center'}>
|
||||
<img width={250} src={OnlineSvg} />
|
||||
</div>
|
||||
<div className={'sm:mt-5'}>
|
||||
<h2 className='bk-heavy'>خرید سهام بیمارستان مهر ایرانیان</h2>
|
||||
</div>
|
||||
<div className='text-gray-500 mt-3'>
|
||||
<h5 className='yekan-bakh-req leading-9 font-bold'>
|
||||
بهترین فرصت سرمایه گذاری در بخش درمان تصمیم بگیرید
|
||||
<br />و سرمایه گذار این بخش باشید.
|
||||
</h5>
|
||||
</div>
|
||||
<div className='mt-4 flex lg:justify-start sm:justify-center md:justify-center'>
|
||||
<a className={'text-[#39a2a5]'} target={'_blank'} href='https://landing.miphospital.ir/'>
|
||||
<MDBBtn outline className={'border-[#39a2a5] ml-3'} rounded>
|
||||
اطلاعات بیشتر
|
||||
</MDBBtn>
|
||||
</a>
|
||||
<a className={'text-white'} target={'_blank'} href='https://panel.mehriranianco.ir/welcome'>
|
||||
<MDBBtn className={'bg-primary-teal'} rounded>
|
||||
خرید سهام
|
||||
<FiArrowLeft className={'mr-2'} />
|
||||
</MDBBtn>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/*<div>*/}
|
||||
{/* <MDBCardBody className={'card-inner'}>*/}
|
||||
{/* <div className={'flex justify-content-space'}>*/}
|
||||
{/* <div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>*/}
|
||||
{/* <img width={60} src={Investment} />*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className={'mr-5'}>*/}
|
||||
{/* <MDBCardTitle className={'bk-med'}>خرید سهام </MDBCardTitle>*/}
|
||||
{/* <MDBCardText className={'bk-light'}>*/}
|
||||
{/* خرید سهام بیمارستان مهر ایرانیان پرند*/}
|
||||
{/* </MDBCardText>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/* <div className={'flex justify-content-end'}>*/}
|
||||
{/* <MDBBtn href={'#contactUsform'} rounded className={'bk-med bg-primary-teal'}>خرید سهام </MDBBtn>*/}
|
||||
{/* </div>*/}
|
||||
{/* </MDBCardBody>*/}
|
||||
{/*</div>*/}
|
||||
</div>
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
export default OnlineSales
|
||||
@@ -0,0 +1,61 @@
|
||||
import React,{useState} from 'react';
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBIcon,
|
||||
MDBModal,
|
||||
MDBModalBody, MDBModalContent,
|
||||
MDBModalDialog,
|
||||
MDBModalFooter,
|
||||
MDBModalHeader, MDBModalTitle
|
||||
} from "mdb-react-ui-kit";
|
||||
|
||||
const Paralax = () => {
|
||||
const [basicModal, setBasicModal] = useState(false);
|
||||
if (basicModal){
|
||||
setTimeout(()=> {
|
||||
setBasicModal(false)
|
||||
},2000)
|
||||
}
|
||||
|
||||
return (
|
||||
<div className='bg-image mt-5 d-flex flex-md-column flex-sm-column ' style={{ maxWidth: '1080rem' }}>
|
||||
<img style={{ width: '100%' }} src={'https://mehrara-api.iran.liara.run/panel-public/uploads/1653317481HLqP4.jpg'} alt="Picture of the author" />
|
||||
<div className='mask' style={{ backgroundColor: 'rgba(0, 0, 0, 0.6)' }}>
|
||||
<div className='d-flex flex-md-column flex-sm-column justify-content-center align-items-center h-100 dana'>
|
||||
<h2 className='text-white p-5 mb-0'>
|
||||
<MDBBtn onClick={() => setBasicModal(true)} size='lg' color='success'>
|
||||
دریافت نوبت آنلاین
|
||||
<MDBIcon style={{ paddingLeft: "15px",paddingTop: "5px",maxWidth: "100px",maxHeight: '50px' }} className='me-2 ' icon='clock' />
|
||||
</MDBBtn>
|
||||
</h2>
|
||||
{/*<h3 style={{marginRight: "5%"}} className='text-white mb-0'> 021 - 2842 6945 تماس تلفنی </h3>*/}
|
||||
</div>
|
||||
</div>
|
||||
{process.browser &&
|
||||
<MDBModal show={basicModal} tabIndex='-1'>
|
||||
<MDBModalDialog>
|
||||
<MDBModalContent>
|
||||
<MDBModalHeader>
|
||||
<MDBModalTitle className={'d-flex justify-content-start'} >این بخش در حال حاضر دسترس نیست </MDBModalTitle>
|
||||
<MDBBtn className='btn-close left left-align d-flex justify-content-end' color='none' onClick={() => setBasicModal(false)}></MDBBtn>
|
||||
</MDBModalHeader>
|
||||
<MDBModalBody className={'d-flex justify-content-around'}>
|
||||
<MDBIcon className='ms-1 text-danger' icon='exclamation' size='7x' />
|
||||
</MDBModalBody>
|
||||
|
||||
<MDBModalFooter className={'d-flex justify-content-around'}>
|
||||
<MDBBtn color='secondary' onClick={() => setBasicModal(false)}>
|
||||
بستن
|
||||
</MDBBtn>
|
||||
</MDBModalFooter>
|
||||
</MDBModalContent>
|
||||
</MDBModalDialog>
|
||||
</MDBModal>
|
||||
}
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
|
||||
export default Paralax;
|
||||
@@ -0,0 +1,159 @@
|
||||
import React from 'react';
|
||||
import {
|
||||
MDBBtn,
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardText,
|
||||
MDBCardTitle, MDBCol,
|
||||
MDBContainer,
|
||||
MDBRow,
|
||||
MDBTypography
|
||||
} from "mdb-react-ui-kit";
|
||||
import { Swiper, SwiperSlide } from 'swiper/react';
|
||||
import SwiperCore, { Autoplay } from 'swiper';
|
||||
import * as PropTypes from "prop-types";
|
||||
import Adib_user from '../../public/resource/avatar/sales/Adib_user.jpg'
|
||||
import Babagoli from '../../public/resource/avatar/sales/Babagoli.png'
|
||||
import Talebi from '../../public/resource/avatar/sales/Talebi.png'
|
||||
import Namaki from '../../public/resource/avatar/sales/namaki.png'
|
||||
import { Badge, Box, Image, Img } from "@chakra-ui/react";
|
||||
import { MdPhone } from "react-icons/md";
|
||||
import Link from "next/link";
|
||||
import Req from "../../public/resource/parallax/Asset 1.svg";
|
||||
|
||||
|
||||
|
||||
SwiperCore.use([Autoplay]);
|
||||
|
||||
function MDBCardImage(props) {
|
||||
return null;
|
||||
}
|
||||
|
||||
MDBCardImage.propTypes = {
|
||||
src: PropTypes.string,
|
||||
alt: PropTypes.string,
|
||||
position: PropTypes.string
|
||||
};
|
||||
const SalesTeam = () => {
|
||||
const users = [
|
||||
{ id: 1, name: 'سیمین ادیب', call: '09933924405', img: Adib_user, job: 'کارشناس فروش' },
|
||||
{ id: 2, name: ' فاطمه باباگلی', call: '09195013991', img: Babagoli, job: 'کارشناس فروش' },
|
||||
{ id: 3, name: ' مریم طالبی ', call: '09184894952', img: Talebi, job: 'کارشناس فروش' },
|
||||
// {id:4, name: ' دکتر اسماعیلی ', call: '09204943950', img: Namaki, job: 'مدیر فروش سهام'},
|
||||
]
|
||||
return (
|
||||
<MDBContainer className={''}>
|
||||
|
||||
<div className={'mb-5'}>
|
||||
<Link href={'/recruitment'}>
|
||||
<div className={'cursor-pointer hover-shadow'}>
|
||||
<Img className={'rounded'} loading={'lazy'} src={Req} />
|
||||
</div>
|
||||
</Link>
|
||||
</div>
|
||||
<div className={'flex flex-col align-items-center justify-content-center'}>
|
||||
<h4 className={'bk-med'}> کارشناسان فروش سهام</h4>
|
||||
<p className={'bk-light text-gray'}>خرید و فروش سهام ، پاسخ به سوالات ، مشاوره خرید</p>
|
||||
</div>
|
||||
<Swiper
|
||||
spaceBetween={20}
|
||||
slidesPerView={3}
|
||||
className={'text-center'}
|
||||
// onSlideChange={() => console.log('slide change')}
|
||||
// onSwiper={(swiper) => console.log(swiper)}
|
||||
autoplay={{
|
||||
"delay": 2500,
|
||||
"disableOnInteraction": false
|
||||
}}
|
||||
breakpoints={{
|
||||
"640": {
|
||||
"slidesPerView": 1,
|
||||
"spaceBetween": 0
|
||||
},
|
||||
"360": {
|
||||
"slidesPerView": 1,
|
||||
"spaceBetween": 0
|
||||
},
|
||||
"320": {
|
||||
"slidesPerView": 1,
|
||||
"spaceBetween": 0
|
||||
},
|
||||
"596": {
|
||||
width: 1080,
|
||||
"slidesPerView": 2,
|
||||
"spaceBetween": 20
|
||||
},
|
||||
"526": {
|
||||
"slidesPerView": 2,
|
||||
"spaceBetween": 20
|
||||
},
|
||||
|
||||
"996": {
|
||||
"slidesPerView": 2,
|
||||
"spaceBetween": 20
|
||||
},
|
||||
"860": {
|
||||
"slidesPerView": 2,
|
||||
"spaceBetween": 20
|
||||
},
|
||||
"768": {
|
||||
"slidesPerView": 2,
|
||||
"spaceBetween": 20
|
||||
},
|
||||
"972": {
|
||||
"slidesPerView": 3,
|
||||
"spaceBetween": 20
|
||||
},
|
||||
"1024": {
|
||||
"slidesPerView": 3,
|
||||
"spaceBetween": 20
|
||||
}
|
||||
}}
|
||||
>
|
||||
{users.map((item) => (
|
||||
<SwiperSlide className={'flex justify-content-center'}>
|
||||
<Box width={250} className={'shadow-2-strong hover-shadow m-2'} maxW='sm' borderWidth='1px' borderRadius='lg' overflow='hidden'>
|
||||
<Image src={item.img} alt={'بیمارستان مهر ایرانیان'} />
|
||||
<Box p='6'>
|
||||
<Box
|
||||
textAlign={'center'}
|
||||
mt='1'
|
||||
fontWeight='semibold'
|
||||
as='h4'
|
||||
className={'bk'}
|
||||
lineHeight='tight'
|
||||
isTruncated
|
||||
>
|
||||
{item.name}
|
||||
</Box>
|
||||
<p style={{ fontSize: 12 }} className={'text-gray'}>{item.job}</p>
|
||||
<Box textAlign={'center'}>
|
||||
<Box as='span' color='gray.600' fontSize='sm'>
|
||||
<div className={'bg-dark-teal py-2 text-white p-1 rounded-pill '}>
|
||||
<a className={'text-white'} href={'tel:' + item.call}>
|
||||
<MdPhone className={'bg-white p-1 mr-2 text-lg rounded-circle text-black'} />
|
||||
{item.call}
|
||||
</a>
|
||||
</div>
|
||||
</Box>
|
||||
</Box>
|
||||
</Box>
|
||||
</Box>
|
||||
</SwiperSlide>
|
||||
))}
|
||||
</Swiper>
|
||||
<MDBContainer className={'mt-5'}>
|
||||
<div className={'p-2 rounded-5 lg:flex-row-reverse md:flex md:flex-col md:justify-center text-center dana'} style={{ backgroundColor: '#A7F3D0', borderLeft: '4px solid #34D399', borderRight: '4px solid #34D399' }}>
|
||||
<div>
|
||||
<MDBTypography className={'ml-2 RTL text-base md:text-[1.25rem]'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>مشاوره تلفنی خرید سهام </MDBTypography>
|
||||
</div>
|
||||
<div>
|
||||
<MDBTypography className={'mr-2 text-base md:text-[1.25rem]'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>021 - 53457000 </MDBTypography>
|
||||
</div>
|
||||
</div>
|
||||
</MDBContainer>
|
||||
</MDBContainer>
|
||||
);
|
||||
};
|
||||
|
||||
export default SalesTeam;
|
||||
@@ -0,0 +1,108 @@
|
||||
import React from 'react';
|
||||
import {Divider, SimpleGrid} from "@chakra-ui/react";
|
||||
import {MDBBtn, MDBCard, MDBCardBody, MDBCardText, MDBCardTitle} from "mdb-react-ui-kit";
|
||||
import Investment from '../../public/resource/images/paper.png'
|
||||
import Idea from '../../public/resource/images/idea.png'
|
||||
import recruitment from '../../public/resource/images/recruitment.png'
|
||||
import clinic from '../../public/resource/images/clinics.png'
|
||||
import Link from "next/link";
|
||||
|
||||
|
||||
const StockSales = () => {
|
||||
return (
|
||||
<div>
|
||||
<SimpleGrid dir={'rtl'} columns={[1, 1, 2]} spacing='40px'>
|
||||
<Link href={'#callstock'}>
|
||||
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
||||
<MDBCardBody className={'card-inner'}>
|
||||
<div className={'flex justify-content-space'}>
|
||||
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
||||
<img width={60} src={Investment} />
|
||||
</div>
|
||||
<div className={'mr-5'}>
|
||||
<MDBCardTitle className={'bk-med'}>مشاوره خرید سهام </MDBCardTitle>
|
||||
<MDBCardText className={'bk-light'}>
|
||||
خرید سهام بیمارستان مهر ایرانیان پرند
|
||||
</MDBCardText>
|
||||
</div>
|
||||
</div>
|
||||
<div className={'flex justify-content-end'}>
|
||||
<MDBBtn href={'#callstock'} rounded className={'bk-med bg-primary-teal'}>خرید سهام </MDBBtn>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
<Link href={'/smartadvice'}>
|
||||
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
||||
<MDBCardBody className={'card-inner'}>
|
||||
<div className={'flex justify-content-space'}>
|
||||
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
||||
<img width={60} src={Idea} />
|
||||
</div>
|
||||
<div className={'mr-5'}>
|
||||
<MDBCardTitle className={'bk-med'}>مشاوره هوشمند سرمایه گذاری </MDBCardTitle>
|
||||
<MDBCardText className={'bk-light text-sm'}>
|
||||
ارائه
|
||||
بهترین گزینه‌های سرمایه‌گذاری به شما
|
||||
</MDBCardText>
|
||||
</div>
|
||||
</div>
|
||||
<div className={'flex justify-content-end mt-2'}>
|
||||
<Link href={'/smartadvice'}>
|
||||
<MDBBtn rounded className={'bk-med bg-primary-teal'}>شروع کنید </MDBBtn>
|
||||
</Link>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
<Link href={'/recruitment'}>
|
||||
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
||||
<MDBCardBody className={'card-inner'}>
|
||||
<div className={'flex justify-content-space'}>
|
||||
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
||||
<img width={60} src={recruitment} />
|
||||
</div>
|
||||
<div className={'mr-5'}>
|
||||
<MDBCardTitle className={'bk-med'}>استخدام </MDBCardTitle>
|
||||
<MDBCardText className={'bk-light text-sm'}>
|
||||
در بخش های درمان، اداری ، خدمات
|
||||
</MDBCardText>
|
||||
</div>
|
||||
</div>
|
||||
<div className={'flex justify-content-end mt-2'}>
|
||||
<Link href={'/recruitment'}>
|
||||
<MDBBtn rounded className={'bk-med bg-primary-teal'}>درخواست استخدام </MDBBtn>
|
||||
</Link>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
<Link href={'/components/service'}>
|
||||
<MDBCard className={'card-important rounded-5'} dir={'rtl'}>
|
||||
<MDBCardBody className={'card-inner'}>
|
||||
<div className={'flex justify-content-space'}>
|
||||
<div style={{ borderRadius: 15 }} className={'bg-white flex align-items-center p-2'}>
|
||||
<img width={60} src={clinic} />
|
||||
</div>
|
||||
<div className={'mr-5'}>
|
||||
<MDBCardTitle className={'bk-med'}>بخش های درمانی </MDBCardTitle>
|
||||
<MDBCardText className={'bk-light text-sm'}>
|
||||
بخش های درمانی بیمارستان مهر ایرانیان پرند
|
||||
</MDBCardText>
|
||||
</div>
|
||||
</div>
|
||||
<div className={'flex justify-content-end mt-2'}>
|
||||
<Link href={'/components/service'}>
|
||||
<MDBBtn rounded className={'bk-med bg-primary-teal'}>مشاهده </MDBBtn>
|
||||
</Link>
|
||||
</div>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
</SimpleGrid>
|
||||
<Divider />
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default StockSales;
|
||||
@@ -0,0 +1,31 @@
|
||||
import React from 'react';
|
||||
import {MDBCol, MDBRow} from "mdb-react-ui-kit";
|
||||
import {TabPanel} from "@chakra-ui/react";
|
||||
|
||||
const Videos = () => {
|
||||
return (
|
||||
<div>
|
||||
<MDBRow dir={'rtl'} style={{ marginTop: 10 }}>
|
||||
<MDBCol md={12} sm={12} lg={4}>
|
||||
<iframe width={380} height={250} src="https://www.aparat.com/video/video/embed/videohash/7riQv/vt/frame" allowFullScreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
|
||||
</MDBCol>
|
||||
<MDBCol md={12} sm={12} lg={4}>
|
||||
<iframe width={380} height={250} src="https://www.aparat.com/video/video/embed/videohash/OeWKI/vt/frame" allowFullScreen="true" webkitallowfullscreen="true" mozallowfullscreen="true"></iframe>
|
||||
</MDBCol>
|
||||
|
||||
<MDBCol md={12} sm={12} lg={4}>
|
||||
<iframe
|
||||
width={380} height={250}
|
||||
src="https://www.aparat.com/video/video/embed/videohash/6EVc0/vt/frame?recom=none"
|
||||
allowFullScreen="true" webkitallowfullscreen="true"
|
||||
mozallowfullscreen="true">
|
||||
</iframe>
|
||||
</MDBCol>
|
||||
|
||||
</MDBRow>
|
||||
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Videos;
|
||||
@@ -0,0 +1,248 @@
|
||||
import React from 'react';
|
||||
import {
|
||||
MDBContainer,
|
||||
} from 'mdb-react-ui-kit';
|
||||
|
||||
import SwiperCore, { Autoplay } from 'swiper';
|
||||
import StockSales from "./StockSales";
|
||||
|
||||
SwiperCore.use([Autoplay]);
|
||||
|
||||
|
||||
|
||||
const Accessgrid = () => {
|
||||
return (
|
||||
<MDBContainer>
|
||||
<style jsx>
|
||||
{
|
||||
`
|
||||
.videoArea {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
||||
}
|
||||
.videSize{
|
||||
width: 65%;
|
||||
height: auto;
|
||||
border-radius: 10px;
|
||||
border: none;
|
||||
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
|
||||
}
|
||||
.textArea {
|
||||
width: 50%;
|
||||
text-align: right;
|
||||
|
||||
}
|
||||
@media screen and (max-width: 991px){
|
||||
.videoArea{
|
||||
flex-direction: column-reverse;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
|
||||
|
||||
}
|
||||
.textArea {
|
||||
text-align: center;
|
||||
width: 100%;
|
||||
|
||||
}
|
||||
.fix-col {
|
||||
flex-direction: row;
|
||||
}
|
||||
@media screen and (max-width: 639px){
|
||||
.fix-col{
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
`
|
||||
}
|
||||
</style>
|
||||
<div>
|
||||
{/*<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>*/}
|
||||
{/* <MDBCol >*/}
|
||||
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
||||
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
||||
|
||||
{/* خدمات آنلاین بیماران*/}
|
||||
{/* <MDBIcon className='ms-1' icon='globe' size='sm' />*/}
|
||||
|
||||
{/* </MDBCardHeader>*/}
|
||||
{/* <MDBCardBody >*/}
|
||||
{/* <MDBCardText style={{fontSize: 13,lineHeight:2,height: 128}} className={'right-align RTL'}>*/}
|
||||
{/* <li><a href="">رزرو وقت </a></li>*/}
|
||||
{/* <li><a href=""> جواب دهی آزمایشگاه و پاتولوژی </a></li>*/}
|
||||
{/* <li><a href=""> جواب دهی تصویربردای </a></li>*/}
|
||||
{/* <li><a href=""> ارسال مدارک پزشکی </a></li>*/}
|
||||
{/* <li><a href=""> پیشنهادات و انتقادات </a></li>*/}
|
||||
{/* </MDBCardText>*/}
|
||||
{/* </MDBCardBody>*/}
|
||||
{/* </MDBCard>*/}
|
||||
{/* </MDBCol>*/}
|
||||
{/* <MDBCol>*/}
|
||||
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
||||
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
||||
{/* سامانه کارکنان*/}
|
||||
{/* <MDBIcon className='ms-1' icon='users' size='sm' />*/}
|
||||
|
||||
{/* </MDBCardHeader>*/}
|
||||
{/* <MDBCardBody className='text-dark'>*/}
|
||||
{/* <MDBCardText style={{fontSize: 13,lineHeight:2,height: 128}} className={'right-align RTL'}>*/}
|
||||
{/* <li><a href="">اتوماسیون اداری پزشکان </a></li>*/}
|
||||
{/* <li><a href="">اتوماسیون اداری پرسنل </a></li>*/}
|
||||
{/* <li><a href="">درخواست همکاری </a></li>*/}
|
||||
{/* <li><a href="">استخدام </a></li>*/}
|
||||
{/* </MDBCardText>*/}
|
||||
{/* </MDBCardBody>*/}
|
||||
{/* </MDBCard>*/}
|
||||
{/* </MDBCol>*/}
|
||||
{/* <MDBCol>*/}
|
||||
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
||||
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
||||
{/* راهنمای مراجعین*/}
|
||||
{/* <MDBIcon className='ms-1' icon='phone' size='sm' />*/}
|
||||
|
||||
{/* </MDBCardHeader>*/}
|
||||
{/* <MDBCardBody className='text-dark'>*/}
|
||||
{/* <MDBCardText style={{fontSize: 13,lineHeight:2,height: 128}} className={'right-align RTL'}>*/}
|
||||
{/* <li><a href="">پذیرش </a></li>*/}
|
||||
{/* <li><a href="">ترخیص </a></li>*/}
|
||||
{/* <li><a href="">بیمه های طرف قرارداد </a></li>*/}
|
||||
{/* <li><a href="">رزرو وقت </a></li>*/}
|
||||
{/* </MDBCardText>*/}
|
||||
{/* </MDBCardBody>*/}
|
||||
{/* </MDBCard>*/}
|
||||
{/* </MDBCol>*/}
|
||||
{/* <MDBCol>*/}
|
||||
{/* <MDBCard shadow='5' border='info' style={{opacity: 0.9 }}>*/}
|
||||
{/* <MDBCardHeader className={'right dana text-dark color-top-card right-align'}>*/}
|
||||
{/* بخش های درمانی*/}
|
||||
{/* <MDBIcon className='ms-1' icon='hospital-alt' size='sm' />*/}
|
||||
{/* </MDBCardHeader>*/}
|
||||
{/* <MDBCardBody className='text-dark'>*/}
|
||||
{/* <MDBCardText style={{fontSize: 13,lineHeight:2,height: 128}} className={'right-align RTL'}>*/}
|
||||
{/* <li><a href="">کلینیک و بخش ها </a></li>*/}
|
||||
{/* <li><a href="">پاراکلینیک</a></li>*/}
|
||||
{/* <li><a href="">مرکز جراحی </a></li>*/}
|
||||
{/* <li><a href=""> پزشکان بیمارستان</a></li>*/}
|
||||
{/* </MDBCardText>*/}
|
||||
{/* </MDBCardBody>*/}
|
||||
{/* </MDBCard>*/}
|
||||
{/* </MDBCol>*/}
|
||||
{/*</MDBRow>*/}
|
||||
|
||||
</div>
|
||||
|
||||
<br />
|
||||
<StockSales />
|
||||
<br />
|
||||
{/*<Swiper*/}
|
||||
{/* spaceBetween={20}*/}
|
||||
{/* navigation={true}*/}
|
||||
{/* slidesPerView={4}*/}
|
||||
{/* watchSlidesProgress*/}
|
||||
{/* // onSlideChange={() => console.log('slide change')}*/}
|
||||
{/* // onSwiper={(swiper) => console.log(swiper)}*/}
|
||||
{/* autoplay={{*/}
|
||||
{/* "delay": 2500,*/}
|
||||
{/* "disableOnInteraction": false*/}
|
||||
{/* }}*/}
|
||||
{/* breakpoints={{*/}
|
||||
{/* "640": {*/}
|
||||
{/* "slidesPerView": 2,*/}
|
||||
{/* "spaceBetween": 20*/}
|
||||
{/* },*/}
|
||||
{/* "360": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 20*/}
|
||||
{/* },*/}
|
||||
{/* "320": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 20*/}
|
||||
{/* },*/}
|
||||
{/* "596": {*/}
|
||||
{/* width: 1080,*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 20*/}
|
||||
{/* },*/}
|
||||
{/* "526": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 2*/}
|
||||
{/* },*/}
|
||||
|
||||
{/* "996": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 40*/}
|
||||
{/* },*/}
|
||||
{/* "860": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 40*/}
|
||||
{/* },*/}
|
||||
{/* "768":{*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 40*/}
|
||||
{/* },*/}
|
||||
{/* "972": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 40*/}
|
||||
{/* },*/}
|
||||
{/* "1024": {*/}
|
||||
{/* "slidesPerView": 1,*/}
|
||||
{/* "spaceBetween": 50*/}
|
||||
{/* }*/}
|
||||
{/* }}*/}
|
||||
{/*>*/}
|
||||
{/* <SwiperSlide>*/}
|
||||
{/* <div className={'videoArea'}>*/}
|
||||
{/* <dvi>*/}
|
||||
{/* <video className={'videSize'} controls>*/}
|
||||
{/* <source src="https://aspb31.cdn.asset.aparat.com/aparat-video/6e3b0e419f951acdadaa1156fba3f68c40504352-480p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6ImYxOWQwODJjZGExMDczNzc4OTVhZjIyN2RmMGQxYzA3IiwiZXhwIjoxNjQzMTM3NjgxLCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.SuQ7NiruYW8h17Z7_xXY3SXGnmWKpzS1isEK0439vR0"></source>*/}
|
||||
{/* </video>*/}
|
||||
{/* </dvi>*/}
|
||||
{/* <div className={'textArea'}>*/}
|
||||
{/* <h3 className={'dana font-weight-bold'}> پیشرفت ساخت پروژه </h3>*/}
|
||||
{/* <p style={{ lineHeight: 2.5 }}>*/}
|
||||
{/* پیشرفت 85 درصدی طبقه همکف بیمارستان مهر ایرانیان*/}
|
||||
{/* <br />*/}
|
||||
{/* طبقه همکف تا پایان دی ماه سال 1400 با تلاش شبانه روزی مهندسین مجرب و کارگران سخت کوش*/}
|
||||
|
||||
{/* آماده بهره برداری و خدمت رسانی به عموم مردم است*/}
|
||||
{/* </p>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/* </SwiperSlide>*/}
|
||||
{/* <SwiperSlide>*/}
|
||||
{/* <div className={'videoArea'}>*/}
|
||||
{/* <dvi>*/}
|
||||
{/* <video className={'videSize'} controls>*/}
|
||||
{/* <source src="https://aspb34.cdn.asset.aparat.com/aparat-video/a81f1bdc132fa527cb86a0d63a1535cc40504208-480p.mp4?wmsAuthSign=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ0b2tlbiI6IjEwYWU1YWI5MzJkZTc5YzYxZGFkMThmNGEzNjcxNzI4IiwiZXhwIjoxNjQzMTM3NzU3LCJpc3MiOiJTYWJhIElkZWEgR1NJRyJ9.UnGNKbRAe5WXtMZxW4a3aAS1y609J1W8JvUqXB2ZWds"></source>*/}
|
||||
{/* </video>*/}
|
||||
{/* </dvi>*/}
|
||||
{/* <div className={'textArea'}>*/}
|
||||
{/* <h3 className={'dana font-weight-bold'}> خرید سهام </h3>*/}
|
||||
{/* <p style={{ lineHeight: 2.5 }}>*/}
|
||||
{/* توضیحات دکتر نمکی مدیر عامل بیمارستان مهر ایرانیان پرند در رابطه خرید سهام بیمارستان*/}
|
||||
{/* در این ویدئو با مزایای خرید سهام و مراحل پیشرفت پروژه آشنا می شوید*/}
|
||||
{/* </p>*/}
|
||||
{/* <MDBBtn style={{ backgroundColor: '#EF4444', fontWeight: 'bold' }} className={'d-flex mb-5 justify-content-center dana '}>مشاوره خرید سهام </MDBBtn>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
{/* </SwiperSlide>*/}
|
||||
{/*</Swiper>*/}
|
||||
{/*<MDBContainer className={'mt-5'}>*/}
|
||||
{/* <div className={'p-2 rounded-5 flex lg:flex-row-reverse fix-col md:flex-col sm:flex-col text-center justify-center dana'} style={{ backgroundColor: '#A7F3D0', borderLeft: '4px solid #34D399', borderRight: '4px solid #34D399' }}>*/}
|
||||
{/* <div>*/}
|
||||
{/* <MDBTypography className={'ml-2 RTL'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>مشاوره تلفنی خرید سهام </MDBTypography>*/}
|
||||
{/* </div>*/}
|
||||
{/* <div>*/}
|
||||
{/* <MDBTypography className={'mr-2'} style={{ fontWeight: 'bold', lineHeight: 2 }} variant='h5'>021 - 28426945 </MDBTypography>*/}
|
||||
{/* </div>*/}``
|
||||
{/* </div>*/}
|
||||
{/*</MDBContainer>*/}
|
||||
</MDBContainer>
|
||||
);
|
||||
};
|
||||
|
||||
export default Accessgrid;
|
||||
@@ -0,0 +1,153 @@
|
||||
import React from 'react';
|
||||
import {useState} from "react";
|
||||
import {useFormik ,Form} from "formik";
|
||||
import { Formik } from "formik";
|
||||
|
||||
import * as Yup from 'yup'
|
||||
import {
|
||||
MDBInputGroup,
|
||||
MDBInputGroupText,
|
||||
MDBInputGroupElement, MDBContainer, MDBRow, MDBIcon, MDBInput, MDBBtn, MDBSpinner, MDBTypography
|
||||
} from 'mdb-react-ui-kit'
|
||||
import axios from "axios";
|
||||
import {AppUrl} from "../../lib/api";
|
||||
import {AiOutlinePhone, AiOutlineUser} from "react-icons/ai";
|
||||
|
||||
const Connect = () => {
|
||||
const [Loading,setLoading] = useState(false);
|
||||
const [Success,setSuccess] = useState(false);
|
||||
|
||||
return (
|
||||
<>
|
||||
<Formik
|
||||
initialValues={{ name: "" ,PhoneNumber: "",text: ""}}
|
||||
onSubmit={async (values,{resetForm}) => {
|
||||
setLoading(true);
|
||||
const dataForm = values;
|
||||
const SubmitForm = axios.post(AppUrl('contact-us'),dataForm).then((res) => {
|
||||
if (res.status === 200) {
|
||||
setLoading(false);
|
||||
setSuccess(true);
|
||||
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
resetForm({})
|
||||
}}
|
||||
validateOnChange={false}
|
||||
validateOnBlur={false}
|
||||
validationSchema={Yup.object().shape({
|
||||
name: Yup.string().required("وارد کردن نام الزامی است."),
|
||||
PhoneNumber : Yup.string().required('شماره تلفن الزامی است .'),
|
||||
text : Yup.string().required('متن پیام وارد نشده است. '),
|
||||
})}
|
||||
>
|
||||
{props => {
|
||||
props.submitCount > 0 && (props.validateOnChange = true);
|
||||
const {
|
||||
values,
|
||||
touched,
|
||||
errors,
|
||||
handleChange,
|
||||
handleBlur,
|
||||
handleSubmit,
|
||||
handleReset
|
||||
} = props;
|
||||
return (
|
||||
<form id={'contactUsform'} style={{marginTop: '25px'}} onSubmit={handleSubmit}>
|
||||
<MDBContainer>
|
||||
<h5 className={'right-align font-weight-bold'}> تماس با ما و مشاوره خرید سهام </h5>
|
||||
<br />
|
||||
<MDBRow>
|
||||
<MDBInputGroup className='mb-3' style={{width: '50%'}}>
|
||||
<MDBInputGroupElement
|
||||
onChange={handleChange}
|
||||
onBlur={handleBlur}
|
||||
value={values.PhoneNumber}
|
||||
name="PhoneNumber"
|
||||
dir={'rtl'}
|
||||
id="PhoneNumber"
|
||||
placeholder='شماره تماس '
|
||||
type='text' />
|
||||
|
||||
<MDBInputGroupText>
|
||||
<AiOutlinePhone />
|
||||
</MDBInputGroupText>
|
||||
|
||||
</MDBInputGroup>
|
||||
|
||||
<MDBInputGroup className='mb-3' style={{width: '50%'}}>
|
||||
<MDBInputGroupElement
|
||||
value={values.name}
|
||||
onChange={handleChange}
|
||||
name="name"
|
||||
dir={'rtl'}
|
||||
id="name"
|
||||
placeholder=' نام خود را وارد کنید '
|
||||
type='text' />
|
||||
<MDBInputGroupText>
|
||||
<AiOutlineUser />
|
||||
</MDBInputGroupText>
|
||||
</MDBInputGroup>
|
||||
<MDBInputGroup className='mb-3' style={{width: '100%'}}>
|
||||
<MDBInputGroupElement
|
||||
name={'text'}
|
||||
id={'text'}
|
||||
value={values.text}
|
||||
onChange={handleChange}
|
||||
dir={'rtl'}
|
||||
className={'right-align RTL'}
|
||||
style={{height: '100%'}}
|
||||
placeholder='متن پیام خود را وارد کنید'
|
||||
textarea
|
||||
type='text' />
|
||||
</MDBInputGroup>
|
||||
</MDBRow>
|
||||
<MDBBtn type={'submit'}>
|
||||
{Loading ? (
|
||||
<>
|
||||
<MDBSpinner grow size='sm' role='status' tag='span' />
|
||||
<span className='visually-hidden'>Loading...</span>
|
||||
</>
|
||||
):
|
||||
<>
|
||||
ارسال
|
||||
</>
|
||||
}
|
||||
</MDBBtn>
|
||||
{touched.PhoneNumber && errors.PhoneNumber ? (
|
||||
<div className={'d-flex justify-content-end text-danger '}>
|
||||
{errors.PhoneNumber}
|
||||
</div>
|
||||
): null}
|
||||
{touched.name && errors.name ? (
|
||||
<div className={'d-flex justify-content-end text-danger '}>
|
||||
{errors.name}
|
||||
</div>
|
||||
): null}
|
||||
{touched.text && errors.text ? (
|
||||
<div className={'d-flex justify-content-end text-danger '}>
|
||||
{errors.text}
|
||||
</div>
|
||||
): null}
|
||||
<br/>
|
||||
{Success ? (
|
||||
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #00B74A',borderLeft: 'none'}} note noteColor='success'>
|
||||
اطلاعات شما ارسال شد ، بعد از بررسی با شما تماس گرفته می شود .
|
||||
</MDBTypography>
|
||||
): null}
|
||||
</MDBContainer>
|
||||
|
||||
|
||||
|
||||
|
||||
</form>
|
||||
);
|
||||
}}
|
||||
</Formik>
|
||||
</>
|
||||
)
|
||||
};
|
||||
|
||||
export default Connect;
|
||||
@@ -0,0 +1,97 @@
|
||||
import React from 'react';
|
||||
import {
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardTitle,
|
||||
MDBCardText,
|
||||
MDBCardImage,
|
||||
MDBBtn,
|
||||
MDBContainer,
|
||||
MDBRow, MDBCol
|
||||
} from 'mdb-react-ui-kit';
|
||||
import {useRouter} from "next/router";
|
||||
import AppContainer from "../appContainer";
|
||||
|
||||
const Doctors = ({children}) => {
|
||||
const router = useRouter();
|
||||
|
||||
const dataPageDoctors = (
|
||||
<MDBContainer>
|
||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
|
||||
کادر درمان بیمارستان مهر ایرانیان
|
||||
<hr />
|
||||
</h5>
|
||||
<br/>
|
||||
<MDBRow className='row-cols-1 row-cols-md-4 g-6'>
|
||||
<MDBCol>
|
||||
<MDBCard className='h-80'>
|
||||
<MDBCardImage
|
||||
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
||||
alt='...'
|
||||
position='top'
|
||||
/>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
||||
<MDBCardText className={'text-center mt-3'}>
|
||||
متخصص قلب و عروق
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard className='h-80'>
|
||||
<MDBCardImage
|
||||
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
||||
alt='...'
|
||||
position='top'
|
||||
/>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
||||
<MDBCardText className={'text-center mt-3'}>
|
||||
متخصص قلب و عروق
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard className='h-80'>
|
||||
<MDBCardImage
|
||||
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
||||
alt='...'
|
||||
position='top'
|
||||
/>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
||||
<MDBCardText className={'text-center mt-3'}>
|
||||
متخصص قلب و عروق
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard className='h-80'>
|
||||
<MDBCardImage
|
||||
src='https://zendegionline.ir/zendegionline/8cc3/files/1139429.jpg'
|
||||
alt='...'
|
||||
position='top'
|
||||
/>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'text-center'}> دکتر محمود علیزاده</MDBCardTitle>
|
||||
<MDBCardText className={'text-center mt-3'}>
|
||||
متخصص قلب و عروق
|
||||
</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
</MDBRow>
|
||||
{children}
|
||||
</MDBContainer>
|
||||
)
|
||||
return (
|
||||
<div>
|
||||
{router.pathname === '/' ? dataPageDoctors : <AppContainer children={dataPageDoctors} />}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default Doctors;
|
||||
@@ -0,0 +1,294 @@
|
||||
import React from 'react';
|
||||
import { Swiper, SwiperSlide } from 'swiper/react';
|
||||
import SwiperCore, { Autoplay } from 'swiper';
|
||||
|
||||
import Link from "next/link";
|
||||
import {
|
||||
MDBCard,
|
||||
MDBCardBody,
|
||||
MDBCardTitle,
|
||||
MDBCardText,
|
||||
MDBCardHeader,
|
||||
MDBCardFooter,
|
||||
MDBBtn,
|
||||
MDBTypography,
|
||||
MDBContainer, MDBRow, MDBCol
|
||||
} from 'mdb-react-ui-kit';
|
||||
import {useRouter} from "next/router";
|
||||
import AppContainer from "../appContainer";
|
||||
import Image from "next/image";
|
||||
import {Button, Center, Flex, Heading, Input, InputGroup, InputLeftAddon, InputRightAddon} from "@chakra-ui/react";
|
||||
import { Step, Steps, useSteps } from "chakra-ui-steps"
|
||||
|
||||
SwiperCore.use([Autoplay]);
|
||||
|
||||
|
||||
|
||||
|
||||
// Import Swiper styles
|
||||
|
||||
const Parallax = ({ quality }) => {
|
||||
return `https://image.freepik.com/free-photo/blur-hospital_1203-7957.jpg`
|
||||
}
|
||||
|
||||
|
||||
|
||||
const dataServiceList = (
|
||||
<>
|
||||
<div className="parallax-container">
|
||||
<h2 className={'center-align text-dark service-text dana font-weight-bold'}> کلینیک ها و بخش ها </h2>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src="Parallax.png"
|
||||
className={'responsive-img shadow-5'}
|
||||
alt="Picture of the author"
|
||||
width={3000}
|
||||
height={1500}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer style={{marginTop:10}}>
|
||||
<div>
|
||||
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #1266f1',borderLeft: 'none'}} note noteColor='primary'>
|
||||
برای رزرو وقت روی هر کلینیک کلیک کنید
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
||||
<MDBCol>
|
||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem',height: '250px' }}>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src="https://image.flaticon.com/icons/png/512/2044/2044708.png" alt=""/>
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'dana'}> بخش گوارش </MDBCardTitle>
|
||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
|
||||
<MDBCol>
|
||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem',height: '250px' }}>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src="https://image.flaticon.com/icons/png/512/1839/1839377.png" alt=""/>
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'dana'}> بخش قلب و عروق </MDBCardTitle>
|
||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem',height: '250px' }}>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src="https://image.flaticon.com/icons/png/512/2847/2847982.png" alt=""/>
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'dana'}> بخش مغز و اعصاب </MDBCardTitle>
|
||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard className={'color-top-card'} alignment='center' style={{ maxWidth: '22rem',height: '250px' }}>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src="https://image.flaticon.com/icons/png/512/1610/1610185.png" alt=""/>
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'dana'}> بخش دندان پزشکی </MDBCardTitle>
|
||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
<MDBCol>
|
||||
<MDBCard className={'color-top-card'} alignment='center' style={{ cursor: 'pointer',maxWidth: '32rem',height: '250px' }}>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src="https://image.flaticon.com/icons/png/512/2660/2660065.png" alt=""/>
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle className={'dana'}> بخش کلیه و مجاری ادارای </MDBCardTitle>
|
||||
<MDBCardText className={'bk'}>داشتن بخش های تخصصی و فوق تخصصی </MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
</MDBRow>
|
||||
|
||||
</MDBContainer>
|
||||
<br/>
|
||||
|
||||
</>
|
||||
|
||||
)
|
||||
const steps = [
|
||||
{ label: "Step 1", description: "Step 1 description" },
|
||||
{ label: "Step 2", description: "Step 2 description" },
|
||||
{ label: "Step 3", description: "Step 3 description" },
|
||||
{ label: "Step 3", description: "Step 3 description" },
|
||||
{ label: "Step 3", description: "Step 3 description" },
|
||||
{ label: "Step 3", description: "Step 3 description" },
|
||||
{ label: "Step 3", description: "Step 3 description" },
|
||||
{ label: "Step 3", description: "Step 3 description" },
|
||||
]
|
||||
const Service = () => {
|
||||
const router = useRouter();
|
||||
const dataMipService = [
|
||||
{id: 1, title: 'بخش اورژانس', icon: './resource/icons/hospital-c.png', description: 'اورژانس'},
|
||||
{id: 2, title: 'درمانگاه', icon: './resource/icons/hospital.png', description: 'درمانگاه تخصصی'},
|
||||
{id: 3, title: 'بخش بستری داخلی', icon: './resource/icons/hospital-bed.png', description: 'بستری داخلی'},
|
||||
{id: 4, title: 'بخش اسکوپی', icon: './resource/icons/scope.png', description: 'اسکوپی'},
|
||||
{id: 5, title: 'بخش پوست', icon: './resource/icons/dermis.png', description: 'زیبایی و لیزر'},
|
||||
{id: 6, title: 'بخش جراحی', icon: './resource/icons/surgery.png', description: 'تخصصی و زیبایی'},
|
||||
{id: 7, title: 'بخش اتاق عمل', icon: './resource/icons/operating-room.png', description: 'اتاق عمل'},
|
||||
{id: 8, title: 'بخش مراقبت های ویژه ICU', icon: './resource/icons/ICU.png', description: 'ICU'},
|
||||
{id: 9, title: 'بخش مراقبت های ویژه قلب CCU', icon: './resource/icons/CCU.png', description: 'CCU'},
|
||||
{id: 10, title: 'بخش مراقبت های ویژه نوزدان NICU', icon: './resource/icons/NICU.png', description: 'NICU'},
|
||||
{id: 11, title: 'بخش زایمان LDR', icon: './resource/icons/baby.png', description: 'LDR'},
|
||||
{id: 12, title: 'بخش تصویر برداری', icon: './resource/icons/x-rays.png', description: 'سونوگرافی و ...'},
|
||||
{id: 13, title: 'بخش آزمایشگاه', icon: './resource/icons/test-tubes.png', description: 'تخصصی ، سلامت سنجی'},
|
||||
{id: 14, title: 'بخش فیزیوتراپی', icon: './resource/icons/spinal-cord.png', description: 'تست قلب و ...'},
|
||||
]
|
||||
const { nextStep, prevStep, reset, activeStep } = useSteps({
|
||||
initialStep: 0,
|
||||
})
|
||||
return (
|
||||
<>
|
||||
{router.pathname === '/' ? (
|
||||
<div className={'mt-5'}>
|
||||
<MDBContainer>
|
||||
<h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>کلینیک و بخش ها </h5>
|
||||
<hr />
|
||||
<br />
|
||||
<Swiper
|
||||
spaceBetween={20}
|
||||
navigation={true}
|
||||
slidesPerView={4}
|
||||
watchSlidesProgress
|
||||
// onSlideChange={() => console.log('slide change')}
|
||||
// onSwiper={(swiper) => console.log(swiper)}
|
||||
autoplay={{
|
||||
"delay": 2500,
|
||||
"disableOnInteraction": false
|
||||
}}
|
||||
breakpoints={{
|
||||
"640": {
|
||||
"slidesPerView": 2,
|
||||
"spaceBetween": 20
|
||||
},
|
||||
"360": {
|
||||
"slidesPerView": 1,
|
||||
"spaceBetween": 20
|
||||
},
|
||||
"320": {
|
||||
"slidesPerView": 1,
|
||||
"spaceBetween": 20
|
||||
},
|
||||
"596": {
|
||||
width: 1080,
|
||||
"slidesPerView": 2,
|
||||
"spaceBetween": 20
|
||||
},
|
||||
"526": {
|
||||
"slidesPerView": 1,
|
||||
"spaceBetween": 2
|
||||
},
|
||||
|
||||
"996": {
|
||||
"slidesPerView": 2,
|
||||
"spaceBetween": 40
|
||||
},
|
||||
"860": {
|
||||
"slidesPerView": 2,
|
||||
"spaceBetween": 40
|
||||
},
|
||||
"768":{
|
||||
"slidesPerView": 3,
|
||||
"spaceBetween": 40
|
||||
},
|
||||
"972": {
|
||||
"slidesPerView": 3,
|
||||
"spaceBetween": 40
|
||||
},
|
||||
"1024": {
|
||||
"slidesPerView": 5,
|
||||
"spaceBetween": 50
|
||||
}
|
||||
}}
|
||||
>
|
||||
{dataMipService.map((item, index) => {
|
||||
return (
|
||||
<SwiperSlide key={index}>
|
||||
<Link href={'components/service'} as={'/Service'}>
|
||||
<MDBCard className={'color-top-card '} alignment='center' style={{ maxWidth: '22rem',height: '250px' }}>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src={item.icon} alt=""/>
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody className={'d-flex flex-column justify-content-between'}>
|
||||
<MDBCardTitle className={'dana'}> {item.title} </MDBCardTitle>
|
||||
<MDBCardText className={'bk RTL'}>{item.description}</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</Link>
|
||||
<br />
|
||||
<br />
|
||||
</SwiperSlide>
|
||||
)
|
||||
})}
|
||||
<SwiperSlide>
|
||||
<MDBCard className={'color-top-card'} alignment='center' style={{ cursor: 'pointer', maxWidth: '22rem',height: '250px' }}>
|
||||
<MDBCardBody style={{display: 'flex',alignItems:'center',justifyContent: 'center'}}>
|
||||
<Link href={'components/service'} as={'/Service'}>
|
||||
<MDBCardText className={'bk'}><h1 className={'RTL dana'}>بیشتر ...</h1> </MDBCardText>
|
||||
</Link>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
<br />
|
||||
<br />
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
</MDBContainer>
|
||||
</div>
|
||||
): (
|
||||
<AppContainer title={'کلینیک ها و بخش ها '}>
|
||||
<div className="parallax-container">
|
||||
<h2 className={'center-align text-dark service-text dana font-weight-bold'}> کلینیک ها و بخش ها </h2>
|
||||
<Image
|
||||
loader={Parallax}
|
||||
src="Parallax.png"
|
||||
className={'responsive-img shadow-5'}
|
||||
alt="Picture of the author"
|
||||
width={3000}
|
||||
height={1500}
|
||||
/>
|
||||
</div>
|
||||
<MDBContainer style={{marginTop:10}}>
|
||||
<div>
|
||||
<MDBTypography style={{direction: 'rtl',borderRadius: '6px solid',borderRight: '6px solid #1266f1',borderLeft: 'none'}} note noteColor='primary'>
|
||||
برای رزرو وقت روی هر کلینیک کلیک کنید
|
||||
</MDBTypography>
|
||||
</div>
|
||||
<MDBRow className='row-cols-1 row-cols-sm-1 row-cols-md-2 row-cols-lg-4 g-4'>
|
||||
{dataMipService.map((item, index) => {
|
||||
return (
|
||||
<MDBCol>
|
||||
<MDBCard key={index} className={'color-top-card '} alignment='center' style={{ maxWidth: '22rem',height: '250px' }}>
|
||||
<MDBCardHeader className={'center d-flex justify-content-center'}>
|
||||
<img width={'50'} src={item.icon} alt=""/>
|
||||
</MDBCardHeader>
|
||||
<MDBCardBody className={'d-flex flex-column justify-content-between'}>
|
||||
<MDBCardTitle className={'dana'}> {item.title} </MDBCardTitle>
|
||||
<MDBCardText className={'bk RTL'}>{item.description}</MDBCardText>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
</MDBCol>
|
||||
)
|
||||
})}
|
||||
</MDBRow>
|
||||
|
||||
</MDBContainer>
|
||||
<br/>
|
||||
</AppContainer>
|
||||
|
||||
)}
|
||||
</>
|
||||
);
|
||||
};
|
||||
|
||||
export default Service;
|
||||
@@ -0,0 +1,32 @@
|
||||
import React from 'react'
|
||||
import SliderOne from '../../public/resource/slider/slier-1(1).webp'
|
||||
import sliderJob from '../../public/resource/slider/slider-2(1).webp'
|
||||
import sliderBook from '../../public/resource/slider/slider_3.webp'
|
||||
|
||||
import Image from 'next/image'
|
||||
import { Swiper, SwiperSlide } from 'swiper/react'
|
||||
import { Pagination } from 'swiper'
|
||||
import Link from 'next/link'
|
||||
const Slider = () => {
|
||||
return (
|
||||
<div>
|
||||
<Swiper pagination={true} autoplay={true} loop={true} modules={[Pagination]} className='mySwiper'>
|
||||
<SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
||||
<Link href='/stock-price'>
|
||||
<img src={SliderOne} />
|
||||
</Link>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
||||
<Link href='/recruitment'>
|
||||
<img src={sliderJob} />
|
||||
</Link>
|
||||
</SwiperSlide>
|
||||
<SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
|
||||
<img src={sliderBook} />
|
||||
</SwiperSlide>
|
||||
</Swiper>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Slider
|
||||
@@ -0,0 +1,16 @@
|
||||
import React from 'react';
|
||||
import { MDBCard, MDBCardBody, MDBCardTitle, MDBCardText, MDBBtn } from 'mdb-react-ui-kit';
|
||||
|
||||
export default function Some() {
|
||||
return (
|
||||
<MDBCard style={{ maxWidth: '22rem' }}>
|
||||
<MDBCardBody>
|
||||
<MDBCardTitle>Card title</MDBCardTitle>
|
||||
<MDBCardText>
|
||||
Some quick example text to build on the card title and make up the bulk of the card's content.
|
||||
</MDBCardText>
|
||||
<MDBBtn>Button</MDBBtn>
|
||||
</MDBCardBody>
|
||||
</MDBCard>
|
||||
);
|
||||
}
|
||||
@@ -0,0 +1,7 @@
|
||||
import dynamic from 'next/dynamic'
|
||||
|
||||
const DynamicComponentWithNoSSR = dynamic(() => import('./Paralax'), {
|
||||
ssr: false
|
||||
})
|
||||
|
||||
export default () => <DynamicComponentWithNoSSR />
|
||||
Reference in New Issue
Block a user