Film composerFilm composer

1/** The shape of src/site.ts: every word, colour and section of this site lives there. */2import type { IconName } from "./Icon";3 4export type Link = { label: string; href: string };5 6export type Visual =7  | { type: "tiles"; tones: string[]; caption?: string }8  | { type: "mock"; title: string; rows: { label: string; value: string; tone?: string }[]; footer?: string }9  | { type: "card"; tone: string; title: string; lines: string[] }10  | { type: "none" };11 12export type Section =13  | { kind: "hero"; variant: "split" | "center" | "editorial"; eyebrow?: string; title: string; text: string; primary: Link; secondary?: Link; visual: Visual; note?: string }14  | { kind: "features"; id?: string; eyebrow?: string; title: string; text?: string; columns?: 2 | 3 | 4; items: { title: string; text: string; icon: IconName }[] }15  | { kind: "split"; id?: string; eyebrow?: string; title: string; text: string; bullets: string[]; visual: Visual; reverse?: boolean }16  | { kind: "menu"; id?: string; eyebrow?: string; title: string; text?: string; groups: { name: string; items: { name: string; text?: string; price: string }[] }[] }17  | { kind: "pricing"; id?: string; eyebrow?: string; title: string; text?: string; plans: { name: string; price: string; period?: string; text: string; features: string[]; featured?: boolean; cta: Link }[] }18  | { kind: "gallery"; id?: string; eyebrow?: string; title: string; text?: string; items: { title: string; caption?: string; tone: string }[] }19  | { kind: "projects"; id?: string; eyebrow?: string; title: string; items: { title: string; tag: string; year: string; tone: string }[] }20  | { kind: "quotes"; id?: string; eyebrow?: string; title: string; items: { quote: string; name: string; role: string }[] }21  | { kind: "stats"; id?: string; items: { value: string; label: string }[] }22  | { kind: "steps"; id?: string; eyebrow?: string; title: string; items: { title: string; text: string }[] }23  | { kind: "team"; id?: string; eyebrow?: string; title: string; items: { name: string; role: string; tone: string }[] }24  | { kind: "timeline"; id?: string; eyebrow?: string; title: string; items: { period: string; title: string; text: string }[] }25  | { kind: "faq"; id?: string; eyebrow?: string; title: string; items: { q: string; a: string }[] }26  | { kind: "products"; id?: string; eyebrow?: string; title: string; text?: string; currency: string; items: { name: string; price: number; category: string; tone: string; text: string; badge?: string }[] }27  | { kind: "hours"; id?: string; eyebrow?: string; title: string; text?: string; rows: { day: string; time: string }[]; address: string; phone?: string; email?: string }28  | { kind: "cta"; id?: string; title: string; text: string; primary: Link; secondary?: Link }29  | { kind: "contact"; id?: string; eyebrow?: string; title: string; text: string; fields: ("name" | "email" | "phone" | "date" | "guests" | "company" | "message")[]; button: string };30 31export type Site = {32  brand: string;33  nav: Link[];34  navCta?: Link;35  sections: Section[];36  footer: { text: string; columns?: { title: string; links: string[] }[]; legal: string };37};