feat(landing): generate og images

[tedbrine]

this generates og/twitter images based on title, see here:

i suspect this og image should be changed, but this pr should lay the framework to make it easy to change in the future

one red flag to look at: for SSG, i had to hardcode a blank og image url into the src attribute of the <img /> element in the api route. currently that link goes to my fork, but this should be changed to probably the main repo or some cdn...

closes #95

[vercel]

@t3duk is attempting to deploy a commit to the maxktz Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
paykit	Ready	Preview, Comment	Apr 11, 2026 5:16pm

[maxktz]

@t3duk That's great, but images suck tho.

for docs we don't really need that window with code, I'd just use logo + header + description + (maybe category)
will figure it out later tho

Good example from supabase:

https://supabase.com/docs/guides/database/overview

Gives us:

I would not invent something new, would just copy Vercel / Supabase / Next.js, or any great example, and adjusted it for our colors and logo

[tedbrine]

@maxktz I'll have a look later! 👍

[tedbrine]

I sent this in dms, but we're thinking of something like this, just using Giest (which is kinda painful to get working rn)

[maxktz]

@t3duk bro logo padding is off

[tedbrine]

@maxktz lol i must of changed the padding accidentally

[tedbrine]

working on this in #110