# Mansa — Marketing Website
Marketing website for **Mansa**, the AI built for African languages, by the African Languages Lab.
A fully responsive multi-page site with scroll reveals, parallax, an interactive language globe, and
a dedicated page for each Mansa product.
**Live site:**
african-languages-lab-ai.gi…
## Tech stack
- **Next.js 14** (App Router) + **TypeScript**
- **Tailwind CSS** — hand-built design tokens, no component library
- **Framer Motion** — scroll reveals, parallax, tab/accordion transitions, the language globe
- **Open Runde** — the single typeface, self-hosted via `next/font/local` (weights 400/500/600/700).
Source:
github.com
- Static export (`output: "export"`) for hosting on GitHub Pages
## Pages
| Route | Page |
| ------------- | ----------------------------------------------------------- |
| `/` | Home — hero, products, why Mansa, agent, globe, use cases… |
| `/agent` | Mansa Agent |
| `/ai` | Mansa AI |
| `/transcribe` | Mansa Transcribe |
| `/translate` | Mansa Translate |
| `/pricing` | Pricing (Free / Plus / Pro / Max / Enterprise) |
## Getting started
```bash
npm install
npm run dev #
localhost
```
## Build
```bash
npm run build # static export → ./out
```
The default build has no base path (works at a domain root, e.g. Vercel). For a GitHub Pages
**project** site the base path must match the repo name — set it at build time:
```bash
NEXT_PUBLIC_BASE_PATH=/mansa-websitev2 npm run build
```
## Deployment (GitHub Pages)
Pushing to `main` triggers `.github/workflows/deploy.yml`, which builds the static export with the
correct base path and publishes `./out` to …