CN Internal Money Transfer frontend
# C.N Connect
Web monorepo for **C.N International Money Transfer** — a cross-border remittance product that helps people send money from Europe and Morocco to family and partners across Africa.
The customer-facing app is built as a premium fintech experience: clear rates, verified payouts, and a short path from corridor selection to submitted transfer request.
---
## Product
**Brand:** C.N Connect / C.N International Money Transfer
**Promise:** Smooth, secure international money transfer
**Primary action:** Start a transfer → `/transfer`
### Corridors
| Direction | Markets |
| --- | --- |
| **Send from** | United Kingdom, France, Spain, Morocco |
| **Receive in** | Ghana, Nigeria, Sierra Leone, Liberia, Kenya, Uganda, Morocco |
Payout methods depend on the destination: **mobile money** and/or **bank transfer**. Morocco receives via bank only.
### Transfer flow (customer app)
1. **Transfer** — choose From → To corridor and amount (currency locked to sender country)
2. **Recipient** — sender WhatsApp, recipient name, and channel-specific payout details
3. **Submitted** — request logged; payment & proof come next
4. **Pay → Upload proof → Done** — fulfillment after the request exists
The transfer UI is frontend-first today (form validation, quotes, local “recent corridor / saved recipient” memory). Submitting a request logs the payload for handoff to a real API later.
---
## Repository layout
Bun + Turborepo monorepo.
```
apps/
customer/ # Next.js customer site + transfer flow
packages/
ui/ # Shared UI primitives (button, inputs, corridor picker, …)
tailwind-config/ # Design tokens & shared Tailwind styles
eslint-config/ # Shared ESLint configs
typescript-config/ # Shared TypeScript configs
```
### Customer app (`apps/customer`)
| Area | Role |
| --- | --- |
| `src/app/` | Next.js App Router routes (`/`, `/transfer`) |
| `src/sections/home/` | Marketing homepage |
| `src/sections/new-transfer/` | Transfer flow orchestrato …