import { ImageResponse } from "next/og";
import { siteConfig } from "./content/pop-media";

export const size = {
  width: 1200,
  height: 630
};

export const contentType = "image/png";

export const alt =
  "Pop Media si Radio Belgia - ecosistem media pentru romanii din Belgia";

export default function Image() {
  return new ImageResponse(
    (
      <div
        style={{
          width: "100%",
          height: "100%",
          display: "flex",
          flexDirection: "column",
          justifyContent: "space-between",
          padding: 72,
          color: "#fffdf8",
          background:
            "linear-gradient(135deg, #080807 0%, #153d35 46%, #24130f 100%)",
          fontFamily: "Arial, sans-serif"
        }}
      >
        <div
          style={{
            display: "flex",
            alignItems: "center",
            gap: 22,
            fontSize: 34,
            fontWeight: 800
          }}
        >
          <div
            style={{
              width: 76,
              height: 76,
              display: "flex",
              alignItems: "center",
              justifyContent: "center",
              color: "#12110f",
              background: "#f9d84a",
              borderRadius: 999,
              fontWeight: 900
            }}
          >
            PM
          </div>
          {siteConfig.name} / {siteConfig.primaryBrand}
        </div>
        <div style={{ display: "flex", flexDirection: "column", gap: 24 }}>
          <div
            style={{
              maxWidth: 900,
              fontSize: 82,
              fontWeight: 900,
              lineHeight: 0.94
            }}
          >
            Ecosistem media pentru romanii din Belgia
          </div>
          <div style={{ maxWidth: 860, color: "#f3eadb", fontSize: 30 }}>
            Radio, interviuri, evenimente, publicitate si parteneriate in
            comunitate.
          </div>
        </div>
      </div>
    ),
    size
  );
}
