60 lines
1.4 KiB
TypeScript
60 lines
1.4 KiB
TypeScript
|
import { ImageResponse } from "next/og";
|
||
|
|
|
||
|
|
export const runtime = "edge";
|
||
|
|
|
||
|
|
export const alt = "CreatorStudio — AI Video & Image Maker";
|
||
|
|
export const size = { width: 1200, height: 630 };
|
||
|
|
export const contentType = "image/png";
|
||
|
|
|
||
|
|
export default function OpenGraphImage() {
|
||
|
|
return new ImageResponse(
|
||
|
|
(
|
||
|
|
<div
|
||
|
|
style={{
|
||
|
|
height: "100%",
|
||
|
|
width: "100%",
|
||
|
|
display: "flex",
|
||
|
|
flexDirection: "column",
|
||
|
|
alignItems: "flex-start",
|
||
|
|
justifyContent: "center",
|
||
|
|
background: "linear-gradient(135deg, #1e40af 0%, #2563EB 50%, #7c3aed 100%)",
|
||
|
|
padding: "80px",
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
<div
|
||
|
|
style={{
|
||
|
|
fontSize: 28,
|
||
|
|
fontWeight: 600,
|
||
|
|
color: "rgba(255,255,255,0.85)",
|
||
|
|
marginBottom: 16,
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
CreatorStudio
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
style={{
|
||
|
|
fontSize: 64,
|
||
|
|
fontWeight: 700,
|
||
|
|
color: "white",
|
||
|
|
lineHeight: 1.1,
|
||
|
|
maxWidth: 900,
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
Create pro videos & images with AI
|
||
|
|
</div>
|
||
|
|
<div
|
||
|
|
style={{
|
||
|
|
fontSize: 28,
|
||
|
|
color: "rgba(255,255,255,0.9)",
|
||
|
|
marginTop: 24,
|
||
|
|
maxWidth: 800,
|
||
|
|
}}
|
||
|
|
>
|
||
|
|
Templates, editors, and one-click export for every channel
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
),
|
||
|
|
{ ...size }
|
||
|
|
);
|
||
|
|
}
|