alexosugo/medic-afya-website

Medic Afya website — African-led digital community health systems that work at scale. Built with Astro. # Medic Afya Website Rebuild of medicafya.org — African-led digital community health systems that work at scale. Built with Astro: fully static output, no client-side framework, minimal JS (a single IntersectionObserver for scroll reveals). ## Pages - `/` — Home (hero, What We Do, Our Approach, People Matter, Latest Updates) - `/about/` — About Copy matches the live site verbatim. Photography is served locally from `public/images/` (sourced from the existing site). ## Structure ``` src/ ├── layouts/Base.astro # head, header, footer, reveal script ├── pages/ │ ├── index.astro # home │ └── about.astro # about └── styles/ ├── tokens.css # design tokens (color, type, rhythm, motion) └── global.css # reset, primitives, shared elements ``` ## Commands | Command | Action | | ----------------- | ---------------------------- | | `npm install` | Install dependencies | | `npm run dev` | Dev server at localhost:4321 | | `npm run build` | Build static site to `dist/` | | `npm run preview` | Preview the built site | ## Design system Warm editorial direction: cream/sand surfaces, deep forest ink, clay accent, gold on dark. Fraunces (display) + Albert Sans (body). All tokens live in `src/styles/tokens.css`.