import Container from "@/components/reusableComponent/Container"
import { getDevelopersData, getDevelopersHeadersData } from "@/lib/serverActions"
import { getTranslations } from "next-intl/server"
import DeveloperCard from "@/components/developers/DeveloperCard"
import SectionTitle from "@/components/sectionTitle/SectionTitle"
import { Metadata } from "next"
import PaginationDev from "@/components/pagination/PaginationDev"

export async function generateMetadata(): Promise<Metadata> {
  const t = await getTranslations("seo.developers");
  return {
    title: t("title"),
  description: t("description"),
  keywords: t("keywords")
  };
}

export default async function DevelopersPage({ params }: any) {
  const { locale } = await params;
  const t = await getTranslations("Developers");
  const data = await getDevelopersData(locale);
  const developersArray = data?.data?.data;

  const headersData = await getDevelopersHeadersData(locale);
  const titleDevelopers =
    headersData?.data?.headers?.["developers-page"]?.locales;
  return (
    <>
    <Container className="mb-[120px]">
      <SectionTitle
        className="py-5"
        // title={t("title")}
        title={titleDevelopers?.name}
        //  description={t("title")}
        description={titleDevelopers?.description}
      />
      <PaginationDev developersArray={developersArray}/>
      
    </Container>

    </>

  );
}