import SectionTitle from "@/components/shared/SectionTitle/Index";
import { getAboutData } from "@/lib/api/about";
import { getTranslations } from "next-intl/server";
import { AboutCompaniesGrid } from "./components/AboutCompanies";

export default async function OurFoundingAndCompanies() {
  const t = await getTranslations("AboutPage.foundingAndCompanies");
  const aboutData = await getAboutData();
  const companies = aboutData?.companies;

  return (
    <section className="flex flex-col gap-5 sm:gap-10 w-full">
      <SectionTitle title={t("title")} />
      <AboutCompaniesGrid companiesData={companies ?? []} />
    </section>
  );
}