first commit

app/twitter-image.tsx

@@ -0,0 +1,37 @@
+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,
+    }
+  );
+}