# UZIA Academy — rebrand, bold African redesign, 50-course catalogue

Dira is a separate platform. This app becomes **UZIA Academy** end to end: the brand, the logo, the visual language, the 12 assessment domains (D01–D12), the 50-course catalogue, the score-driven recommendation engine, and verifiable certificates.

## 1. Rebrand to UZIA Academy

- Remove every "Dira.ke" reference from the header, footer, home page, auth page, metadata, and copy. The assessment stays as a concept but is called the **UZIA Growth Assessment** (domains keep the D01–D12 codes internally).
- Use the uploaded orange UZIA wordmark as the logo in the header, footer, auth page, and certificates, served from Lovable's asset CDN.
- Set the app favicon from a square copy of the logo and remove the old favicon.
- New page titles, descriptions and social preview text on every route.

## 2. Bold African "sunset" visual direction

- New palette: orange (logo) as primary/CTA, plus terracotta, ochre, plum and deep charcoal-plum base, with gradient surfaces. Emerald retained only as a success accent. Everything as semantic tokens so light and dark both work.
- Expressive type pairing for headings, plus a bolder, larger editorial scale.
- Generated imagery: a hero image of African entrepreneurs, a set of category/pathway images for the 10 catalogue groups, and abstract Kente/Kitenge-inspired pattern textures used behind sections and cards.
- Motion: scroll-reveal on sections, animated gradient hero, count-up score numbers, animated score bars/radar on results and dashboard, hover lift on course cards, staggered card entrances, animated stepper in the assessment. Implemented with Motion for React plus CSS keyframes, respecting reduced-motion.
- Restyled home page: full-bleed animated hero, "Assess → Learn → Grow → Certify" flow, domain grid, catalogue pathways, stats band, testimonial-style trust band, bold CTA footer.

## 3. Assessment domains remapped to D01–D12

Replaces the existing 12 categories (data is re-seeded, existing sample answers are cleared):

| Code | Domain |
|------|--------|
| D01 | Strategy & Leadership |
| D02 | Financial Management |
| D03 | Marketing & Sales |
| D04 | Digital Readiness |
| D05 | Data & Analytics |
| D06 | Operations |
| D07 | People & HR |
| D08 | Governance & Compliance |
| D09 | Market Access |
| D10 | Innovation |
| D11 | Sustainability |
| D12 | Growth & Transformation |

Each domain gets 3 Likert (1–5) questions, written for African MSME reality. Scoring stays 0–100 per domain plus an overall score.

Score bands shown to the learner:

- 0–39 Critical gap → Foundation course + action plan
- 40–59 Priority gap → Professional course
- 60–74 Growth opportunity → Advanced course
- 75–89 Strength → Advanced/mastery suggestion
- 90–100 Excellence → Executive/mentor pathway

## 4. The 50-course catalogue

All 50 courses from your list are seeded exactly as specified — title, description/outcomes, duration in weeks, level (Foundation / Growth / Advanced / Executive), fee in KSh, certificate type, catalogue group (A–J), primary domain, and lesson/module outline.

Catalogue page gains: search, group tabs (Entrepreneurship & Strategy, Finance, Marketing, Digital & AI, Data & Analytics, Operations, People, Legal & Risk, Market Access, Innovation & Scale), level and price filters, and per-group imagery. Prices are displayed only — no checkout in this round.

## 5. Recommendation engine (Growth Pathway)

A recommendation matrix maps each course to a domain with a min/max score window, priority order and optional prerequisite. After an assessment, results and dashboard show a **personalised UZIA Growth Pathway**:

- Ordered course sequence per weak domain (e.g. Finance 32 → Financial Literacy → Practical Accounting → Financial Management → Financial Modelling).
- Total learning investment in KSh for the pathway.
- Executive pathway surfaced when the overall score is 60–79.
- Each domain card shows score, band label, and its recommended next course.

## 6. Certificates — both display and issuance

- Four credential levels (Foundation, Professional, Advanced, Executive MSME) shown on every course card, course page, and the dashboard.
- On completing all lessons of a course, a certificate record is issued containing learner name, business name, course title, certificate number, learning hours, assessment score, issue date and a digital badge level.
- A branded, printable certificate view for the learner, and a **public verification page** at `/verify/<certificate-number>` with a QR code encoded on the certificate that resolves to it.
- A "My certificates" section in the dashboard.

## Technical notes

- Database migration: rewrite `assessment_categories` (add `code`) and `assessment_questions` for D01–D12; extend `courses` with `group_code`, `domain_code`, `duration_weeks`, `price_kes`, `certificate_type`, `learning_outcomes`, `prerequisite_course_id`; new `course_recommendations` (course, domain, min_score, max_score, priority) and `certificates` (user, course, number, hours, score, issued_at) tables with grants, RLS (owner-scoped writes, narrow public read for verification by certificate number only) and updated_at triggers. Seed all 50 courses and the recommendation matrix as literal INSERTs in the same migration. Existing responses/results/enrolments referencing removed rows are cleared.
- Server functions extended in `src/lib/catalog.functions.ts`, `assessment.functions.ts`, `learning.functions.ts`, plus new `certificates.functions.ts` (issue, list, and a public verify function using the publishable server client). No Laravel — this app is React + TanStack Start on Lovable Cloud; the schema mirrors the relationships you described.
- Design tokens rewritten in `src/styles.css`; `motion` added for animation; imagery generated into `src/assets` as CDN asset pointers.
- Logo goes to the asset CDN, with a square `public/favicon.png` copy.

## Not in this round

Payment/checkout for course fees, mentor marketplace, and live classes stay as clearly-marked "coming soon".
