Islamic Open Finance™ runs 14 public hub pages at www.islamicopenfinance.com. Hubs are stable entry points for distinct audiences — they aggregate canonical platform facts so journalists, procurement teams, regulators, partners, and prospective customers can self-serve.
| Hub | Audience | Surfaces |
|---|
| /by-role | Role-aligned discovery | Bank, takaful, asset-manager, regulator, fintech personas |
| /use-cases | Pattern-aligned discovery | Murabaha, Ijarah, Sukuk, Takaful, Zakat workflows |
| /connectors | Integration scoping | 28 pre-built connectors across banking cores, payments, KYC, AML, identity, observability, AI |
| /readiness-self-test | Self-service maturity check | 12 questions, 4 maturity tiers |
| Hub | Audience | Surfaces |
|---|
| /app-store | Buyers + integrators | Certified apps + verified partner connectors |
| /certification | Vendors + partners | 6 cert programmes (Shariah, connector, security, AI, open-finance, trainer) |
| /training | Builders, ops, banks | 6 role-aligned tracks (~86 hours total) |
| Hub | Audience | Surfaces |
|---|
| /reports | Stakeholders | McKinsey-style stakeholder reports (executive, SCR, MECE, regulatory, audit, Shariah board, partner, customer) |
| /ecosystem | Architects + analysts | KYE-pattern visual map of layers, engines, apps, regimes |
| /press-kit | Journalists + analysts | Brand rules, key facts, boilerplate, exec bios, contacts |
The hub pages are static Next.js routes under apps/landing/app/<hub>/page.tsx. Each hub:
- Pulls counts from canonical data (
apps/landing/lib/platform-stats.ts, apps/landing/lib/compliance-regimes.ts, apps/landing/lib/ecosystem-data.ts) — never hardcodes.
- Uses
@iof/ui-core for header/footer SSOT.
- Is registered in
registry/terms/<hub>.json so the Glossary indexes it.
- Is surfaced in the Navbar’s Resources / Solutions dropdowns and in the Footer’s 6-column grid (Products / Developers / Solutions / Resources / Trust / Demos).
All 14 hubs use:
max-w-6xl containers with px-4 sm:px-6 lg:px-8 padding
- Grid layouts collapsing
6 → 3 → 2 → 1 columns at 1024 / 640 / 400 px
- Hero text scaling
text-2xl sm:text-3xl md:text-5xl
- Tables wrapped in
overflow-x-auto for tabular content