import { ImageResponse } from "next/og";

export const alt = "Clipwell TikTok Video Downloader";
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: "center",
          background: "#1857c8",
          color: "white",
          padding: "80px",
        }}
      >
        <div style={{ fontSize: 42, fontWeight: 700, opacity: 0.9 }}>Clipwell</div>
        <div style={{ fontSize: 72, fontWeight: 700, letterSpacing: -1, marginTop: 16 }}>TikTok Video Downloader</div>
        <div style={{ fontSize: 32, marginTop: 20, maxWidth: 860 }}>
          Save public videos, photos, and audio when a real file is available.
        </div>
      </div>
    ),
    { ...size },
  );
}