import { getTranslations } from "next-intl/server";
import type { WebsiteAboutHeroData } from "@/lib/api/website/about-types";
import { PageHero } from "@/components/website/ui/page-hero";

type AboutPageHeroProps = {
  data?: WebsiteAboutHeroData;
};

export default async function AboutPageHero({ data }: AboutPageHeroProps) {
  const t = await getTranslations("aboutUs.hero");

  return (
    <PageHero
      title={data?.title || t("pageTitle")}
      subtitle={data?.subtitle || t("pageSubtitle")}
      backgroundSrc={data?.background?.src}
    />
  );
}