import { ImageResponse } from 'next/og' export const runtime = 'nodejs' export const alt = 'Fibe — Idea to live app in 60 seconds. No code required.' export const size = { width: 1200, height: 630 } export const contentType = 'image/png' export default function Image() { return new ImageResponse( (
{/* ── GRID ── */}
{/* ── GLOW ORBS ── */}
{/* Accent glow — center */}
{/* ── MAIN LAYOUT ── */}
{/* TOP: logo + brand + badge */}
{/* Logo */}
f
fibe {/* Separator */}
{/* Badge */}
No code required
Any device · Anywhere
{/* MIDDLE: headline */}
Idea to live app.
Sixty seconds.
{/* BOTTOM: description + pills + domain */}
AI Genies write the code. Fibe handles servers, SSL and deploys. On your own infrastructure. Zero DevOps.
{/* Feature pills */}
{[ { label: 'Claude Code', color: '#a78bfa' }, { label: 'Gemini CLI', color: '#34d399' }, { label: 'OpenAI Codex', color: '#60a5fa' }, { label: 'Your infra', color: '#c4b5fd' }, { label: 'Any cloud', color: '#c4b5fd' }, ].map(({ label, color }) => (
{label}
))}
{/* Domain */}
fibe.me
), { ...size } ) }