mintel.me/apps/web/app/(site)/about/opengraph-image.tsx

import { ImageResponse } from "next/og";
import { OGImageTemplate } from "../../../src/components/OGImageTemplate";
import { getOgFonts, OG_IMAGE_SIZE } from "../../../src/lib/og-helper";

export const size = OG_IMAGE_SIZE;
export const contentType = "image/png";
export const runtime = "nodejs";

export default async function Image() {
  const fonts = await getOgFonts();

  return new ImageResponse(
    <OGImageTemplate
      title="Über mich."
      description="15 Jahre Erfahrung. Ein Ziel: Websites, die ihre Versprechen halten."
      label="Marc Mintel"
    />,
    {
      ...OG_IMAGE_SIZE,
      fonts: fonts as any,
    },
  );
}