Maia docs
Site settings
Every option in src/site.config.ts, from your name and color to the text on each page.
src/site.config.ts holds your settings and all the one-off text on your site. Programs, recipes, posts, testimonials and FAQs have their own files.
site
| Field | What it does |
|---|---|
name |
Your name or practice name, shown in the header, footer and search results. |
credential |
The small letters after your name, such as 'RD', 'Nutritionist' or '' for none. |
title |
The home page title in browser tabs and search results. |
description |
The home page description in search results. Aim for about 150 characters. |
accent |
The accent color, as any CSS color, for example '#e2725b'. |
email |
Your public email address. |
currency |
Three-letter currency of your prices, for search engines: 'USD', 'GBP', 'EUR', 'INR'… |
location |
Where you work, for example 'London & online worldwide'. |
bookingUrl |
Where every “Book a free call” button goes: your Calendly or Cal.com page, or '/contact/'. |
bookingLabel |
The text on those buttons. |
instagram |
Your handle (without the @) and profile url. |
socials |
A list of { label, url } links shown in the footer and on the links page. |
shareImage |
The image shown when your site is shared, from public/. 1200×630 pixels. |
disclaimer |
The health disclaimer in the footer of every page. |
nav
The main menu, in order. Each entry is { href, label }. See Pages and menu.
hero
| Field | What it does |
|---|---|
eyebrow |
The small line above the headline. |
headline |
The big headline. Wrap a word in *asterisks* to set it in italic accent: 'Eat well, *without* the rules.' |
intro |
The paragraph under the headline. |
image |
{ src, alt }, the main image. Import it at the top of the file. |
secondary |
The second button: { label, href }. |
badges |
Small fact cards around the image: { value, label }. Use [] to hide them. |
featuredIn
Names of publications, podcasts or organisations in the “As featured in” row. Use [] to hide the row.
approach
The “How we’ll work together” section: a title and three or more steps with a title and text.
about
The About section on the home page: title, text (a list of paragraphs), portrait ({ src, alt }) and a list of credentials.
aboutPage
The full About page: eyebrow, title, intro, story (paragraphs), stats ({ value, label }, or [] to hide), values (each with an icon, title and text) and credentials.
Available icons: leaf, heart, bowl, spark, family, chat, users, check, clock, flame, star, mail, pin, instagram.
leadMagnet, contactForm and links
The free-guide sign-up, the contact form and the link-in-bio page. They’re covered in Forms and booking and Pages and menu.
sections and pages
Headings and intros. sections holds the home page section headings; pages holds the heading, eyebrow and intro of the Programs, Recipes, Journal and Contact pages. Wrap a word in *asterisks* for the italic accent.
closing
The dark call-to-action band near the bottom of most pages: title and text.