import { readFileSync } from "node:fs";
import { join } from "node:path";
import { ImageResponse } from "next/og";

export const alt = "ROPTS Venture Capital — Venture Connectivity & Fundraising Advisory";
export const size = { width: 1200, height: 630 };
export const contentType = "image/png";

/** OpenGraph card — official ROPTS mark, contain-fit, plus the standing tagline. */
export default function OpengraphImage() {
  const logo = readFileSync(join(process.cwd(), "public/brand/logo.png")).toString("base64");

  return new ImageResponse(
    (
      <div
        style={{
          width: "100%",
          height: "100%",
          display: "flex",
          flexDirection: "column",
          alignItems: "center",
          justifyContent: "center",
          gap: 28,
          background: "#FFFFFF",
        }}
      >
        {/* eslint-disable-next-line @next/next/no-img-element */}
        <img src={`data:image/png;base64,${logo}`} width={520} height={347} alt="" />
        <div style={{ display: "flex", fontSize: 28, color: "#1E293B" }}>
          Venture Connectivity &amp; Fundraising Advisory
        </div>
      </div>
    ),
    { ...size }
  );
}