// OG image for the desktop download page. Brand-consistent with the
// rest of Petdex (cloud gradient, brand purple, mono caption) but
// leans on a "your pet, floating beside your editor" framing instead
// of a sprite grid since this page is product copy, not a pet card.
import { ImageResponse } from "next/og";
import { defaultLocale, hasLocale } from "@/i18n/config";
export const runtime = "nodejs";
export const contentType = "image/png";
export const size = { width: 1200, height: 630 };
export const alt = "Petdex Desktop — your pet beside every agent";
// 24h ISR matches the rest of the OG routes. The download landing
// copy doesn't shift often; cached unfurls are fine.
export const revalidate = 86400;
export default async function Image({
params,
}: {
params: Promise<{ locale: string }>;
}) {
const { locale } = await params;
const copy = await getOgImageCopy(locale);
return new ImageResponse(
{/* Top brand row */}
Petdex
{copy.eyebrow}
{/* Center hero */}
{copy.title}
{copy.subtitle}
{/* Install command */}
$npx petdex install
{/* Bottom URL */}
petdex.crafter.run/download
,
{ ...size },
);
}
async function getOgImageCopy(locale: string) {
const resolvedLocale = locale && hasLocale(locale) ? locale : defaultLocale;
const messages = (await import(`@/i18n/messages/${resolvedLocale}.json`))
.default as {
ogImage?: {
downloadEyebrow?: string;
downloadTitle?: string;
downloadSubtitle?: string;
};
};
return {
eyebrow: messages.ogImage?.downloadEyebrow ?? "Petdex Desktop",
title: messages.ogImage?.downloadTitle ?? "Your pet, beside every agent",
subtitle:
messages.ogImage?.downloadSubtitle ??
"Animated pixel companions for Codex, Claude Code, and the rest of your AI workflow. macOS native.",
};
}
function PetdexMark({ size }: { size: number }) {
return (
);
}