import { ImageResponse } from 'next/og';

export const size = { width: 1200, height: 630 };
export const contentType = 'image/png';

export default function OGImage() {
  return new ImageResponse(
    (
      <div
        style={{
          width: '100%',
          height: '100%',
          display: 'flex',
          flexDirection: 'column',
          justifyContent: 'center',
          padding: '80px',
          background: 'linear-gradient(135deg, #0c8ee7 0%, #6d28d9 100%)',
          color: 'white',
        }}
      >
        <div style={{ display: 'flex', alignItems: 'center', fontSize: 38, opacity: 0.92, letterSpacing: 1 }}>
          Yuzhiran AI
        </div>
        <div style={{ display: 'flex', fontSize: 84, fontWeight: 800, marginTop: 28, lineHeight: 1.1 }}>
          AI Tools & Knowledge
        </div>
        <div style={{ display: 'flex', fontSize: 84, fontWeight: 800, lineHeight: 1.1 }}>
          Community
        </div>
        <div style={{ display: 'flex', fontSize: 34, marginTop: 30, opacity: 0.92 }}>
          Tools, Prompts, Skills & Sandbox for everyone
        </div>
      </div>
    ),
    { ...size },
  );
}
