feat: add poromtional langinh
This commit is contained in:
+4
-4
@@ -60,7 +60,7 @@ const Gallery = ({ images }) => {
|
||||
}, [selectedImage, images.length])
|
||||
|
||||
return (
|
||||
<AppContainer title='گالری بیمارستان مهر ایرانیان پرند'>
|
||||
<AppContainer title='گالری بیمارستان مهر پرند'>
|
||||
<style jsx>{`
|
||||
.gallery-page {
|
||||
direction: rtl;
|
||||
@@ -258,7 +258,7 @@ const Gallery = ({ images }) => {
|
||||
loader={galleryBannerLoader}
|
||||
src='gallery-banner.jpg'
|
||||
className='responsive-img shadow-5'
|
||||
alt='گالری بیمارستان مهر ایرانیان پرند'
|
||||
alt='گالری بیمارستان مهر پرند'
|
||||
width={3000}
|
||||
height={1300}
|
||||
priority
|
||||
@@ -268,7 +268,7 @@ const Gallery = ({ images }) => {
|
||||
<main className='gallery-page'>
|
||||
<header className='gallery-header'>
|
||||
<h2>گالری تصاویر</h2>
|
||||
<p>تصاویر بیمارستان مهر ایرانیان پرند</p>
|
||||
<p>تصاویر بیمارستان مهر پرند</p>
|
||||
</header>
|
||||
|
||||
<section className='gallery-grid' aria-label='تصاویر گالری بیمارستان'>
|
||||
@@ -345,7 +345,7 @@ export async function getStaticProps() {
|
||||
const images = fileNames.map((fileName, index) => ({
|
||||
id: fileName,
|
||||
image: `/resource/images/gallery/${encodeURIComponent(fileName)}`,
|
||||
title: `تصویر ${index + 1} از بیمارستان مهر ایرانیان پرند`
|
||||
title: `تصویر ${index + 1} از بیمارستان مهر پرند`
|
||||
}))
|
||||
|
||||
return {
|
||||
|
||||
@@ -10,7 +10,7 @@ const AppContainer = ({ children, title }) => {
|
||||
return (
|
||||
<div>
|
||||
<Head>
|
||||
<title>{title ? title : 'بیمارستان مهر ایرانیان پرند '}</title>
|
||||
<title>{title ? title : 'بیمارستان مهر پرند '}</title>
|
||||
<meta name='description' content='بیمارستان 96 تخت خوابی مهر ایرانیان پرند واقع در شهر پرند ' />
|
||||
<meta
|
||||
name='keywords'
|
||||
|
||||
@@ -69,7 +69,7 @@ const OnlineSales = () => {
|
||||
{/* <div className={'mr-5'}>*/}
|
||||
{/* <MDBCardTitle className={'bk-med'}>خرید سهام </MDBCardTitle>*/}
|
||||
{/* <MDBCardText className={'bk-light'}>*/}
|
||||
{/* خرید سهام بیمارستان مهر ایرانیان پرند*/}
|
||||
{/* خرید سهام بیمارستان مهر پرند*/}
|
||||
{/* </MDBCardText>*/}
|
||||
{/* </div>*/}
|
||||
{/* </div>*/}
|
||||
|
||||
@@ -22,7 +22,7 @@ const StockSales = () => {
|
||||
<div className={'mr-5'}>
|
||||
<MDBCardTitle className={'bk-med'}>مشاوره خرید سهام </MDBCardTitle>
|
||||
<MDBCardText className={'bk-light'}>
|
||||
خرید سهام بیمارستان مهر ایرانیان پرند
|
||||
خرید سهام بیمارستان مهر پرند
|
||||
</MDBCardText>
|
||||
</div>
|
||||
</div>
|
||||
@@ -87,7 +87,7 @@ const StockSales = () => {
|
||||
<div className={'mr-5'}>
|
||||
<MDBCardTitle className={'bk-med'}>بخش های درمانی </MDBCardTitle>
|
||||
<MDBCardText className={'bk-light text-sm'}>
|
||||
بخش های درمانی بیمارستان مهر ایرانیان پرند
|
||||
بخش های درمانی بیمارستان مهر پرند
|
||||
</MDBCardText>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -223,7 +223,7 @@ const Accessgrid = () => {
|
||||
{/* <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>*/}
|
||||
|
||||
+100
@@ -23,15 +23,115 @@ export default function Home({ data_NEWS }) {
|
||||
.fix-col {
|
||||
flex-direction: row;
|
||||
}
|
||||
.opening-announcement {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 2rem;
|
||||
width: min(1180px, calc(100% - 2rem));
|
||||
margin: 2rem auto;
|
||||
padding: clamp(2rem, 5vw, 3.5rem);
|
||||
overflow: hidden;
|
||||
border-radius: 1.5rem;
|
||||
color: #fff;
|
||||
background: linear-gradient(120deg, #0b3942, #147778);
|
||||
box-shadow: 0 20px 50px rgba(13, 83, 88, 0.18);
|
||||
direction: rtl;
|
||||
}
|
||||
.opening-announcement::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
width: 360px;
|
||||
height: 360px;
|
||||
left: -140px;
|
||||
bottom: -230px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.17);
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 0 0 65px rgba(255, 255, 255, 0.035);
|
||||
pointer-events: none;
|
||||
}
|
||||
.opening-copy,
|
||||
.opening-actions {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.opening-copy {
|
||||
max-width: 720px;
|
||||
}
|
||||
.opening-label {
|
||||
display: inline-block;
|
||||
margin-bottom: 0.8rem;
|
||||
color: #a5eee6;
|
||||
font-size: 0.85rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
.opening-copy h2 {
|
||||
margin: 0;
|
||||
color: #fff;
|
||||
font-size: clamp(1.55rem, 3vw, 2.5rem);
|
||||
font-weight: 800;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.opening-copy p {
|
||||
margin: 1rem 0 0;
|
||||
color: rgba(255, 255, 255, 0.82);
|
||||
font-size: 0.95rem;
|
||||
line-height: 2;
|
||||
}
|
||||
.opening-button {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
min-height: 50px;
|
||||
padding: 0.8rem 1.4rem;
|
||||
border-radius: 0.8rem;
|
||||
color: #083b40;
|
||||
background: #a5eee6;
|
||||
font-size: 0.9rem;
|
||||
font-weight: 700;
|
||||
white-space: nowrap;
|
||||
transition: background 180ms ease, transform 180ms ease;
|
||||
}
|
||||
.opening-button:hover {
|
||||
color: #083b40;
|
||||
background: #c5f8f2;
|
||||
text-decoration: none;
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
@media screen and (max-width: 800px) {
|
||||
.opening-announcement {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 639px) {
|
||||
.fix-col {
|
||||
flex-direction: column;
|
||||
}
|
||||
.opening-announcement {
|
||||
width: calc(100% - 1.25rem);
|
||||
margin: 1.25rem auto;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
}
|
||||
`}
|
||||
</style>
|
||||
<AppContainer>
|
||||
<Slider />
|
||||
<section className='opening-announcement' aria-labelledby='opening-announcement-title'>
|
||||
<div className='opening-copy'>
|
||||
<span className='opening-label'>اطلاعرسانی افتتاح</span>
|
||||
<h2 id='opening-announcement-title'>در چند قدمی افتتاح بیمارستان مهر ایرانیان</h2>
|
||||
<p>اخبار و زمان دقیق افتتاح بیمارستان از طریق همین وبسایت اطلاعرسانی خواهد شد.</p>
|
||||
</div>
|
||||
<div className='opening-actions'>
|
||||
<Link href='/landing'>
|
||||
<a className='opening-button'>آشنایی با بیمارستان</a>
|
||||
</Link>
|
||||
</div>
|
||||
</section>
|
||||
<br />
|
||||
<div className='lg:mx-20 sm:mx-5'>
|
||||
<SimpleGrid spacing={15} columns={[1, 2, 2]}>
|
||||
|
||||
+287
-30
@@ -4,12 +4,15 @@ import Link from 'next/link'
|
||||
import {
|
||||
FiActivity,
|
||||
FiArrowLeft,
|
||||
FiBriefcase,
|
||||
FiCamera,
|
||||
FiCheckCircle,
|
||||
FiClock,
|
||||
FiFileText,
|
||||
FiHeart,
|
||||
FiMapPin,
|
||||
FiPhone,
|
||||
FiPlay,
|
||||
FiShield
|
||||
} from 'react-icons/fi'
|
||||
import AppContainer from './appContainer'
|
||||
@@ -78,24 +81,38 @@ const quickLinks = [
|
||||
const galleryImages = [
|
||||
{
|
||||
src: '/resource/images/gallery/IMG-20260910-WA0040.jpg',
|
||||
alt: 'فضای بستری بیمارستان مهر ایرانیان پرند',
|
||||
alt: 'فضای بستری بیمارستان مهر پرند',
|
||||
className: 'gallery-large'
|
||||
},
|
||||
{
|
||||
src: '/resource/images/gallery/IMG-20260910-WA0059.jpg',
|
||||
alt: 'راهروی درمانگاه بیمارستان مهر ایرانیان پرند',
|
||||
alt: 'راهروی درمانگاه بیمارستان مهر پرند',
|
||||
className: ''
|
||||
},
|
||||
{
|
||||
src: '/resource/images/gallery/IMG-20260910-WA0000.jpg',
|
||||
alt: 'ایستگاه پرستاری بیمارستان مهر ایرانیان پرند',
|
||||
alt: 'ایستگاه پرستاری بیمارستان مهر پرند',
|
||||
className: ''
|
||||
}
|
||||
]
|
||||
|
||||
const Landing = () => {
|
||||
const videoRef = React.useRef(null)
|
||||
const [videoStarted, setVideoStarted] = React.useState(false)
|
||||
|
||||
const handlePlayVideo = async () => {
|
||||
if (!videoRef.current) return
|
||||
|
||||
try {
|
||||
await videoRef.current.play()
|
||||
setVideoStarted(true)
|
||||
} catch {
|
||||
setVideoStarted(false)
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<AppContainer title='بیمارستان مهر ایرانیان پرند | همراه سلامت شما'>
|
||||
<AppContainer title='بیمارستان مهر پرند | همراه سلامت شما'>
|
||||
<style jsx>{`
|
||||
.landing {
|
||||
direction: rtl;
|
||||
@@ -139,12 +156,90 @@ const Landing = () => {
|
||||
linear-gradient(0deg, rgba(7, 37, 44, 0.28), transparent 45%);
|
||||
}
|
||||
|
||||
.hero-layout {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
|
||||
align-items: center;
|
||||
gap: clamp(2rem, 5vw, 4rem);
|
||||
}
|
||||
|
||||
.hero-content {
|
||||
max-width: 650px;
|
||||
padding: 6rem 0 8rem;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.hero-video {
|
||||
min-width: 0;
|
||||
padding: 0.6rem;
|
||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||
border-radius: 1.4rem;
|
||||
background: rgba(255, 255, 255, 0.12);
|
||||
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.28);
|
||||
backdrop-filter: blur(12px);
|
||||
}
|
||||
|
||||
.hero-video-media {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.hero-video video {
|
||||
display: block;
|
||||
width: 100%;
|
||||
aspect-ratio: 8 / 9;
|
||||
border-radius: 0.95rem;
|
||||
background: #092e35;
|
||||
object-fit: cover;
|
||||
object-position: center top;
|
||||
}
|
||||
|
||||
.hero-video-overlay {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.8rem;
|
||||
width: 100%;
|
||||
padding: 1rem;
|
||||
border: 0;
|
||||
border-radius: 0.95rem;
|
||||
color: #fff;
|
||||
background: rgba(5, 35, 41, 0.48);
|
||||
font: inherit;
|
||||
cursor: pointer;
|
||||
transition: background 180ms ease;
|
||||
}
|
||||
|
||||
.hero-video-overlay:hover {
|
||||
background: rgba(5, 35, 41, 0.36);
|
||||
}
|
||||
|
||||
.hero-video-overlay:focus-visible {
|
||||
outline: 3px solid #8fe4dc;
|
||||
outline-offset: 3px;
|
||||
}
|
||||
|
||||
.hero-play-icon {
|
||||
width: 76px;
|
||||
height: 76px;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
border: 2px solid rgba(255, 255, 255, 0.8);
|
||||
border-radius: 50%;
|
||||
background: rgba(255, 255, 255, 0.18);
|
||||
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.18);
|
||||
font-size: 2rem;
|
||||
backdrop-filter: blur(8px);
|
||||
}
|
||||
|
||||
.hero-play-text {
|
||||
font-size: 0.95rem;
|
||||
font-weight: 700;
|
||||
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
|
||||
}
|
||||
|
||||
.eyebrow {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
@@ -579,6 +674,86 @@ const Landing = () => {
|
||||
line-height: 1.8;
|
||||
}
|
||||
|
||||
.recruitment-panel {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
align-items: center;
|
||||
gap: clamp(2rem, 5vw, 4rem);
|
||||
padding: clamp(1.75rem, 5vw, 3.5rem);
|
||||
border: 1px solid #dcebea;
|
||||
border-radius: 1.5rem;
|
||||
background: linear-gradient(125deg, #fff, #f1faf9);
|
||||
box-shadow: 0 18px 45px rgba(18, 87, 90, 0.07);
|
||||
}
|
||||
|
||||
.recruitment-intro p {
|
||||
max-width: 520px;
|
||||
margin: 1rem 0 0;
|
||||
color: #64777b;
|
||||
font-size: 0.94rem;
|
||||
line-height: 2;
|
||||
}
|
||||
|
||||
.recruitment-links {
|
||||
display: grid;
|
||||
gap: 0.9rem;
|
||||
}
|
||||
|
||||
.recruitment-link {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 1rem;
|
||||
min-height: 96px;
|
||||
padding: 1rem 1.2rem;
|
||||
border: 1px solid #e0eeec;
|
||||
border-radius: 1rem;
|
||||
color: #15323a;
|
||||
background: #fff;
|
||||
transition: border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
|
||||
}
|
||||
|
||||
.recruitment-link:hover {
|
||||
border-color: #9fdcd5;
|
||||
color: #15323a;
|
||||
box-shadow: 0 10px 28px rgba(18, 87, 90, 0.1);
|
||||
text-decoration: none;
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.recruitment-icon {
|
||||
width: 52px;
|
||||
height: 52px;
|
||||
flex: 0 0 52px;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
border-radius: 0.85rem;
|
||||
color: #147778;
|
||||
background: #e6f7f4;
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.recruitment-copy strong,
|
||||
.recruitment-copy span {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.recruitment-copy strong {
|
||||
margin-bottom: 0.25rem;
|
||||
font-size: 0.95rem;
|
||||
}
|
||||
|
||||
.recruitment-copy span {
|
||||
color: #718387;
|
||||
font-size: 0.78rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.recruitment-arrow {
|
||||
flex: 0 0 auto;
|
||||
margin-right: auto;
|
||||
color: #147778;
|
||||
}
|
||||
|
||||
.contact-card {
|
||||
position: relative;
|
||||
display: grid;
|
||||
@@ -647,7 +822,21 @@ const Landing = () => {
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.hero {
|
||||
min-height: 620px;
|
||||
min-height: auto;
|
||||
}
|
||||
|
||||
.hero-layout {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.hero-content {
|
||||
padding: 5rem 0 0;
|
||||
}
|
||||
|
||||
.hero-video {
|
||||
width: min(100%, 720px);
|
||||
margin-bottom: 7rem;
|
||||
}
|
||||
|
||||
.quick-access {
|
||||
@@ -666,6 +855,10 @@ const Landing = () => {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.recruitment-panel {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.about-visual {
|
||||
min-height: 480px;
|
||||
}
|
||||
@@ -689,7 +882,6 @@ const Landing = () => {
|
||||
}
|
||||
|
||||
.hero {
|
||||
min-height: 670px;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
@@ -698,7 +890,11 @@ const Landing = () => {
|
||||
}
|
||||
|
||||
.hero-content {
|
||||
padding: 8rem 0 7rem;
|
||||
padding: 7rem 0 0;
|
||||
}
|
||||
|
||||
.hero-video {
|
||||
margin-bottom: 5rem;
|
||||
}
|
||||
|
||||
.hero h1 {
|
||||
@@ -785,6 +981,10 @@ const Landing = () => {
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
.recruitment-panel {
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
.contact-actions {
|
||||
max-width: none;
|
||||
}
|
||||
@@ -796,7 +996,7 @@ const Landing = () => {
|
||||
<div className='hero-image'>
|
||||
<Image
|
||||
src='/resource/images/gallery/IMG-20260910-WA0040.jpg'
|
||||
alt='بخش بستری بیمارستان مهر ایرانیان پرند'
|
||||
alt='بخش بستری بیمارستان مهر پرند'
|
||||
layout='fill'
|
||||
objectFit='cover'
|
||||
priority
|
||||
@@ -804,27 +1004,50 @@ const Landing = () => {
|
||||
</div>
|
||||
<div className='hero-overlay' />
|
||||
<div className='container'>
|
||||
<div className='hero-content'>
|
||||
<div className='eyebrow'>
|
||||
<span className='eyebrow-dot' />
|
||||
بیمارستان تخصصی در قلب شهر پرند
|
||||
</div>
|
||||
<h1>
|
||||
همراه مطمئن شما، برای <span>زندگی سالمتر</span>
|
||||
</h1>
|
||||
<p className='hero-description'>
|
||||
بیمارستان مهر ایرانیان پرند با تکیه بر زیرساخت درمانی مدرن، بخشهای تخصصی و فضای طراحیشده برای
|
||||
آرامش بیماران، در مسیر تبدیلشدن به یکی از قطبهای سلامت جنوبغرب تهران است.
|
||||
</p>
|
||||
<div className='hero-actions'>
|
||||
<a className='button button-primary' href='tel:02153457000'>
|
||||
<FiPhone /> تماس با بیمارستان
|
||||
</a>
|
||||
<Link href='/page/about'>
|
||||
<a className='button button-secondary'>
|
||||
درباره بیمارستان <FiArrowLeft />
|
||||
<div className='hero-layout'>
|
||||
<div className='hero-content'>
|
||||
<div className='eyebrow'>
|
||||
<span className='eyebrow-dot' />
|
||||
بیمارستان تخصصی در قلب شهر پرند
|
||||
</div>
|
||||
<h1>
|
||||
همراه مطمئن شما، برای <span>زندگی سالمتر</span>
|
||||
</h1>
|
||||
<p className='hero-description'>
|
||||
بیمارستان مهر پرند با تکیه بر زیرساخت درمانی مدرن، بخشهای تخصصی و فضای طراحیشده برای
|
||||
آرامش بیماران، در مسیر تبدیلشدن به یکی از قطبهای سلامت جنوبغرب تهران است.
|
||||
</p>
|
||||
<div className='hero-actions'>
|
||||
<a className='button button-primary' href='tel:02153457000'>
|
||||
<FiPhone /> تماس با بیمارستان
|
||||
</a>
|
||||
</Link>
|
||||
<Link href='/page/about'>
|
||||
<a className='button button-secondary'>
|
||||
درباره بیمارستان <FiArrowLeft />
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
<div className='hero-video'>
|
||||
<div className='hero-video-media'>
|
||||
<video
|
||||
ref={videoRef}
|
||||
controls
|
||||
preload='metadata'
|
||||
playsInline
|
||||
aria-label='ویدیوی بیمارستان مهر پرند'
|
||||
onPlay={() => setVideoStarted(true)}
|
||||
>
|
||||
<source src='/resource/video/Video-7535.mp4' type='video/mp4' />
|
||||
مرورگر شما از پخش ویدیو پشتیبانی نمیکند.
|
||||
</video>
|
||||
{!videoStarted && (
|
||||
<button className='hero-video-overlay' type='button' onClick={handlePlayVideo}>
|
||||
<span className='hero-play-icon' aria-hidden='true'><FiPlay /></span>
|
||||
<span className='hero-play-text'>پخش ویدیو</span>
|
||||
</button>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -868,13 +1091,13 @@ const Landing = () => {
|
||||
<div className='about-image'>
|
||||
<Image
|
||||
src='/resource/images/gallery/IMG-20260910-WA0000.jpg'
|
||||
alt='فضای داخلی بیمارستان مهر ایرانیان پرند'
|
||||
alt='فضای داخلی بیمارستان مهر پرند'
|
||||
layout='fill'
|
||||
objectFit='cover'
|
||||
/>
|
||||
</div>
|
||||
<div className='about-badge'>
|
||||
<strong>۹۶ تخت</strong>
|
||||
<strong>۱۵۰ تخت</strong>
|
||||
<span>ظرفیت فاز نخست بیمارستان</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1012,6 +1235,40 @@ const Landing = () => {
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className='section' aria-labelledby='recruitment-title'>
|
||||
<div className='container'>
|
||||
<div className='recruitment-panel'>
|
||||
<div className='recruitment-intro'>
|
||||
<span className='section-label'>استخدام و همکاری</span>
|
||||
<h2 className='section-title' id='recruitment-title'>به تیم بیمارستان مهر پرند بپیوندید</h2>
|
||||
<p>فرصتهای شغلی بیمارستان را ببینید، درخواست همکاری ثبت کنید و وضعیت درخواست خود را پیگیری کنید.</p>
|
||||
</div>
|
||||
<div className='recruitment-links'>
|
||||
<Link href='/recruitment'>
|
||||
<a className='recruitment-link'>
|
||||
<span className='recruitment-icon'><FiBriefcase /></span>
|
||||
<span className='recruitment-copy'>
|
||||
<strong>فرصتهای شغلی</strong>
|
||||
<span>مشاهده موقعیتها و ثبت درخواست</span>
|
||||
</span>
|
||||
<span className='recruitment-arrow'><FiArrowLeft /></span>
|
||||
</a>
|
||||
</Link>
|
||||
<Link href='/recruitment/inquiry'>
|
||||
<a className='recruitment-link'>
|
||||
<span className='recruitment-icon'><FiFileText /></span>
|
||||
<span className='recruitment-copy'>
|
||||
<strong>پیگیری درخواست</strong>
|
||||
<span>استعلام وضعیت درخواست ثبتشده</span>
|
||||
</span>
|
||||
<span className='recruitment-arrow'><FiArrowLeft /></span>
|
||||
</a>
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section className='section'>
|
||||
<div className='container'>
|
||||
<div className='contact-card'>
|
||||
|
||||
@@ -70,7 +70,7 @@ const Directors = () => {
|
||||
}
|
||||
]
|
||||
return (
|
||||
<AppContainer title={' تیم پروژه بیمارستان مهر ایرانیان پرند'}>
|
||||
<AppContainer title={' تیم پروژه بیمارستان مهر پرند'}>
|
||||
<div className='parallax-container'>
|
||||
<h2 className={'center-align text-white header_back service-text dana font-weight-bold'}>
|
||||
{' '}
|
||||
|
||||
+87
-14
@@ -1,6 +1,5 @@
|
||||
import React from 'react';
|
||||
import AppContainer from "../appContainer";
|
||||
import {MDBContainer, MDBProgress, MDBProgressBar} from "mdb-react-ui-kit";
|
||||
import Image from "next/image";
|
||||
|
||||
|
||||
@@ -11,6 +10,72 @@ const About = (props) => {
|
||||
return (
|
||||
<div>
|
||||
<AppContainer title={'درباره بیمارستان '}>
|
||||
<style jsx>{`
|
||||
.progress-section {
|
||||
margin: 3rem 0 4rem;
|
||||
padding: clamp(1.5rem, 4vw, 2.5rem);
|
||||
border: 1px solid #dcebea;
|
||||
border-radius: 1.5rem;
|
||||
background: linear-gradient(135deg, #f1faf9, #ffffff 65%);
|
||||
box-shadow: 0 18px 45px rgba(18, 87, 90, 0.08);
|
||||
direction: rtl;
|
||||
}
|
||||
.progress-heading {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
gap: 1.5rem;
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
.progress-label {
|
||||
display: block;
|
||||
margin-bottom: 0.65rem;
|
||||
color: #168182;
|
||||
font-size: 0.85rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
.progress-heading h2 {
|
||||
margin: 0;
|
||||
color: #15383e;
|
||||
font-size: clamp(1.4rem, 3vw, 2rem);
|
||||
font-weight: 800;
|
||||
line-height: 1.5;
|
||||
}
|
||||
.progress-value {
|
||||
flex: 0 0 auto;
|
||||
color: #147778;
|
||||
font-size: clamp(2.5rem, 5vw, 3.5rem);
|
||||
font-weight: 800;
|
||||
line-height: 1;
|
||||
}
|
||||
.progress-track {
|
||||
height: 16px;
|
||||
overflow: hidden;
|
||||
border-radius: 999px;
|
||||
background: #dcebea;
|
||||
}
|
||||
.progress-fill {
|
||||
width: 95%;
|
||||
height: 100%;
|
||||
border-radius: inherit;
|
||||
background: linear-gradient(90deg, #29b6a8, #147778);
|
||||
}
|
||||
.progress-caption {
|
||||
margin: 0.85rem 0 0;
|
||||
color: #637b7f;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
@media (max-width: 639px) {
|
||||
.progress-heading {
|
||||
align-items: flex-start;
|
||||
gap: 1rem;
|
||||
}
|
||||
.progress-section {
|
||||
margin: 2rem 0 3rem;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
}
|
||||
`}</style>
|
||||
<div className="parallax-container">
|
||||
<h1 className={'center-align text-white service-text dana font-weight-bold'}> درباره بیمارستان </h1>
|
||||
<Image
|
||||
@@ -30,22 +95,30 @@ const About = (props) => {
|
||||
</h5>
|
||||
<p className={'right-align RTL'}>
|
||||
بیمارستان تخصصی مهرایرانیان واقع در اتوبان چهاربانده اصلی داخلی شهر پرند در بهترین موقعیت مکانی و در دل مسکن مهر، با فضای درمانی به متراژ تقریبی 21.000 متر مربع همراه با 4000 متر پارکینگ طبقاتی، با هدف تبدیل شدن به یکی از قطب های درمانی منطقه در حال احداث می باشد. این بیمارستان که تنها بیمارستان تخصصی در کنار بزرگترین فرودگاه کشور است در فاز اولیه احداث دارای 96 تختخواب و دارای بخش های ICU،CCU،NICU،زایشگاه، اتاق های عمل، مرکز تصویربرداری،آزمایشگاه،داروخانه، اورژانس، بخش اسکوپی و گوارش، و دندانپزشکی عمومی و تخصصی می باشد. این بیمارستان در آینده نه چندان دور سهم بسزایی در بهداشت و درمان منطقه جنوب غرب تهران که شامل شهرهای پرند،رباط کریم،نسیم شهر و شهرک های تابعه است، خواهد داشت.
|
||||
در حال حاضر این پروژه 80% پیشرفت فیزیکی داشته و طبقه همکف آن که شامل اورژانس و کلینیک های تخصصی است تا پایان آبان 1400 تکمیل خواهد شد.
|
||||
در حال حاضر این پروژه 95% پیشرفت فیزیکی داشته و طبقه همکف آن که شامل اورژانس و کلینیک های تخصصی است تا پایان آبان 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='80' valuemin={0} valuemax={100}>
|
||||
80% پیشرفت فیزیکی پروژه
|
||||
</MDBProgressBar>
|
||||
</MDBProgress>
|
||||
</div>
|
||||
<br/>
|
||||
<section className='progress-section' aria-labelledby='progress-title'>
|
||||
<div className='progress-heading'>
|
||||
<div>
|
||||
<span className='progress-label'>پیشرفت پروژه</span>
|
||||
<h2 id='progress-title'>درصد پیشرفت کار</h2>
|
||||
</div>
|
||||
<strong className='progress-value'>۹۵٪</strong>
|
||||
</div>
|
||||
<div
|
||||
className='progress-track'
|
||||
role='progressbar'
|
||||
aria-label='پیشرفت فیزیکی پروژه'
|
||||
aria-valuenow={95}
|
||||
aria-valuemin={0}
|
||||
aria-valuemax={100}
|
||||
>
|
||||
<div className='progress-fill' />
|
||||
</div>
|
||||
<p className='progress-caption'>پیشرفت فیزیکی پروژه بیمارستان مهر ایرانیان</p>
|
||||
</section>
|
||||
</div>
|
||||
</AppContainer>
|
||||
</div>
|
||||
|
||||
@@ -43,7 +43,7 @@ const ContactUs = () => {
|
||||
<MDBTypography style={{ borderLeft: 'none', borderRight: '6px solid ', backgroundColor: '#F0F0F0' }} note noteColor='dark' className='mb-0'>
|
||||
<MDBRow>
|
||||
<MDBTypography className={'dana right-align'} >
|
||||
تهران - شهر پرند - فاز 5 - بلوار شهید قاسم سلیمانی - بلوار رسوال اکرم - بیمارستان مهر ایرانیان پرند
|
||||
تهران - شهر پرند - فاز 5 - بلوار شهید قاسم سلیمانی - بلوار رسوال اکرم - بیمارستان مهر پرند
|
||||
</MDBTypography>
|
||||
</MDBRow>
|
||||
</MDBTypography>
|
||||
|
||||
+1
-1
@@ -9,7 +9,7 @@ const Docs = () => {
|
||||
}
|
||||
const dataFile = [
|
||||
// {id: 1,title: 'اساسنامه شرکت سهامی مهر ایرانیان پرند' ,url: '../resource/files/اساسنامه شرکت سهامی.pdf'},
|
||||
{id: 2,title: 'آگهی افزایش سرمایه بیمارستان مهر ایرانیان پرند' ,url: '../resource/files/آگهی افزایش سرمایه.pdf'},
|
||||
{id: 2,title: 'آگهی افزایش سرمایه بیمارستان مهر پرند' ,url: '../resource/files/آگهی افزایش سرمایه.pdf'},
|
||||
{id: 3,title: 'آگهی تغییرات روزنامه رسمی' ,url: '../resource/files/آگهی تغییرات روزنامه رسمی.jpg'},
|
||||
{id: 4,title: 'موافقت اصولی' ,url: '../resource/files/Agrement.pdf'},
|
||||
{id: 5,title: ' اساسنامه شرکت سهامی خاص پزشکی مهر ایرانیان پرند' ,url: '../resource/files/اساسنامه شرکت سهامی خاص پزشکی مهرایرانیان پرند.pdf'},
|
||||
|
||||
@@ -18,7 +18,7 @@ const QuestionAndAnswer = () => {
|
||||
// {
|
||||
// id: 2,
|
||||
// title: 'چگونه سهام خریداری کنیم ؟ ',
|
||||
// text: 'برای خرید سهام می توانید با شماره 53547000-021 تماس حاصل فرمایید یا از طریق مراجعه به دفتر خرید سهام (واقع در شهر پرند ، بلوار شهید فاسم سلیمانی ( چهار بانده) فاز 5 ، بیمارستان مهر ایرانیان پرند) اقدام به خرید سهام فرمایید .'
|
||||
// text: 'برای خرید سهام می توانید با شماره 53547000-021 تماس حاصل فرمایید یا از طریق مراجعه به دفتر خرید سهام (واقع در شهر پرند ، بلوار شهید فاسم سلیمانی ( چهار بانده) فاز 5 ، بیمارستان مهر پرند) اقدام به خرید سهام فرمایید .'
|
||||
// },
|
||||
// {
|
||||
// id: 3,
|
||||
|
||||
Reference in New Issue
Block a user