fix: seo friendly

pages/recruitment/index.js

@@ -31,9 +31,9 @@ const Recruitment = dataoccupational => {
         <div className='parallax-container'>
           <div className={'flex  flex-column'}>
             <div className={'mb-5'}>
-              <h2 className={'center-align bk-med text-white  header_back service-text dana font-weight-bold'}>
+              <h1 className={'center-align bk-med text-white  header_back service-text dana font-weight-bold'}>
                 فرصت های شغلی    
-              </h2>
+              </h1>
             </div>
             <br />
             <br />
@@ -82,11 +82,11 @@ const Recruitment = dataoccupational => {
                         <FiUsers size={35} />
                       </div>
                       <MDBCardTitle className={'bk-med mt-2 right'}>{item.title} </MDBCardTitle>
-                      <Link href={`recruitment/item/${item.id}`}>
-                        <MDBBtn rounded size={'sm'} className={'mt-2 flex align-items-center bk-light bg-primary-teal'}>
+                      <Link href={`/recruitment/item/${item.id}`}>
+                        <a className={'btn btn-rounded btn-sm mt-2 flex align-items-center bk-light bg-primary-teal text-white'}>
                           مشاهده
                           <FiArrowLeft className={'mr-2'} />
-                        </MDBBtn>
+                        </a>
                       </Link>
                     </MDBCardBody>
                   </MDBCard>

pages/recruitment/item/[category_id].js

@@ -19,7 +19,6 @@ import axios from 'axios'
 import { AppProduction } from '../../../lib/api'
 
 const Recruitment = jobs => {
-  console.log(jobs)
   const Parallax = ({ quality }) => {
     return `../../resource/parallax/33012321.jpg`
   }
@@ -32,10 +31,10 @@ const Recruitment = jobs => {
         <div className='parallax-container'>
           <div className={'flex  flex-column'}>
             <div className={'mb-5'}>
-              <h2 className={'center-align bk-med text-white  header_back service-text dana font-weight-bold'}>
+              <h1 className={'center-align bk-med text-white  header_back service-text dana font-weight-bold'}>
               
-                فرصت های شغلی بیمارستان مهر پرند 
-              </h2>
+                فرصت‌های شغلی {jobs.jobs.name.title} بیمارستان مهر پرند
+              </h1>
             </div>
             <br />
             <br />
@@ -127,7 +126,10 @@ export async function getServerSideProps(ctx) {
   const jobs = await res
 
   // Pass data to the page  via props
-  return { props: { jobs } }
+  return { props: { jobs, seo: {
+    title: `استخدام ${jobs.name.title}`,
+    description: `فرصت‌های شغلی گروه ${jobs.name.title} در بیمارستان مهر پرند؛ مشاهده عنوان‌های شغلی و ثبت درخواست استخدام.`
+  } } }
 }
 
 export default Recruitment