spb/clip-spboucher-ai

1import { ImageResponse } from "next/og";23export const alt = "CLIP — Autonomous AI cinema";4export const size = { width: 1200, height: 630 };5export const contentType = "image/png";67export default function OG() {8  return new ImageResponse(9    (10      <div style={{ width: "100%", height: "100%", display: "flex", alignItems: "center", justifyContent: "space-between", padding: "0 96px", background: "radial-gradient(circle at 78% 50%, #2b2416 0%, #08080a 55%)", color: "#f1eee8" }}>11        <div style={{ display: "flex", flexDirection: "column" }}>12          <div style={{ fontSize: 22, letterSpacing: 8, color: "#e8c27a" }}>AUTONOMOUS AI CINEMA</div>13          <div style={{ fontSize: 190, letterSpacing: 18, marginTop: 8, fontFamily: "serif" }}>CLIP</div>14          <div style={{ fontSize: 30, color: "#a8a49c", maxWidth: 620 }}>Original short films, conceived, produced and reviewed by an orchestrated creative system.</div>15        </div>16        <div style={{ width: 236, height: 420, borderRadius: 34, border: "5px solid #f1eee8", display: "flex", alignItems: "center", justifyContent: "center" }}>17          <div style={{ width: 62, height: 62, borderRadius: 62, background: "#e8c27a", boxShadow: "0 0 120px 40px rgba(232,194,122,0.45)" }} />18        </div>19      </div>20    ),21    size,22  );23}24