Customize

Brand name and links

Edit lib/site.ts. It holds the product name, the sign-up link and the customer names shown under the hero. Replace the placeholder customers with real ones before you launch.

Colours and themes

All colours are variables at the top of app/globals.css, in two blocks: light (the default) and dusk. Change --gold to change the accent everywhere, including the charts. Visitors switch themes from the header, the footer or the mobile menu, and the choice is remembered.

To add a theme, copy a block, rename it, and add a button for it in components/ThemeToggle.tsx.

Marketing text and languages

Every word on the home page lives in lib/copy.ts, one object per language. Edit the English one to change the site.

To add a language such as French:

1. Copy the en object in lib/copy.ts, translate it and add it to COPY and LANGS
2. Copy app/es/page.tsx to app/fr/page.tsx and use COPY.fr

The dashboard itself is in English. The marketing site, including the pricing calculator and contact form, is translated.

Plans, prices and limits

Edit lib/plan-data.ts. The pricing page, the billing screen, the calculator and the limits enforced by the API all read from it, so one change updates everything. If you use Stripe, also create matching prices in Stripe.

Blog and changelog

Add a Markdown file to content/posts/:

---
title: Your post title
date: 2026-10-01
summary: One sentence for lists and search results.
type: post
---

Your text here.

Use type: changelog for a changelog entry. The post appears on /blog or /changelog, in the RSS feed and in the sitemap after the next build. The renderer supports headings, lists, quotes, code, bold, italic, links and tables, and never allows raw HTML.

Social share image

Edit app/opengraph-image.tsx. It is drawn with code, so changing the text or colours is a one-line edit.

Legal pages

app/privacy/page.tsx and app/terms/page.tsx are starting points only. Have them reviewed for your business and region before launch.