import { Suspense } from "react";
import TeacherRegistrationForm from "./TeacherRegistrationForm";
import { MAIN_KEYWORDS, OG_CONSTANT } from "@/app/_lib/helper/const-data";
import { SITE_BASE_URL } from "@/app/_lib/helper/env";

export const metadata = {
  title: "درخواست همکاری",
  keywords: [
    "همکاری با شریف",
    "همکاری با آموزشگاه شریف",
    "کارکردن در آموزشگاه شریف",
    ...MAIN_KEYWORDS,
  ],
  alternates: {
    canonical: `/student-registration`,
  },
  openGraph: {
    ...OG_CONSTANT,
    title: "درخواست همکاری",
    url: SITE_BASE_URL + "/student-registration",
  },
};
export default function Page() {
  return (
    <main className="mt-10 mb-20 w-[calc(100%-216px)] m-auto max-[1050px]:w-[calc(100%-58px)] max-[580px]:w-[calc(100%-58px)] max-[490px]:w-[calc(100%-16px)]">
      <div className="p-4 bg-white rounded-md">
        <h1 className="mb-5 page-title-2">درخواست همکاری</h1>
        <Suspense>
          <TeacherRegistrationForm />
        </Suspense>
      </div>
    </main>
  );
}