fix: seo friendly

pages/page/Directors.js

@@ -72,10 +72,10 @@ const Directors = () => {
   return (
     <AppContainer title={' تیم پروژه بیمارستان مهر پرند'}>
       <div className='parallax-container'>
-        <h2 className={'center-align text-white  header_back service-text dana font-weight-bold'}>
+        <h1 className={'center-align text-white  header_back service-text dana font-weight-bold'}>
           {' '}
           تیم پروژه بیمارستان{' '}
-        </h2>
+        </h1>
         <Image
           loader={Parallax}
           src='Parallax.png'

pages/page/contact-us.js

@@ -19,14 +19,14 @@ const ContactUs = () => {
 
     return (
         <>
-            <AppContainer title={'درباره ما'}>
+            <AppContainer title={'تماس با ما'}>
                 <div className="parallax-container">
-                    <h2 className={'center-align text-white  header_back service-text dana font-weight-bold'}> تماس با  ما    </h2>
+                    <h1 className={'center-align text-white  header_back service-text dana font-weight-bold'}> تماس با  ما    </h1>
                     <Image
                         loader={Parallax}
                         src="Parallax.png"
                         className={'responsive-img shadow-5'}
-                        alt="Picture of the author"
+                        alt="بیمارستان مهر پرند؛ آدرس و راه‌های ارتباطی"
                         width={2050}
                         height={950}
                     />
@@ -102,4 +102,4 @@ const ContactUs = () => {
     );
 };
 
-export default ContactUs;
+export default ContactUs;

pages/page/cooperationsales.js

@@ -20,9 +20,9 @@ const CooperationSales = () => {
             {/* <img src ={cartmo} alt="" /> */}
           </div>
           
-          <h2 className="text-white text-lg font-bold  lg:text-[28px] font-extrabold text-center pt-8 xl:pt-16">
+          <h1 className="text-white text-lg font-bold  lg:text-[28px] font-extrabold text-center pt-8 xl:pt-16">
             همکاری در فروش سهام
-          </h2>
+          </h1>
           <p className="text-white w-[85%] md:w-[60%] text-sm lg:text-[22px] font-medium leading-[1.8rem] lg:w-[42%] xl:w-[40%] mx-auto text-center lg:leading-8 xl:leading-10	py-2 lg:py-4">
             با ثبت نام در سامانه خرید سهام، کد معرف شما ایجاد و قابل اشتراک
             گذاری می شود. کد معرف یکتای خود را با دوستان خود به اشتراک بگذارید

pages/page/docs.js

@@ -18,7 +18,7 @@ const Docs = () => {
         <AppContainer title={' اساسنامه شرکت'}>
             <div className="parallax-container">
                 <div className={'d-flex'}>
-                    <h2 className={'center-align text-white  header_back service-text dana  font-weight-bold'}> اسناد رسمی  شرکت پزشکی مهر ایرانیان پرند  </h2>
+                    <h1 className={'center-align text-white  header_back service-text dana  font-weight-bold'}> اسناد رسمی  شرکت پزشکی مهر ایرانیان پرند  </h1>
                 </div>
                 <Image
                     loader={Parallax}
@@ -47,4 +47,4 @@ const Docs = () => {
     );
 };
 
-export default Docs;
+export default Docs;

pages/page/news/[slug].js

@@ -19,6 +19,7 @@ import {
 } from 'mdb-react-ui-kit'
 import Image from 'next/image'
 import { AppFile, AppUrl } from '../../../lib/api'
+import { newsSeo } from '../../../lib/seo'
 import { Tag, TagLabel, HStack } from '@chakra-ui/react'
 
 const moment = require('moment-jalaali')
@@ -40,7 +41,7 @@ const News = ({ post }) => {
           loader={Parallax}
           src='Parallax.png'
           className={'responsive-img shadow-5'}
-          alt='Picture of the author'
+          alt={post.title}
           width={2050}
           height={1050}
           priority
@@ -175,11 +176,14 @@ const News = ({ post }) => {
 export default News
 
 export const getServerSideProps = async context => {
-  const { query } = context
-  const posData = await axios.get(AppUrl(`news/${query.slug}`))
-  const post = await posData.data
-
-  return {
-    props: { post, fallback: false } // will be passed to the page component as props
+  const { slug } = context.params
+  try {
+    const { data: post } = await axios.get(AppUrl(`news/${encodeURIComponent(slug)}`), { timeout: 10000 })
+    if (!post || !post.title || typeof post.text !== 'string') return { notFound: true }
+    return { props: { post, seo: newsSeo(post, slug) } }
+  } catch (error) {
+    if (error.response && error.response.status === 404) return { notFound: true }
+    // Temporary upstream failures must stay 5xx rather than removing real articles from search.
+    throw error
   }
 }

pages/page/sales.jsx

@@ -44,7 +44,7 @@ const Sales = () => {
 
   return (
     <div id='callstock' className=' text-center py-8 m	'>
-      <h1 className='text-[#3c3c3c] text-[28px] font-bold mt-5	 '>ارتباط با ما  </h1>
+      <h2 className='text-[#3c3c3c] text-[28px] font-bold mt-5	 '>ارتباط با ما  </h2>
       <span className='text-[#656565] text-base p-2 md:text-[22px] md:p-0 font-light'>
         برای  ارتباط با ما فرم زیر را تکمیل کنید
       </span>