moon/app/twitter-image.tsx

import { ImageResponse } from 'next/og';

export const alt = 'Moon Phases 2026 — Lunar Guide';
export const size = {
  width: 1200,
  height: 630,
};
export const contentType = 'image/png';

export default function TwitterImage() {
  return new ImageResponse(
    (
      <div
        style={{
          width: '100%',
          height: '100%',
          display: 'flex',
          justifyContent: 'center',
          alignItems: 'center',
          background: 'linear-gradient(135deg, #15153a 0%, #090914 100%)',
          color: 'white',
          fontFamily: 'sans-serif',
          fontSize: 72,
          fontWeight: 800,
        }}
      >
        <div style={{ display: 'flex', alignItems: 'center', gap: 28 }}>
          <span style={{ fontSize: 110 }}>🌙</span>
          <span>Moon Phases 2026</span>
        </div>
      </div>
    ),
    {
      ...size,
    }
  );
}