import { Suspense } from "react";
import GetRulesData from "./get-data";
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: `/privacy`,
  },
  openGraph: {
    ...OG_CONSTANT,
    title: "حریم خصوصی | مجموعه آموزشی شریف",
    url: SITE_BASE_URL + "/privacy",
  },
};
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>
    </main>
  );
}