Replace the raw logo OG image with a designed 1200×630 hero card
generated at build time using satori + @resvg/resvg-js.
- Add generate-og.ts script with branded dark card design (gradient
orbs, geometric rings, logo, title, tagline)
- Wire generation into build pipeline (runs before astro build)
- Update meta tags with absolute URLs, dimensions, and twitter:image
- Configure site URL (https://aryx.app) in astro.config.mjs
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Single-page marketing site built with Astro 5 and Tailwind CSS v4.
Produces static HTML with zero client-side JS — ideal for Cloudflare
Pages deployment.
Sections: hero with screenshot placeholder, 6 feature cards,
5 orchestration patterns showcase, 4-step getting started guide,
tech banner, and footer.
Dark theme (zinc-950/indigo accents) matches the app aesthetic.
Responsive design with mobile navigation.
Build: cd website && bun install && bun run build
Output: website/dist/
To add a real screenshot, replace
website/public/images/screenshot-placeholder.svg with
website/public/images/screenshot.png and update the img src
in website/src/pages/index.astro.
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
