import React, { Suspense } from "react";
import GetGalleyData from "./get-data";
import Loading from "./loading";
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: `/gallery`,
  },
  openGraph: {
    ...OG_CONSTANT,
    title: "گالری تصاویر | مجموعه آموزشی شریف",
    url: SITE_BASE_URL + "/gallery",
  },
};
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 />}>
          <GetGalleyData />
        </Suspense>
      </div>
    </main>
  );
}