import AboutUsPage from "@/components/aboutUs";
import Layout from "@/components/layout/StLayout";
import { getStateInfo } from "@/lib/getStateInfo";

export async function generateMetadata() {
  const { matchedCity, matchedState, isRoot } = await getStateInfo();
  const siteName = matchedCity?.site_name || "نوبت 724";
  const cityName = isRoot ? null : matchedCity?.name;
  const provinceName = isRoot ? null : matchedState?.name;

  // صفحه self-canonical است؛ عنوان و توضیح باید شهری باشند وگرنه ۳۵ دامنه یک
  // متادیتا اعلام می‌کنند و همان duplicate با شکل تازه برمی‌گردد.
  const title = cityName
    ? `درباره ما | نوبت‌دهی آنلاین پزشکان ${cityName} | ${siteName}`
    : `درباره ما | ${siteName}`;
  const description = cityName
    ? `آشنایی با ${siteName}، سامانه رزرو آنلاین نوبت پزشکان ${cityName}${provinceName ? ` و ${provinceName}` : ""}. جست‌وجوی پزشک بر اساس تخصص و ثبت نوبت بدون تماس تلفنی.`
    : `آشنایی با ${siteName}، سیستم آنلاین نوبت‌دهی پزشکی. هدف ما ارائه خدمات سریع و کارآمد رزرو نوبت پزشکی برای همه مردم است.`;
  const image = "/assets/images/og-image.png";
  return {
    title,
    description,
    openGraph: { title, description, images: [image] },
    twitter: { card: "summary_large_image", title, description, images: [image] },
  };
}

function AboutUs() {
  return (
    <Layout name="/about-us">
      <AboutUsPage />
    </Layout>
  );
}

export default AboutUs;