import { Suspense } from "react";
import GetRulesData from "./get-data";
import { PageLinkCm } from "@/app/_lib/components/page_component/shared/page-link-cm";
import Loading from "./loading";
import { OG_CONSTANT } from "@/app/_lib/helper/const-data";
import { SITE_BASE_URL } from "@/app/_lib/helper/env";

export const metadata = {
  title: "قوانین و مقررات",
  alternates: {
    canonical: `/rules`,
  },
  openGraph: {
    ...OG_CONSTANT,
    title: "قوانین و مقررات | مجموعه آموزشی شریف",
    url: SITE_BASE_URL + "/rules",
  },
};
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 fallback={<Loading />}>
          <GetRulesData />
        </Suspense>
      </div>
      <section>
        <PageLinkCm
          text={"برای مشاهده ی حریم خصوصی سایت کلیک کنید"}
          href={"/privacy"}
        />
      </section>
    </main>
  );
}