import { Suspense } from "react";
import GetAboutUs 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: `/about-us`,
  },
  keywords: [
    "درباره ما",
    "درباره ی ما",
    "معرفی ما",
    "شعبه ها",
    "شعبه های ما",
    "تاریخچه ما",
    "تیم ما",
    "ارزش های ما",
    "اهداف ما",
    "ماموریت ما",
    "دستاوردها",
    "رضایت مشتری",
    "کیفیت",
    "نوآوری",
    "اعتماد",
    "تخصص",
    "حرفه ای بودن",
    "مسئولیت پذیری",
    "شفافیت",
    "پاسخگویی",
    "تماس با ما",
    "موقعیت مکانی",
    "شبکه های اجتماعی",
    "جوایز و افتخارات",
    "مشتریان",
    "شرکا",
    "رسانه ها",
  ],
  openGraph: {
    ...OG_CONSTANT,
    title: `درباره ما | مجموعه آموزشی شریف`,
    url: `${SITE_BASE_URL}/about-us`,
  },
};

export default async function Page() {
  return (
    <main
      className={`w-[calc(100%-208px)] bg-white p-4 rounded-lg mt-10 m-auto max-[1200px]:w-[calc(100%-78px)] max-[900px]:w-[calc(100%-58px)] max-[490px]:w-[calc(100%-16px)]`}
    >
      <Suspense fallback={<Loading />}>
        <GetAboutUs />
      </Suspense>
    </main>
  );
}