Website Blueprint Roadmap
This tracker maps the current Next.js page states against the YWAM Herald specifications. Review the Public Site alignment, audit the planned Admin Panel Architecture, and explore the underlying Dynamic Data & CMS schemas.
Public Routes Matrix
Status of the core citizen-facing web routes mapped against code templates.
| No. | Page Name | Route Endpoint | Code Directory | Status | Implementation Summary |
|---|---|---|---|---|---|
| 1 | Home | / | /src/app/ | Completed | Fully built with rich scroll-triggered animations, interactive pathways, and loaders. |
| 2 | Students / DTS | /students | /src/app/dts | Completed | Fully completed in full alignment with the blueprint. Features high-fidelity scroll-triggered 3D concentric ring pathways, interactive 3M + 3M structure maps, cost calculators, accordions, and integrated partner CTAs. |
| 3 | Get Involved | /get-involved | /src/app/get-involved | Completed | Fully completed and integrated. Features a searchable/filterable volunteer opportunities grid, active teams directory, project sponsorship targets, interactive calendar views, volunteer stories, and a validated application funnel. |
| 4 | Our Work | /our-work | /src/app/mission-initiatives | Completed | Successfully built as Initiatives listing, showing 11 distinct missions across Africa. |
| 5 | About | /about | /src/app/about | Completed | Fully completed in full alignment with the blueprint, featuring an active Leadership Team, interactive Statement of Faith, and FAQs. |
| 6 | Donate / Give | /donate | /src/app/give | Completed | Fully completed and expanded. Main route hosts a secure Stripe-like card payment widget, while the dedicated /give/projects subroute showcases active campaigns with progress meters and wire details. |
| 7 | Contact | /contact | /src/app/contact | Completed | Fully completed. Features a high-fidelity department-specific contacts grid, interactive FAQ accordion, and downloadable media & press toolkit. |
| 8 | Blog | /blog | /src/app/blog | Completed | Fully completed. Features a high-fidelity sliding pill category bar, dynamic search, featured article spotlight, and premium full-reading modal overlays. |
| 9 | Apply (DTS Form) | /apply | /src/app/apply | Completed | Fully completed. Features an admissions gateway landing page displaying active tracks and a modular 7-step interactive digital dossier application form with animated progress tracking. |
Pioneering Tech Stack Alignment
This roadmap maps the static interfaces with functional Next.js dynamic routing structures. The forms (DTS Applications & Volunteer applications) are client-validated with Zod and React Hook Form, preparing them for clean JSON parsing and Firestore writes. In addition, the Stripe-style donation layouts require only key bindings with standard payment intent endpoints to support dynamic transactions.
Note: This tracker is for development alignment and security audit purposes.
Remove command when the architecture is aligned: rm -rf src/app/blueprint-status