import { ImageResponse } from "next/og";

// Static social-share image for the site (1200×630).
// Next.js exposes this as og:image and twitter:image automatically.
export const alt = "Tenext Technologies — Enterprise Digital Transformation";
export const size = { width: 1200, height: 630 };
export const contentType = "image/png";

export default function OpengraphImage() {
  return new ImageResponse(
    (
      <div
        style={{
          width: "100%",
          height: "100%",
          display: "flex",
          flexDirection: "column",
          justifyContent: "space-between",
          background: "#1F1F1F",
          padding: "80px",
          fontFamily: "sans-serif",
        }}
      >
        <div style={{ display: "flex", alignItems: "center", gap: "16px" }}>
          <div
            style={{
              width: "20px",
              height: "20px",
              borderRadius: "9999px",
              background: "#45D0BD",
            }}
          />
          <div
            style={{
              color: "#FFFFFF",
              fontSize: "34px",
              fontWeight: 700,
              letterSpacing: "-0.02em",
            }}
          >
            Tenext Technologies
          </div>
        </div>

        <div
          style={{
            color: "#FFFFFF",
            fontSize: "68px",
            fontWeight: 800,
            lineHeight: 1.1,
            letterSpacing: "-0.03em",
            maxWidth: "900px",
          }}
        >
          Engineering predictable outcomes from your digital investments
        </div>

        <div style={{ color: "#87899B", fontSize: "30px", fontWeight: 500 }}>
          Cloud · Data · AI · Product Engineering · Digital Commerce
        </div>
      </div>
    ),
    { ...size }
  );
}