seo check

app/clinic/[slug]/page.js

@@ -1,28 +1,73 @@
 import ClinicPage from "@/components/clinic";
 import Layout from "@/components/layout/StLayout";
 import { fetchReq } from "@/lib/req";
+import { getStateInfo } from "@/lib/getStateInfo";
 
-async function Clinic({ params: { slug },searchParams }) {
+export async function generateMetadata({ params }) {
+  const { slug } = await params;
+  const API_URL = process.env.NEXT_PUBLIC_API_URL;
+  const { matchedCity } = await getStateInfo();
+  const siteName = matchedCity?.site_name || "نوبت 724";
+
+  try {
+    const clinic = await fetchReq(`${API_URL}/api/v1/clinic/${slug}`);
+    if (!clinic) return {};
+
+    const title = `${clinic.title} | ${siteName}`;
+    const description = `رزرو نوبت و اطلاعات ${clinic.title}. مشاهده لیست پزشکان و خدمات درمانی موجود.`;
+
+    return {
+      title,
+      description,
+      openGraph: {
+        title,
+        description,
+        images: clinic.images_clinic?.[0]
+          ? [clinic.images_clinic[0]]
+          : ["https://www.nobat724.com/assets/images/logo.png"],
+      },
+    };
+  } catch {
+    return {};
+  }
+}
+
+async function Clinic({ params, searchParams }) {
+  const { slug } = await params;
   const API_URL = process.env.NEXT_PUBLIC_API_URL;
   const page = Number(searchParams?.page) || 1;
-  const reqClinics = await fetchReq(
-    `${API_URL}/api/v1/clinic/${slug}`
-  );
-const limit=50 
+  const limit = 50;
 
+  const reqClinics = await fetchReq(`${API_URL}/api/v1/clinic/${slug}`);
   const reqDoctors = await fetchReq(
     `${API_URL}/api/v1/clinic/doctor-list/${slug}?page=${page}&limit=${limit}`
   );
 
-
   const clinic = reqClinics;
   const doctors = reqDoctors?.data || [];
-  const pagedoctors=reqDoctors?.page
+  const pagedoctors = reqDoctors?.page;
+
+  const jsonLd = clinic
+    ? {
+        "@context": "https://schema.org",
+        "@type": "MedicalClinic",
+        name: clinic.title,
+        ...(clinic.images_clinic?.[0] && { image: clinic.images_clinic[0] }),
+      }
+    : null;
 
   return (
-    <Layout>
-      <ClinicPage data={clinic} doctors={doctors} slug={slug} pages={pagedoctors} />
-    </Layout>
+    <>
+      {jsonLd && (
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
+        />
+      )}
+      <Layout>
+        <ClinicPage data={clinic} doctors={doctors} slug={slug} pages={pagedoctors} />
+      </Layout>
+    </>
   );
 }