Repository Public
1import type { Metadata } from "next";2import Link from "next/link";3import { LogoMark } from "@/components/layout/logo";4import { CONTACT_EMAIL, HOST_NAME, HOST_URL, OPERATOR, SITE_NAME, TAGLINE } from "@/lib/site";56export const metadata: Metadata = {7 title: "About & contact",8 description: `${SITE_NAME} is built and operated by ${OPERATOR} and hosted on ${HOST_NAME}. Contact, hosting, brand assets.`,9 alternates: { canonical: "/about" },10};1112export default function AboutPage() {13 return (14 <main id="main" className="mx-auto max-w-3xl px-4 py-10 sm:px-5">15 <div className="flex items-center gap-4">16 <LogoMark size={56} />17 <div>18 <h1 className="text-2xl font-semibold tracking-tight">About {SITE_NAME}</h1>19 <p className="text-sm text-ink-2">{TAGLINE}.</p>20 </div>21 </div>2223 <section className="mt-8 space-y-3 text-sm leading-relaxed text-ink-2">24 <p>25 {SITE_NAME} is an independent market-observation infrastructure: a network of keyless public and official connectors observes26 exchanges, central banks, regulators and market venues, normalizes every observation with its provenance and data rights, resolves it to a27 canonical instrument, compares independent sources into one consensus value and keeps the history. The web application is the28 interface to that system — the data layer is the product.29 </p>30 <p>31 Nothing here is investment advice. Prices may be delayed or end-of-day depending on the source; every quote carries its data status,32 its sources and its confidence. See the <Link href="/methodology" className="text-accent hover:underline">methodology</Link> and{" "}33 <Link href="/licensing" className="text-accent hover:underline">data rights</Link>.34 </p>35 </section>3637 <section className="rule-t mt-8 pt-6">38 <h2 className="text-base font-semibold">Operator & contact</h2>39 <dl className="mt-3 grid grid-cols-1 gap-x-8 gap-y-2 text-sm sm:grid-cols-[160px_1fr]">40 <dt className="text-ink-3">Built and operated by</dt>41 <dd className="text-ink">{OPERATOR}</dd>42 <dt className="text-ink-3">Contact</dt>43 <dd>44 <a href={`mailto:${CONTACT_EMAIL}`} className="text-accent hover:underline">45 {CONTACT_EMAIL}46 </a>47 </dd>48 <dt className="text-ink-3">Hosting</dt>49 <dd>50 Hosted on{" "}51 <a href={HOST_URL} className="text-accent hover:underline" rel="noopener" target="_blank">52 {HOST_NAME}53 </a>{" "}54 — a self-hosted Apple-silicon cluster in Québec, Canada, behind the MacLustr Tunnel (WireGuard + Caddy TLS).55 </dd>56 <dt className="text-ink-3">Data corrections</dt>57 <dd className="text-ink-2">58 Spotted a wrong value or a source classification issue? Write to {CONTACT_EMAIL} with the instrument id and the time — every canonical value can be59 traced back to its observations.60 </dd>61 </dl>62 </section>6364 <section className="rule-t mt-8 pt-6">65 <h2 className="text-base font-semibold">Brand assets</h2>66 <p className="mt-2 text-sm text-ink-2">The Market Atlas mark is an atlas globe crossed by a rising market route ending on a live node. Use it unaltered, with attribution.</p>67 <ul className="mt-3 grid grid-cols-1 gap-2 text-sm sm:grid-cols-2">68 <li><a className="text-accent hover:underline" href="/brand/market-atlas-mark.svg">Mark (SVG)</a></li>69 <li><a className="text-accent hover:underline" href="/brand/market-atlas-logo.svg">Horizontal logo, light background (SVG)</a></li>70 <li><a className="text-accent hover:underline" href="/brand/market-atlas-logo-dark.svg">Horizontal logo, dark background (SVG)</a></li>71 <li><a className="text-accent hover:underline" href="/brand/market-atlas-mark-1024.png">Mark 1024 px (PNG)</a></li>72 </ul>73 </section>74 </main>75 );76}77