import { ImageResponse } from "next/og";

export const alt = "SharedNet — Internet Packages";
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",
          alignItems: "center",
          justifyContent: "center",
          gap: 28,
          background: "linear-gradient(160deg, #141824 0%, #0B0E14 100%)",
          fontFamily: "sans-serif",
        }}
      >
        <div
          style={{
            display: "flex",
            alignItems: "center",
            justifyContent: "center",
            width: 140,
            height: 140,
            borderRadius: "50%",
            background: "linear-gradient(160deg, #FFD873 0%, #C99527 100%)",
            fontSize: 88,
            fontWeight: 700,
            color: "#0B0E14",
          }}
        >
          S
        </div>
        <div style={{ display: "flex", fontSize: 56, fontWeight: 700, color: "#EEF1F6" }}>
          SharedNet
        </div>
        <div style={{ display: "flex", fontSize: 26, color: "#9AA3B2" }}>
          Zong &middot; Jazz &middot; Ufone shared internet packages
        </div>
      </div>
    ),
    { ...size }
  );
}