import ContactUsPage from "@/components/contactUs";
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 است؛ عنوان و توضیح هم باید شهری باشند وگرنه ۳۵ دامنه
  // یک متادیتا اعلام می‌کنند.
  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 ContactUs() {
  return (
    <Layout name="/contact-us">
      <ContactUsPage />
    </Layout>
  );
}

export default ContactUs;