diff --git a/pages/CooperationRequest.js b/pages/CooperationRequest.js
index 0d35de1..8ef582c 100644
--- a/pages/CooperationRequest.js
+++ b/pages/CooperationRequest.js
@@ -1,226 +1,294 @@
-import React, {useState} from 'react';
-import { useForm } from "react-hook-form";
-import {useDispatch, useSelector} from "react-redux";
-import {ADDFRAMEWORK, FORM_CAST} from "../src/redux/actions";
-import AppContainer from "./appContainer";
-import Image from "next/image";
-import { Step, Steps, useSteps } from 'chakra-ui-steps';
-import {MDBContainer, MDBInput, MDBTypography} from "mdb-react-ui-kit";
-import {Box, Button, Center, Flex, Heading, Input, Select, SimpleGrid, Stack} from "@chakra-ui/react";
-import { withKeepAlive } from 'react-next-keep-alive';
-
+import React, { useEffect, useState } from 'react'
+import { useForm } from 'react-hook-form'
+import { useDispatch, useSelector } from 'react-redux'
+import { ADDFRAMEWORK, FORM_CAST } from '../src/redux/actions'
+import AppContainer from './appContainer'
+import Image from 'next/image'
+import { Step, Steps, useSteps } from 'chakra-ui-steps'
+import { MDBContainer, MDBInput, MDBTypography } from 'mdb-react-ui-kit'
+import { Box, Button, Center, Flex, Heading, Input, Select, SimpleGrid, Stack } from '@chakra-ui/react'
+import { withKeepAlive } from 'react-next-keep-alive'
+import { useRouter } from 'next/router'
 
 const CooperationRequest = () => {
-    const Parallax = ({  quality }) => {
-        return `../resource/parallax/about.jpg`;
-    }
-    const userData = useSelector((state => state.Global))
-    const formReq = useSelector((state => state.FormRequest))
-    const dispatch = useDispatch()
-    console.log('formReq',formReq)
-    const [Access, SetAccess] =useState(true)
+  const Parallax = ({ quality }) => {
+    return `../resource/parallax/about.jpg`
+  }
+  const { replace } = useRouter()
+  useEffect(() => {
+    replace('/recruitment')
+  }, [])
+  const userData = useSelector(state => state.Global)
+  const formReq = useSelector(state => state.FormRequest)
+  const dispatch = useDispatch()
+  console.log('formReq', formReq)
+  const [Access, SetAccess] = useState(true)
 
-    const PersonalForm= () => {
-        const [Sex, SetSex] = useState(0)
-        const {register, handleSubmit, watch, formState: { errors }} = useForm()
-        let hasErr = Object.keys(errors).length
-        const onSubmit = async (data) => {
-            console.log('dadadada', data)
-            if (hasErr === 0) {
-                dispatch(FORM_CAST(data))
-                nextStep()
-            }
-            else {
-                alert('مقادیر وارد شده معبتر نمی باشد')
-            }
-        };
-        return (
-            <Flex className={'flex lg:p-2 sm:p-1 m-2'}>
-                <form onSubmit={handleSubmit(onSubmit)}>
-                    <SimpleGrid dir={'rtl'} columns={[1, 2, 5]} spacing={5}>
-                        <Box>
-                            <Input dir={'rtl'} {...register('name', {required: true, maxLength: 100})} borderColor={'teal'} variant='outline'  placeholder='نام و نام خانوادگی ' />
-                            <p className={'position-absolute text-sm text-danger'}>
-                                {errors?.name?.type === "required" && <p> وارد کردن نام اجباری است</p>}
-                                {errors?.name?.type === "maxLength" && <p>نام وارد شده معبتر نمی باشد</p>}
-                            </p>
-                        </Box>
-                        <Box>
-                            <Input value={12345678912} dir={'rtl'} {...register('national_code', {required: true, maxLength: 11})} borderColor={'teal'} variant='outline' type={'number'}  placeholder='کد ملی' />
-                            <p className={'position-absolute text-sm text-danger'}>
-                                {errors?.national_code?.type === "required" && <p> وارد کردن کد ملی اجباری است</p>}
-                                {errors?.national_code?.type === "maxLength" && <p>کد ملی وارد شده معبتر نمی باشد</p>}
-                            </p>
-                        </Box>
-                        <Box>
-                            <Input dir={'rtl'} {...register('birth_location', {required: true})} borderColor={'teal'} variant='outline' placeholder='محل تولد ' />
-                            <p className={'position-absolute text-sm text-danger'}>
-                                {errors?.birth_location?.type === "required" && <p> وارد کردن محل تولد  اجباری است</p>}
-                            </p>
-                        </Box>
-                        <Box>
-                            <Input dir={'rtl'} {...register('birthdate', {required: true})} borderColor={'teal'} variant='outline'   placeholder='تاریخ تولد  ' />
-                            <p className={'position-absolute text-sm text-danger'}>
-                                {errors?.birthdate?.type === "required" && <p> وارد کردن تاریخ تولد  اجباری است</p>}
-                            </p>
-                        </Box>
-                        <Box>
-                            <Select {...register('gender', {required: true})} onChange={(e) => SetSex(e.target.value)} borderColor={'teal'} dir={'ltr'} placeholder='جنسیت '>
-                                <option dir={'rtl'} value='1'> مرد</option>
-                                <option dir={'rtl'} value='0'> رن</option>
-                            </Select>
-                            <p className={'position-absolute text-sm text-danger'}>
-                                {errors?.gender?.type === "required" && <p>مشخص کردن جنسیت  اجباری است</p>}
-                            </p>
-                        </Box>
-                         <Box>
-                             <Select {...register('marital', {required: true})} borderColor={'teal'} dir={'ltr'} placeholder='وضعیت تاهل '>
-                                 <option dir={'rtl'} value='married'> متاهل</option>
-                                 <option dir={'rtl'} value='single'> مجرد</option>
-                             </Select>
-                             <p className={'position-absolute text-sm text-danger'}>
-                                 {errors?.marital?.type === "required" && <p>مشخص کردن جنسیت  اجباری است</p>}
-                             </p>
-                         </Box>
-                        <Box>
-                            {Sex === '1' ? (
-                                <Select {...register('military')} borderColor={'teal'} dir={'ltr'} placeholder='وضعیت مظام وظیفه '>
-                                    <option dir={'rtl'} value='Done'> انجام شده </option>
-                                    <option dir={'rtl'} value='not'> انجام نشده</option>
-                                    <option dir={'rtl'} value='bug'> خرید خدمت </option>
-                                    <option dir={'rtl'} value='specific'>  معافیت خاص </option>
-                                </Select>
-                            ): ''}
-                        </Box>
-                    </SimpleGrid>
-                    <Flex width="100%" flexDir={'row'} mt={150} justify="space-between">
-                        <Button
-                            mr={4}
-                            size="sm"
-                            colorScheme='teal'
-                            variant="ghost"
-                            onClick={prevStep}
-                            isDisabled={activeStep === 0}
-                        >
-                            مرحله قبل
-                        </Button>
-                        <Button type={'submit'} colorScheme={'teal'} size="sm" >
-                            {activeStep === steps.length - 1 ? "ثبت اطلاعات" : "مرحله بعد"}
-                        </Button>
-                    </Flex>
-                </form>
-            </Flex>
-        )
-    };
-    const WorkHistoryForm= () => (
-        <Flex className={'flex p-2 m-2 justify-content-center'}>
-            <form>
-                <SimpleGrid dir={'rtl'} columns={[1, 2, 4]} spacing={5}>
-                <Input dir={'rtl'} borderColor={'teal'} variant='outline'  placeholder='نام و نام خانوادگی ' />
-                <Input dir={'rtl'} borderColor={'teal'} variant='outline'  placeholder='Basic usage' />
-                <Input dir={'rtl'} borderColor={'teal'} variant='outline'  placeholder='Basic usage' />
-                <Input dir={'rtl'} borderColor={'teal'} variant='outline'  placeholder='Basic usage' />
-            </SimpleGrid>
-                <Flex width="100%" flexDir={'row'} mt={150} justify="space-between">
-                    <Button
-                        mr={4}
-                        size="sm"
-                        colorScheme='teal'
-                        variant="ghost"
-                        onClick={prevStep}
-                        isDisabled={activeStep === 0}
-                    >
-                        مرحله قبل
-                    </Button>
-                    <Button colorScheme={'teal'} size="sm" onClick={CanAccess}>
-                        {activeStep === steps.length - 1 ? "ثبت اطلاعات" : "مرحله بعد"}
-                    </Button>
-                </Flex>
-            </form>
-        </Flex>
-    );
-    function HandleShowForm (index) {
-        switch (index) {
-            case 0:
-                return <PersonalForm />
-            case 1:
-                return <WorkHistoryForm />
-            default:
-                return index
-        }
-    }
-    const Content = ({index}) => {return (<div>{HandleShowForm(index)}</div>)}
-
-    const steps = [
-        { label: 'اطلاعات شخص', Content },
-        { label: ' مشخصات تماس', Content },
-        { label: '  اطلاعات تحصیلی', Content },
-        { label: 'سوابق کاری  ', Content },
-        { label: ' مدارک و مستندات  ', Content },
-    ];
-    const { nextStep, prevStep, setStep, reset, activeStep } = useSteps({
-        initialStep: 0,
-    });
-    const CanAccess = () => {
-        if (Access) {
-            nextStep()
-        }else {
-            alert('اطلاعات را بررسی کنید')
-        }
+  const PersonalForm = () => {
+    const [Sex, SetSex] = useState(0)
+    const {
+      register,
+      handleSubmit,
+      watch,
+      formState: { errors }
+    } = useForm()
+    let hasErr = Object.keys(errors).length
+    const onSubmit = async data => {
+      console.log('dadadada', data)
+      if (hasErr === 0) {
+        dispatch(FORM_CAST(data))
+        nextStep()
+      } else {
+        alert('مقادیر وارد شده معبتر نمی باشد')
+      }
     }
     return (
-        <div>
+      <Flex className={'flex lg:p-2 sm:p-1 m-2'}>
+        <form onSubmit={handleSubmit(onSubmit)}>
+          <SimpleGrid dir={'rtl'} columns={[1, 2, 5]} spacing={5}>
+            <Box>
+              <Input
+                dir={'rtl'}
+                {...register('name', { required: true, maxLength: 100 })}
+                borderColor={'teal'}
+                variant='outline'
+                placeholder='نام و نام خانوادگی '
+              />
+              <p className={'position-absolute text-sm text-danger'}>
+                {errors?.name?.type === 'required' && <p> وارد کردن نام اجباری است</p>}
+                {errors?.name?.type === 'maxLength' && <p>نام وارد شده معبتر نمی باشد</p>}
+              </p>
+            </Box>
+            <Box>
+              <Input
+                value={12345678912}
+                dir={'rtl'}
+                {...register('national_code', { required: true, maxLength: 11 })}
+                borderColor={'teal'}
+                variant='outline'
+                type={'number'}
+                placeholder='کد ملی'
+              />
+              <p className={'position-absolute text-sm text-danger'}>
+                {errors?.national_code?.type === 'required' && <p> وارد کردن کد ملی اجباری است</p>}
+                {errors?.national_code?.type === 'maxLength' && <p>کد ملی وارد شده معبتر نمی باشد</p>}
+              </p>
+            </Box>
+            <Box>
+              <Input
+                dir={'rtl'}
+                {...register('birth_location', { required: true })}
+                borderColor={'teal'}
+                variant='outline'
+                placeholder='محل تولد '
+              />
+              <p className={'position-absolute text-sm text-danger'}>
+                {errors?.birth_location?.type === 'required' && <p> وارد کردن محل تولد اجباری است</p>}
+              </p>
+            </Box>
+            <Box>
+              <Input
+                dir={'rtl'}
+                {...register('birthdate', { required: true })}
+                borderColor={'teal'}
+                variant='outline'
+                placeholder='تاریخ تولد  '
+              />
+              <p className={'position-absolute text-sm text-danger'}>
+                {errors?.birthdate?.type === 'required' && <p> وارد کردن تاریخ تولد اجباری است</p>}
+              </p>
+            </Box>
+            <Box>
+              <Select
+                {...register('gender', { required: true })}
+                onChange={e => SetSex(e.target.value)}
+                borderColor={'teal'}
+                dir={'ltr'}
+                placeholder='جنسیت '
+              >
+                <option dir={'rtl'} value='1'>
+                  {' '}
+                  مرد
+                </option>
+                <option dir={'rtl'} value='0'>
+                  {' '}
+                  رن
+                </option>
+              </Select>
+              <p className={'position-absolute text-sm text-danger'}>
+                {errors?.gender?.type === 'required' && <p>مشخص کردن جنسیت اجباری است</p>}
+              </p>
+            </Box>
+            <Box>
+              <Select
+                {...register('marital', { required: true })}
+                borderColor={'teal'}
+                dir={'ltr'}
+                placeholder='وضعیت تاهل '
+              >
+                <option dir={'rtl'} value='married'>
+                  {' '}
+                  متاهل
+                </option>
+                <option dir={'rtl'} value='single'>
+                  {' '}
+                  مجرد
+                </option>
+              </Select>
+              <p className={'position-absolute text-sm text-danger'}>
+                {errors?.marital?.type === 'required' && <p>مشخص کردن جنسیت اجباری است</p>}
+              </p>
+            </Box>
+            <Box>
+              {Sex === '1' ? (
+                <Select {...register('military')} borderColor={'teal'} dir={'ltr'} placeholder='وضعیت مظام وظیفه '>
+                  <option dir={'rtl'} value='Done'>
+                    {' '}
+                    انجام شده{' '}
+                  </option>
+                  <option dir={'rtl'} value='not'>
+                    {' '}
+                    انجام نشده
+                  </option>
+                  <option dir={'rtl'} value='bug'>
+                    {' '}
+                    خرید خدمت{' '}
+                  </option>
+                  <option dir={'rtl'} value='specific'>
+                    {' '}
+                    معافیت خاص{' '}
+                  </option>
+                </Select>
+              ) : (
+                ''
+              )}
+            </Box>
+          </SimpleGrid>
+          <Flex width='100%' flexDir={'row'} mt={150} justify='space-between'>
+            <Button
+              mr={4}
+              size='sm'
+              colorScheme='teal'
+              variant='ghost'
+              onClick={prevStep}
+              isDisabled={activeStep === 0}
+            >
+              مرحله قبل
+            </Button>
+            <Button type={'submit'} colorScheme={'teal'} size='sm'>
+              {activeStep === steps.length - 1 ? 'ثبت اطلاعات' : 'مرحله بعد'}
+            </Button>
+          </Flex>
+        </form>
+      </Flex>
+    )
+  }
+  const WorkHistoryForm = () => (
+    <Flex className={'flex p-2 m-2 justify-content-center'}>
+      <form>
+        <SimpleGrid dir={'rtl'} columns={[1, 2, 4]} spacing={5}>
+          <Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='نام و نام خانوادگی ' />
+          <Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='Basic usage' />
+          <Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='Basic usage' />
+          <Input dir={'rtl'} borderColor={'teal'} variant='outline' placeholder='Basic usage' />
+        </SimpleGrid>
+        <Flex width='100%' flexDir={'row'} mt={150} justify='space-between'>
+          <Button mr={4} size='sm' colorScheme='teal' variant='ghost' onClick={prevStep} isDisabled={activeStep === 0}>
+            مرحله قبل
+          </Button>
+          <Button colorScheme={'teal'} size='sm' onClick={CanAccess}>
+            {activeStep === steps.length - 1 ? 'ثبت اطلاعات' : 'مرحله بعد'}
+          </Button>
+        </Flex>
+      </form>
+    </Flex>
+  )
+  function HandleShowForm(index) {
+    switch (index) {
+      case 0:
+        return <PersonalForm />
+      case 1:
+        return <WorkHistoryForm />
+      default:
+        return index
+    }
+  }
+  const Content = ({ index }) => {
+    return <div>{HandleShowForm(index)}</div>
+  }
 
-            <AppContainer title={'درخواست همکاری'}>
-                <div className="parallax-container">
-                    <h1 className={'center-align text-white service-text dana font-weight-bold'}> درخواست همکاری   </h1>
-                    <Image
-                        loader={Parallax}
-                        src="Parallax.png"
-                        className={'responsive-img shadow-5'}
-                        alt="درباره بیارستان مهر ایرانیان پرند "
-                        width={3000}
-                        height={1300}
-                    />
-                </div>
-                <MDBContainer className={'mt-5 mb-5'}>
-                    <Steps className={'fix-res-steps'}  dir={'rtl'} activeStep={activeStep}>
-                        {steps.map(({ label, content }, index) => (
-                            <Step className={'dana fix-res-step'} label={label} key={label}>
-                                <div dir={'rtl'} className={'bg-gray-100 m-4 p-2 rounded-md'}>
-                                    <Content index={index} />
-                                </div>
-                            </Step>
-                        ))}
-                    </Steps>
-                    {activeStep === 5 ? (
-                        <Center p={4} flexDir="column">
-                            <Heading fontSize="xl"> درخواست شما با موفقیت ثبت شد پس از بررسی کارشناسان ما با شما تماس خواهند گرفت</Heading>
-                            <Button color={'green'} mt={6} size="sm" onClick={reset}>
-                                Reset
-                            </Button>
-                        </Center>
-                    ) : (
-                        <Flex width="100%" flexDir={'row-reverse'} justify="space-between">
-                            <Button
-                                mr={4}
-                                size="sm"
-                                colorScheme='teal'
-                                variant="ghost"
-                                onClick={prevStep}
-                                isDisabled={activeStep === 0}
-                            >
-                                مرحله قبل
-                            </Button>
-                            <Button colorScheme={'teal'} size="sm" onClick={CanAccess}>
-                                {activeStep === steps.length - 1 ? "ثبت اطلاعات" : "مرحله بعد"}
-                            </Button>
-                        </Flex>
-                    )}
-                </MDBContainer>
-            </AppContainer>
+  const steps = [
+    { label: 'اطلاعات شخص', Content },
+    { label: ' مشخصات تماس', Content },
+    { label: '  اطلاعات تحصیلی', Content },
+    { label: 'سوابق کاری  ', Content },
+    { label: ' مدارک و مستندات  ', Content }
+  ]
+  const { nextStep, prevStep, setStep, reset, activeStep } = useSteps({
+    initialStep: 0
+  })
+  const CanAccess = () => {
+    if (Access) {
+      nextStep()
+    } else {
+      alert('اطلاعات را بررسی کنید')
+    }
+  }
+  return (
+    <div>
+      <AppContainer title={'درخواست همکاری'}>
+        <div className='parallax-container'>
+          <h1 className={'center-align text-white service-text dana font-weight-bold'}> درخواست همکاری </h1>
+          <Image
+            loader={Parallax}
+            src='Parallax.png'
+            className={'responsive-img shadow-5'}
+            alt='درباره بیارستان مهر ایرانیان پرند '
+            width={3000}
+            height={1300}
+          />
         </div>
-    );
-};
+        <MDBContainer className={'mt-5 mb-5'}>
+          <Steps className={'fix-res-steps'} dir={'rtl'} activeStep={activeStep}>
+            {steps.map(({ label, content }, index) => (
+              <Step className={'dana fix-res-step'} label={label} key={label}>
+                <div dir={'rtl'} className={'bg-gray-100 m-4 p-2 rounded-md'}>
+                  <Content index={index} />
+                </div>
+              </Step>
+            ))}
+          </Steps>
+          {activeStep === 5 ? (
+            <Center p={4} flexDir='column'>
+              <Heading fontSize='xl'>
+                {' '}
+                درخواست شما با موفقیت ثبت شد پس از بررسی کارشناسان ما با شما تماس خواهند گرفت
+              </Heading>
+              <Button color={'green'} mt={6} size='sm' onClick={reset}>
+                Reset
+              </Button>
+            </Center>
+          ) : (
+            <Flex width='100%' flexDir={'row-reverse'} justify='space-between'>
+              <Button
+                mr={4}
+                size='sm'
+                colorScheme='teal'
+                variant='ghost'
+                onClick={prevStep}
+                isDisabled={activeStep === 0}
+              >
+                مرحله قبل
+              </Button>
+              <Button colorScheme={'teal'} size='sm' onClick={CanAccess}>
+                {activeStep === steps.length - 1 ? 'ثبت اطلاعات' : 'مرحله بعد'}
+              </Button>
+            </Flex>
+          )}
+        </MDBContainer>
+      </AppContainer>
+    </div>
+  )
+}
 
-export default CooperationRequest;
\ No newline at end of file
+export default CooperationRequest
diff --git a/pages/components/Layout/header.js b/pages/components/Layout/header.js
index 9d0c455..0a068f4 100644
--- a/pages/components/Layout/header.js
+++ b/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 '}
               >
diff --git a/pages/components/service.js b/pages/components/service.js
index d1cc1be..782740a 100644
--- a/pages/components/service.js
+++ b/pages/components/service.js
@@ -1,294 +1,320 @@
-import React from 'react';
-import { Swiper, SwiperSlide } from 'swiper/react';
-import SwiperCore, { Autoplay  } from 'swiper';
+import React from 'react'
+import { Swiper, SwiperSlide } from 'swiper/react'
+import SwiperCore, { Autoplay } from 'swiper'
 
-import Link from "next/link";
+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]);
-
-
+  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 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 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 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/>
-
-</>
-
+    <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" },
+  { 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
-                                },
+  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>
+                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>
+      )}
+    </>
+  )
+}
 
-                    </MDBContainer>
-                    <br/>
-                </AppContainer>
-
-            )}
-        </>
-    );
-};
-
-export default Service;
\ No newline at end of file
+export default Service
diff --git a/pages/components/slider.js b/pages/components/slider.js
index d3c567a..5d746b8 100644
--- a/pages/components/slider.js
+++ b/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'
@@ -13,7 +12,7 @@ const Slider = () => {
   return (
     <div>
       <Swiper pagination={true} autoplay={true} loop={true} modules={[Pagination]} className='mySwiper'>
-     
+    
         <SwiperSlide style={{ cursor: 'pointer' }} className='pointer'>
           <Link href='/stock-unit'>
             <img src={sliderCallCenter} />
diff --git a/pages/medical-equipment/index.js b/pages/medical-equipment/index.js
new file mode 100644
index 0000000..800a33c
--- /dev/null
+++ b/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
diff --git a/public/resource/medical/medical.webp b/public/resource/medical/medical.webp
new file mode 100644
index 0000000..2c3cd63
Binary files /dev/null and b/public/resource/medical/medical.webp differ
diff --git a/public/take-stock.pdf b/public/take-stock.pdf
index af5ec59..95a84dd 100644
Binary files a/public/take-stock.pdf and b/public/take-stock.pdf differ