import { Suspense } from "react";
import GetContactUs from "./get-data";
import GetMap from "./map";
import Loading from "./loading";
import { OG_CONSTANT } from "@/app/_lib/helper/const-data";
import { SITE_BASE_URL } from "@/app/_lib/helper/env";
import { convertTextLength } from "@/app/_lib/utils/seo-utils";

export const metadata = {
  title: "تماس با ما",
  keywords: [
    "تماس باما",
    "ارتباط باما",
    "شبکه های اجتماعی",
    "اطلاعات تماس",
    "آدرس",
    "شماره تلفن",
    "ایمیل",
    "پشتیبانی",
    "خدمات مشتری",
    "کمک",
    "سوالات متداول",
    "شکایات",
    "پیشنهادات",
  ],
  alternates: {
    canonical: `/contact-us`,
  },
  openGraph: {
    ...OG_CONSTANT,
    title: "تماس باما | مجموعه آموزشی شریف",
    url: SITE_BASE_URL + "/contact-us",
  },
};

export default async function Page() {
  return (
    <main
      className={`w-[calc(100%-208px)] m-auto max-[1200px]:w-[calc(100%-78px)] max-[900px]:w-[calc(100%-58px)] max-[490px]:w-[calc(100%-16px)]`}
    >
      <Suspense fallback={<Loading />}>
        <GetMap />
        <GetContactUs />
      </Suspense>
    </main>
  );
}