fear: add medical

pages/CooperationRequest.js

@@ -1,117 +1,188 @@
-import React, {useState} from 'react';
+import React, { useEffect, useState } from 'react'
-import { useForm } from "react-hook-form";
+import { useForm } from 'react-hook-form'
-import {useDispatch, useSelector} from "react-redux";
+import { useDispatch, useSelector } from 'react-redux'
-import {ADDFRAMEWORK, FORM_CAST} from "../src/redux/actions";
+import { ADDFRAMEWORK, FORM_CAST } from '../src/redux/actions'
-import AppContainer from "./appContainer";
+import AppContainer from './appContainer'
-import Image from "next/image";
+import Image from 'next/image'
-import { Step, Steps, useSteps } from 'chakra-ui-steps';
+import { Step, Steps, useSteps } from 'chakra-ui-steps'
-import {MDBContainer, MDBInput, MDBTypography} from "mdb-react-ui-kit";
+import { MDBContainer, MDBInput, MDBTypography } from 'mdb-react-ui-kit'
-import {Box, Button, Center, Flex, Heading, Input, Select, SimpleGrid, Stack} from "@chakra-ui/react";
+import { Box, Button, Center, Flex, Heading, Input, Select, SimpleGrid, Stack } from '@chakra-ui/react'
-import { withKeepAlive } from 'react-next-keep-alive';
+import { withKeepAlive } from 'react-next-keep-alive'
-
+import { useRouter } from 'next/router'
 
 const CooperationRequest = () => {
   const Parallax = ({ quality }) => {
-        return `../resource/parallax/about.jpg`;
+    return `../resource/parallax/about.jpg`
   }
-    const userData = useSelector((state => state.Global))
+  const { replace } = useRouter()
-    const formReq = useSelector((state => state.FormRequest))
+  useEffect(() => {
+    replace('/recruitment')
+  }, [])
+  const userData = useSelector(state => state.Global)
+  const formReq = useSelector(state => state.FormRequest)
   const dispatch = useDispatch()
   console.log('formReq', formReq)
   const [Access, SetAccess] = useState(true)
 
   const PersonalForm = () => {
     const [Sex, SetSex] = useState(0)
-        const {register, handleSubmit, watch, formState: { errors }} = useForm()
+    const {
+      register,
+      handleSubmit,
+      watch,
+      formState: { errors }
+    } = useForm()
     let hasErr = Object.keys(errors).length
-        const onSubmit = async (data) => {
+    const onSubmit = async data => {
       console.log('dadadada', data)
       if (hasErr === 0) {
         dispatch(FORM_CAST(data))
         nextStep()
-            }
+      } else {
-            else {
         alert('مقادیر وارد شده معبتر نمی باشد')
       }
-        };
+    }
     return (
       <Flex className={'flex lg:p-2 sm:p-1 m-2'}>
         <form onSubmit={handleSubmit(onSubmit)}>
           <SimpleGrid dir={'rtl'} columns={[1, 2, 5]} spacing={5}>
             <Box>
-                            <Input dir={'rtl'} {...register('name', {required: true, maxLength: 100})} borderColor={'teal'} variant='outline'  placeholder='نام و نام خانوادگی ' />
+              <Input
+                dir={'rtl'}
+                {...register('name', { required: true, maxLength: 100 })}
+                borderColor={'teal'}
+                variant='outline'
+                placeholder='نام و نام خانوادگی '
+              />
               <p className={'position-absolute text-sm text-danger'}>
-                                {errors?.name?.type === "required" && <p> وارد کردن نام اجباری است</p>}
+                {errors?.name?.type === 'required' && <p> وارد کردن نام اجباری است</p>}
-                                {errors?.name?.type === "maxLength" && <p>نام وارد شده معبتر نمی باشد</p>}
+                {errors?.name?.type === 'maxLength' && <p>نام وارد شده معبتر نمی باشد</p>}
               </p>
             </Box>
             <Box>
-                            <Input value={12345678912} dir={'rtl'} {...register('national_code', {required: true, maxLength: 11})} borderColor={'teal'} variant='outline' type={'number'}  placeholder='کد ملی' />
+              <Input
+                value={12345678912}
+                dir={'rtl'}
+                {...register('national_code', { required: true, maxLength: 11 })}
+                borderColor={'teal'}
+                variant='outline'
+                type={'number'}
+                placeholder='کد ملی'
+              />
               <p className={'position-absolute text-sm text-danger'}>
-                                {errors?.national_code?.type === "required" && <p> وارد کردن کد ملی اجباری است</p>}
+                {errors?.national_code?.type === 'required' && <p> وارد کردن کد ملی اجباری است</p>}
-                                {errors?.national_code?.type === "maxLength" && <p>کد ملی وارد شده معبتر نمی باشد</p>}
+                {errors?.national_code?.type === 'maxLength' && <p>کد ملی وارد شده معبتر نمی باشد</p>}
               </p>
             </Box>
             <Box>
-                            <Input dir={'rtl'} {...register('birth_location', {required: true})} borderColor={'teal'} variant='outline' placeholder='محل تولد ' />
+              <Input
+                dir={'rtl'}
+                {...register('birth_location', { required: true })}
+                borderColor={'teal'}
+                variant='outline'
+                placeholder='محل تولد '
+              />
               <p className={'position-absolute text-sm text-danger'}>
-                                {errors?.birth_location?.type === "required" && <p> وارد کردن محل تولد  اجباری است</p>}
+                {errors?.birth_location?.type === 'required' && <p> وارد کردن محل تولد اجباری است</p>}
               </p>
             </Box>
             <Box>
-                            <Input dir={'rtl'} {...register('birthdate', {required: true})} borderColor={'teal'} variant='outline'   placeholder='تاریخ تولد  ' />
+              <Input
+                dir={'rtl'}
+                {...register('birthdate', { required: true })}
+                borderColor={'teal'}
+                variant='outline'
+                placeholder='تاریخ تولد  '
+              />
               <p className={'position-absolute text-sm text-danger'}>
-                                {errors?.birthdate?.type === "required" && <p> وارد کردن تاریخ تولد  اجباری است</p>}
+                {errors?.birthdate?.type === 'required' && <p> وارد کردن تاریخ تولد اجباری است</p>}
               </p>
             </Box>
             <Box>
-                            <Select {...register('gender', {required: true})} onChange={(e) => SetSex(e.target.value)} borderColor={'teal'} dir={'ltr'} placeholder='جنسیت '>
+              <Select
-                                <option dir={'rtl'} value='1'> مرد</option>
+                {...register('gender', { required: true })}
-                                <option dir={'rtl'} value='0'> رن</option>
+                onChange={e => SetSex(e.target.value)}
+                borderColor={'teal'}
+                dir={'ltr'}
+                placeholder='جنسیت '
+              >
+                <option dir={'rtl'} value='1'>
+                  {' '}
+                  مرد
+                </option>
+                <option dir={'rtl'} value='0'>
+                  {' '}
+                  رن
+                </option>
               </Select>
               <p className={'position-absolute text-sm text-danger'}>
-                                {errors?.gender?.type === "required" && <p>مشخص کردن جنسیت  اجباری است</p>}
+                {errors?.gender?.type === 'required' && <p>مشخص کردن جنسیت اجباری است</p>}
               </p>
             </Box>
             <Box>
-                             <Select {...register('marital', {required: true})} borderColor={'teal'} dir={'ltr'} placeholder='وضعیت تاهل '>
+              <Select
-                                 <option dir={'rtl'} value='married'> متاهل</option>
+                {...register('marital', { required: true })}
-                                 <option dir={'rtl'} value='single'> مجرد</option>
+                borderColor={'teal'}
+                dir={'ltr'}
+                placeholder='وضعیت تاهل '
+              >
+                <option dir={'rtl'} value='married'>
+                  {' '}
+                  متاهل
+                </option>
+                <option dir={'rtl'} value='single'>
+                  {' '}
+                  مجرد
+                </option>
               </Select>
               <p className={'position-absolute text-sm text-danger'}>
-                                 {errors?.marital?.type === "required" && <p>مشخص کردن جنسیت  اجباری است</p>}
+                {errors?.marital?.type === 'required' && <p>مشخص کردن جنسیت اجباری است</p>}
               </p>
             </Box>
             <Box>
               {Sex === '1' ? (
                 <Select {...register('military')} borderColor={'teal'} dir={'ltr'} placeholder='وضعیت مظام وظیفه '>
-                                    <option dir={'rtl'} value='Done'> انجام شده </option>
+                  <option dir={'rtl'} value='Done'>
-                                    <option dir={'rtl'} value='not'> انجام نشده</option>
+                    {' '}
-                                    <option dir={'rtl'} value='bug'> خرید خدمت </option>
+                    انجام شده{' '}
-                                    <option dir={'rtl'} value='specific'>  معافیت خاص </option>
+                  </option>
+                  <option dir={'rtl'} value='not'>
+                    {' '}
+                    انجام نشده
+                  </option>
+                  <option dir={'rtl'} value='bug'>
+                    {' '}
+                    خرید خدمت{' '}
+                  </option>
+                  <option dir={'rtl'} value='specific'>
+                    {' '}
+                    معافیت خاص{' '}
+                  </option>
                 </Select>
-                            ): ''}
+              ) : (
+                ''
+              )}
             </Box>
           </SimpleGrid>
-                    <Flex width="100%" flexDir={'row'} mt={150} justify="space-between">
+          <Flex width='100%' flexDir={'row'} mt={150} justify='space-between'>
             <Button
               mr={4}
-                            size="sm"
+              size='sm'
               colorScheme='teal'
-                            variant="ghost"
+              variant='ghost'
               onClick={prevStep}
               isDisabled={activeStep === 0}
             >
               مرحله قبل
             </Button>
-                        <Button type={'submit'} colorScheme={'teal'} size="sm" >
+            <Button type={'submit'} colorScheme={'teal'} size='sm'>
-                            {activeStep === steps.length - 1 ? "ثبت اطلاعات" : "مرحله بعد"}
+              {activeStep === steps.length - 1 ? 'ثبت اطلاعات' : 'مرحله بعد'}
             </Button>
           </Flex>
         </form>
       </Flex>
     )
-    };
+  }
   const WorkHistoryForm = () => (
     <Flex className={'flex p-2 m-2 justify-content-center'}>
       <form>
@@ -121,24 +192,17 @@ const CooperationRequest = () => {
           <Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='Basic usage' />
           <Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='Basic usage' />
         </SimpleGrid>
-                <Flex width="100%" flexDir={'row'} mt={150} justify="space-between">
+        <Flex width='100%' flexDir={'row'} mt={150} justify='space-between'>
-                    <Button
+          <Button mr={4} size='sm' colorScheme='teal' variant='ghost' onClick={prevStep} isDisabled={activeStep === 0}>
-                        mr={4}
-                        size="sm"
-                        colorScheme='teal'
-                        variant="ghost"
-                        onClick={prevStep}
-                        isDisabled={activeStep === 0}
-                    >
             مرحله قبل
           </Button>
-                    <Button colorScheme={'teal'} size="sm" onClick={CanAccess}>
+          <Button colorScheme={'teal'} size='sm' onClick={CanAccess}>
-                        {activeStep === steps.length - 1 ? "ثبت اطلاعات" : "مرحله بعد"}
+            {activeStep === steps.length - 1 ? 'ثبت اطلاعات' : 'مرحله بعد'}
           </Button>
         </Flex>
       </form>
     </Flex>
-    );
+  )
   function HandleShowForm(index) {
     switch (index) {
       case 0:
@@ -149,18 +213,20 @@ const CooperationRequest = () => {
         return index
     }
   }
-    const Content = ({index}) => {return (<div>{HandleShowForm(index)}</div>)}
+  const Content = ({ index }) => {
+    return <div>{HandleShowForm(index)}</div>
+  }
 
   const steps = [
     { label: 'اطلاعات شخص', Content },
     { label: ' مشخصات تماس', Content },
     { label: '  اطلاعات تحصیلی', Content },
     { label: 'سوابق کاری  ', Content },
-        { label: ' مدارک و مستندات  ', Content },
+    { label: ' مدارک و مستندات  ', Content }
-    ];
+  ]
   const { nextStep, prevStep, setStep, reset, activeStep } = useSteps({
-        initialStep: 0,
+    initialStep: 0
-    });
+  })
   const CanAccess = () => {
     if (Access) {
       nextStep()
@@ -170,15 +236,14 @@ const CooperationRequest = () => {
   }
   return (
     <div>
-
       <AppContainer title={'درخواست همکاری'}>
-                <div className="parallax-container">
+        <div className='parallax-container'>
           <h1 className={'center-align text-white service-text dana font-weight-bold'}> درخواست همکاری </h1>
           <Image
             loader={Parallax}
-                        src="Parallax.png"
+            src='Parallax.png'
             className={'responsive-img shadow-5'}
-                        alt="درباره بیارستان مهر ایرانیان پرند "
+            alt='درباره بیارستان مهر ایرانیان پرند '
             width={3000}
             height={1300}
           />
@@ -194,33 +259,36 @@ const CooperationRequest = () => {
             ))}
           </Steps>
           {activeStep === 5 ? (
-                        <Center p={4} flexDir="column">
+            <Center p={4} flexDir='column'>
-                            <Heading fontSize="xl"> درخواست شما با موفقیت ثبت شد پس از بررسی کارشناسان ما با شما تماس خواهند گرفت</Heading>
+              <Heading fontSize='xl'>
-                            <Button color={'green'} mt={6} size="sm" onClick={reset}>
+                {' '}
+                درخواست شما با موفقیت ثبت شد پس از بررسی کارشناسان ما با شما تماس خواهند گرفت
+              </Heading>
+              <Button color={'green'} mt={6} size='sm' onClick={reset}>
                 Reset
               </Button>
             </Center>
           ) : (
-                        <Flex width="100%" flexDir={'row-reverse'} justify="space-between">
+            <Flex width='100%' flexDir={'row-reverse'} justify='space-between'>
               <Button
                 mr={4}
-                                size="sm"
+                size='sm'
                 colorScheme='teal'
-                                variant="ghost"
+                variant='ghost'
                 onClick={prevStep}
                 isDisabled={activeStep === 0}
               >
                 مرحله قبل
               </Button>
-                            <Button colorScheme={'teal'} size="sm" onClick={CanAccess}>
+              <Button colorScheme={'teal'} size='sm' onClick={CanAccess}>
-                                {activeStep === steps.length - 1 ? "ثبت اطلاعات" : "مرحله بعد"}
+                {activeStep === steps.length - 1 ? 'ثبت اطلاعات' : 'مرحله بعد'}
               </Button>
             </Flex>
           )}
         </MDBContainer>
       </AppContainer>
     </div>
-    );
+  )
-};
+}
 
-export default CooperationRequest;
+export default CooperationRequest

pages/components/Layout/header.js

@@ -214,6 +214,30 @@ export default function App() {
                   </div>
                 </Link>
               </MDBNavbarLink>
+              <MDBNavbarLink
+                className={
+                  router.pathname === '/page/news/34' ? 'active-item text-white' : '' + 'text-white nav_item '
+                }
+              >
+                <Link
+                  prefetch={false}
+                  className={'text-white nav_item d-flex flex-row-reverse '}
+                  href='/page/news/34'
+                >
+                  <div className={'pointer d-flex justify-content-end'}>
+                    <span style={{ cursor: 'pointer', fontSize: '15px' }}> شرایط انتقال سهام</span>
+                  </div>
+                </Link>
+              </MDBNavbarLink>
+              <MDBNavbarLink
+                className={router.pathname === '/medical-equipment' ? 'active-item text-white' : '' + 'text-white nav_item '}
+              >
+                <Link className={'text-white nav_item d-flex flex-row-reverse '} href='/medical-equipment'>
+                  <div className={'pointer d-flex justify-content-end'}>
+                    <span style={{ cursor: 'pointer', fontSize: '15px' }}>واحد تجهیزات پزشکی  </span>
+                  </div>
+                </Link>
+              </MDBNavbarLink>
               <MDBNavbarLink
                 className={router.pathname === '/stock-unit' ? 'active-item text-white' : '' + 'text-white nav_item '}
               >
@@ -223,6 +247,7 @@ export default function App() {
                   </div>
                 </Link>
               </MDBNavbarLink>
+          
               <MDBNavbarLink
                 className={router.pathname === '/page/news/52' ? 'active-item text-white' : '' + 'text-white nav_item '}
               >

pages/components/service.js

@@ -1,8 +1,8 @@
-import React from 'react';
+import React from 'react'
-import { Swiper, SwiperSlide } from 'swiper/react';
+import { Swiper, SwiperSlide } from 'swiper/react'
-import SwiperCore, { Autoplay  } from 'swiper';
+import SwiperCore, { Autoplay } from 'swiper'
 
-import Link from "next/link";
+import Link from 'next/link'
 import {
   MDBCard,
   MDBCardBody,
@@ -12,18 +12,17 @@ import {
   MDBCardFooter,
   MDBBtn,
   MDBTypography,
-    MDBContainer, MDBRow, MDBCol
+  MDBContainer,
-} from 'mdb-react-ui-kit';
+  MDBRow,
-import {useRouter} from "next/router";
+  MDBCol
-import AppContainer from "../appContainer";
+} from 'mdb-react-ui-kit'
-import Image from "next/image";
+import { useRouter } from 'next/router'
-import {Button, Center, Flex, Heading, Input, InputGroup, InputLeftAddon, InputRightAddon} from "@chakra-ui/react";
+import AppContainer from '../appContainer'
-import { Step, Steps, useSteps } from "chakra-ui-steps"
+import Image from 'next/image'
-
+import { Button, Center, Flex, Heading, Input, InputGroup, InputLeftAddon, InputRightAddon } from '@chakra-ui/react'
-SwiperCore.use([Autoplay]);
+import { Step, Steps, useSteps } from 'chakra-ui-steps'
-
-
 
+SwiperCore.use([Autoplay])
 
 // Import Swiper styles
 
@@ -31,24 +30,26 @@ const Parallax = ({  quality }) => {
   return `https://image.freepik.com/free-photo/blur-hospital_1203-7957.jpg`
 }
 
-
-
 const dataServiceList = (
   <>
-    <div className="parallax-container">
+    <div className='parallax-container'>
       <h2 className={'center-align text-dark service-text dana font-weight-bold'}> کلینیک ها و بخش ها </h2>
       <Image
         loader={Parallax}
-            src="Parallax.png"
+        src='Parallax.png'
         className={'responsive-img shadow-5'}
-            alt="Picture of the author"
+        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
+          style={{ direction: 'rtl', borderRadius: '6px solid', borderRight: '6px  solid #1266f1', borderLeft: 'none' }}
+          note
+          noteColor='primary'
+        >
           برای رزرو وقت روی هر کلینیک کلیک کنید
         </MDBTypography>
       </div>
@@ -56,7 +57,7 @@ const dataServiceList = (
         <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=""/>
+              <img width={'50'} src='https://image.flaticon.com/icons/png/512/2044/2044708.png' alt='' />
             </MDBCardHeader>
             <MDBCardBody>
               <MDBCardTitle className={'dana'}> بخش گوارش </MDBCardTitle>
@@ -68,7 +69,7 @@ const dataServiceList = (
         <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=""/>
+              <img width={'50'} src='https://image.flaticon.com/icons/png/512/1839/1839377.png' alt='' />
             </MDBCardHeader>
             <MDBCardBody>
               <MDBCardTitle className={'dana'}> بخش قلب و عروق </MDBCardTitle>
@@ -79,7 +80,7 @@ const dataServiceList = (
         <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=""/>
+              <img width={'50'} src='https://image.flaticon.com/icons/png/512/2847/2847982.png' alt='' />
             </MDBCardHeader>
             <MDBCardBody>
               <MDBCardTitle className={'dana'}> بخش مغز و اعصاب </MDBCardTitle>
@@ -90,7 +91,7 @@ const dataServiceList = (
         <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=""/>
+              <img width={'50'} src='https://image.flaticon.com/icons/png/512/1610/1610185.png' alt='' />
             </MDBCardHeader>
             <MDBCardBody>
               <MDBCardTitle className={'dana'}> بخش دندان پزشکی </MDBCardTitle>
@@ -99,9 +100,13 @@ const dataServiceList = (
           </MDBCard>
         </MDBCol>
         <MDBCol>
-                <MDBCard className={'color-top-card'} alignment='center'  style={{ cursor: 'pointer',maxWidth: '32rem',height: '250px' }}>
+          <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=""/>
+              <img width={'50'} src='https://image.flaticon.com/icons/png/512/2660/2660065.png' alt='' />
             </MDBCardHeader>
             <MDBCardBody>
               <MDBCardTitle className={'dana'}> بخش کلیه و مجاری ادارای </MDBCardTitle>
@@ -110,25 +115,22 @@ const dataServiceList = (
           </MDBCard>
         </MDBCol>
       </MDBRow>
-
     </MDBContainer>
     <br />
-
   </>
-
 )
 const steps = [
-    { label: "Step 1", description: "Step 1 description" },
+  { label: 'Step 1', description: 'Step 1 description' },
-    { label: "Step 2", description: "Step 2 description" },
+  { label: 'Step 2', description: 'Step 2 description' },
-    { label: "Step 3", description: "Step 3 description" },
+  { label: 'Step 3', description: 'Step 3 description' },
-    { label: "Step 3", description: "Step 3 description" },
+  { label: 'Step 3', description: 'Step 3 description' },
-    { label: "Step 3", description: "Step 3 description" },
+  { label: 'Step 3', description: 'Step 3 description' },
-    { label: "Step 3", description: "Step 3 description" },
+  { label: 'Step 3', description: 'Step 3 description' },
-    { label: "Step 3", description: "Step 3 description" },
+  { label: 'Step 3', description: 'Step 3 description' },
-    { label: "Step 3", description: "Step 3 description" },
+  { label: 'Step 3', description: 'Step 3 description' }
 ]
 const Service = () => {
-    const router = useRouter();
+  const router = useRouter()
   const dataMipService = [
     { id: 1, title: 'بخش اورژانس', icon: './resource/icons/hospital-c.png', description: 'اورژانس' },
     { id: 2, title: 'درمانگاه', icon: './resource/icons/hospital.png', description: 'درمانگاه تخصصی' },
@@ -143,17 +145,19 @@ const Service = () => {
     { 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: 'تست قلب و ...'},
+    { id: 14, title: 'بخش فیزیوتراپی', icon: './resource/icons/spinal-cord.png', description: 'تست قلب و ...' }
   ]
   const { nextStep, prevStep, reset, activeStep } = useSteps({
-        initialStep: 0,
+    initialStep: 0
   })
   return (
     <>
       {router.pathname === '/' ? (
         <div className={'mt-5'}>
           <MDBContainer>
-                        <h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>کلینیک و بخش ها    </h5>
+            <h5 style={{ marginTop: '2rem' }} className={'right-align font-weight-bold'}>
+              کلینیک و بخش ها{' '}
+            </h5>
             <hr />
             <br />
             <Swiper
@@ -164,51 +168,51 @@ const Service = () => {
               // onSlideChange={() => console.log('slide change')}
               // onSwiper={(swiper) => console.log(swiper)}
               autoplay={{
-                                "delay": 2500,
+                delay: 2500,
-                                "disableOnInteraction": false
+                disableOnInteraction: false
               }}
               breakpoints={{
-                                "640": {
+                640: {
-                                    "slidesPerView": 2,
+                  slidesPerView: 2,
-                                    "spaceBetween": 20
+                  spaceBetween: 20
                 },
-                                "360": {
+                360: {
-                                    "slidesPerView": 1,
+                  slidesPerView: 1,
-                                    "spaceBetween": 20
+                  spaceBetween: 20
                 },
-                                "320": {
+                320: {
-                                    "slidesPerView": 1,
+                  slidesPerView: 1,
-                                    "spaceBetween": 20
+                  spaceBetween: 20
                 },
-                                "596": {
+                596: {
                   width: 1080,
-                                    "slidesPerView": 2,
+                  slidesPerView: 2,
-                                    "spaceBetween": 20
+                  spaceBetween: 20
                 },
-                                "526": {
+                526: {
-                                    "slidesPerView": 1,
+                  slidesPerView: 1,
-                                    "spaceBetween": 2
+                  spaceBetween: 2
                 },
 
-                                "996": {
+                996: {
-                                    "slidesPerView": 2,
+                  slidesPerView: 2,
-                                    "spaceBetween": 40
+                  spaceBetween: 40
                 },
-                                "860": {
+                860: {
-                                    "slidesPerView": 2,
+                  slidesPerView: 2,
-                                    "spaceBetween": 40
+                  spaceBetween: 40
                 },
-                                "768":{
+                768: {
-                                    "slidesPerView": 3,
+                  slidesPerView: 3,
-                                    "spaceBetween": 40
+                  spaceBetween: 40
                 },
-                                "972": {
+                972: {
-                                    "slidesPerView": 3,
+                  slidesPerView: 3,
-                                    "spaceBetween": 40
+                  spaceBetween: 40
                 },
-                                "1024": {
+                1024: {
-                                    "slidesPerView": 5,
+                  slidesPerView: 5,
-                                    "spaceBetween": 50
+                  spaceBetween: 50
                 }
               }}
             >
@@ -216,9 +220,13 @@ const Service = () => {
                 return (
                   <SwiperSlide key={index}>
                     <Link href={'components/service'} as={'/Service'}>
-                                            <MDBCard className={'color-top-card '} alignment='center'  style={{ maxWidth: '22rem',height: '250px' }}>
+                      <MDBCard
+                        className={'color-top-card '}
+                        alignment='center'
+                        style={{ maxWidth: '22rem', height: '250px' }}
+                      >
                         <MDBCardHeader className={'center d-flex justify-content-center'}>
-                                                    <img width={'50'} src={item.icon} alt=""/>
+                          <img width={'50'} src={item.icon} alt='' />
                         </MDBCardHeader>
                         <MDBCardBody className={'d-flex flex-column justify-content-between'}>
                           <MDBCardTitle className={'dana'}> {item.title} </MDBCardTitle>
@@ -232,10 +240,16 @@ const Service = () => {
                 )
               })}
               <SwiperSlide>
-                                <MDBCard className={'color-top-card'} alignment='center'  style={{ cursor: 'pointer', maxWidth: '22rem',height: '250px' }}>
+                <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>
+                      <MDBCardText className={'bk'}>
+                        <h1 className={'RTL dana'}>بیشتر ...</h1>{' '}
+                      </MDBCardText>
                     </Link>
                   </MDBCardBody>
                 </MDBCard>
@@ -247,20 +261,29 @@ const Service = () => {
         </div>
       ) : (
         <AppContainer title={'کلینیک ها و بخش ها '}>
-                    <div className="parallax-container">
+          <div className='parallax-container'>
             <h2 className={'center-align text-dark service-text dana font-weight-bold'}> کلینیک ها و بخش ها </h2>
             <Image
               loader={Parallax}
-                            src="Parallax.png"
+              src='Parallax.png'
               className={'responsive-img shadow-5'}
-                            alt="Picture of the author"
+              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
+                style={{
+                  direction: 'rtl',
+                  borderRadius: '6px solid',
+                  borderRight: '6px  solid #1266f1',
+                  borderLeft: 'none'
+                }}
+                note
+                noteColor='primary'
+              >
                 برای رزرو وقت روی هر کلینیک کلیک کنید
               </MDBTypography>
             </div>
@@ -268,9 +291,14 @@ const Service = () => {
               {dataMipService.map((item, index) => {
                 return (
                   <MDBCol>
-                                        <MDBCard key={index} className={'color-top-card '} alignment='center'  style={{ maxWidth: '22rem',height: '250px' }}>
+                    <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=""/>
+                        <img width={'50'} src={item.icon} alt='' />
                       </MDBCardHeader>
                       <MDBCardBody className={'d-flex flex-column justify-content-between'}>
                         <MDBCardTitle className={'dana'}> {item.title} </MDBCardTitle>
@@ -281,14 +309,12 @@ const Service = () => {
                 )
               })}
             </MDBRow>
-
           </MDBContainer>
           <br />
         </AppContainer>
-
       )}
     </>
-    );
+  )
-};
+}
 
-export default Service;
+export default Service

pages/components/slider.js

@@ -5,7 +5,6 @@ import sliderJob from '../../public/resource/slider/slider-2(1).webp'
 import sliderBook from '../../public/resource/slider/slider_3.webp'
 import sliderCallCenter from '../../public/resource/slider/call-center.webp'
 
-import Image from 'next/image'
 import { Swiper, SwiperSlide } from 'swiper/react'
 import { Pagination } from 'swiper'
 import Link from 'next/link'

pages/medical-equipment/index.js

@@ -0,0 +1,49 @@
+import React from 'react'
+import AppContainer from '../appContainer'
+import MedicalStock from '../../public/resource/medical/medical.webp'
+import Image from 'next/image'
+import { MDBContainer, MDBTypography, MDBRow } from 'mdb-react-ui-kit'
+const MedicalEquipment = () => {
+  return (
+    <AppContainer title={'واحد تجهیزات پزشکی'}>
+      <div className='parallax-container'>
+        <h2 className={'center-align text-dark service-text dana font-weight-bold'}>واحد تجهیزات پزشکی</h2>
+        <Image
+          src={MedicalStock}
+          className={'responsive-img shadow-5'}
+          alt='Picture of the author'
+          width={3000}
+          height={1000}
+        />
+      </div>
+      <MDBContainer className={'my-24'}>
+        <div className={'bk-med flex justify-content-center align-items-center flex-col'}>
+          <div>
+            <MDBTypography
+              style={{ borderLeft: 'none', borderRight: '6px solid ', backgroundColor: '#F0F0F0' }}
+              note
+              noteColor='dark'
+              className='mb-0'
+            >
+              <MDBRow>
+                <MDBTypography className={'dana right-align'}>
+                  اگر به دنبال همکاری با بخش تجهیزات بیمارستان هستید، لطفا با یکی از شماره‌های زیر تماس حاصل نمایید تا
+                  اطلاعات بیشتری در این خصوص از ما دریافت کنید
+                </MDBTypography>
+              </MDBRow>
+            </MDBTypography>
+          </div>
+          <div className='flex gap-x-5 mt-4'>
+            <a className='dana' href='tel:021-53457999'>021-53457999</a>
+            <br />
+            <a className='dana' href='tel:09194199420'>09194199420</a>
+            <br />
+              <a>خانم زارعی</a>
+          </div>
+        </div>
+      </MDBContainer>
+    </AppContainer>
+  )
+}
+
+export default MedicalEquipment