# Education Course (/templates/education-course)

A patient, structured site for a fictional school of practical typography, built around a numbered module ladder.

Northfield School is a fictional school of practical typography — ink on chalk with one highlighter accent, and an information architecture nothing else in the gallery has. A numbered module ladder carries the syllabus, content rows carry the lessons inside a module, a marked-up checklist carries the prerequisites, and the comparator matrix compares cohort schedules rather than feature tiers. Five pages, composed entirely from blocks in the open registry.

Status: Concept preview · Revision 2
This is a browsable full-site concept. Every section is composed from blocks in the open registry, and one command installs the whole block set — the curated copy shown here is not seeded, so you assemble the pages yourself in the admin.

## Installation

```bash
npx payload-components add-template education-course
```

## Included blocks

- [hero-product-tilt](https://www.payload-components.xyz/docs/components/hero-product-tilt)
- [logo-cloud-inline-wrap](https://www.payload-components.xyz/docs/components/logo-cloud-inline-wrap)
- [feature-steps](https://www.payload-components.xyz/docs/components/feature-steps)
- [content-showcase](https://www.payload-components.xyz/docs/components/content-showcase)
- [stats-proof](https://www.payload-components.xyz/docs/components/stats-proof)
- [testimonials-spotlight](https://www.payload-components.xyz/docs/components/testimonials-spotlight)
- [pricing-cards-muted](https://www.payload-components.xyz/docs/components/pricing-cards-muted)
- [faq-split](https://www.payload-components.xyz/docs/components/faq-split)
- [call-to-action-boxed](https://www.payload-components.xyz/docs/components/call-to-action-boxed)
- [hero-basic](https://www.payload-components.xyz/docs/components/hero-basic)
- [content-rows](https://www.payload-components.xyz/docs/components/content-rows)
- [content-columns](https://www.payload-components.xyz/docs/components/content-columns)
- [faq-accordion](https://www.payload-components.xyz/docs/components/faq-accordion)
- [call-to-action-centered](https://www.payload-components.xyz/docs/components/call-to-action-centered)
- [team-roster](https://www.payload-components.xyz/docs/components/team-roster)
- [content-quote](https://www.payload-components.xyz/docs/components/content-quote)
- [testimonials-wall](https://www.payload-components.xyz/docs/components/testimonials-wall)
- [content-stats](https://www.payload-components.xyz/docs/components/content-stats)
- [testimonials-rating](https://www.payload-components.xyz/docs/components/testimonials-rating)
- [pricing-cards](https://www.payload-components.xyz/docs/components/pricing-cards)
- [comparator-table](https://www.payload-components.xyz/docs/components/comparator-table)
- [faq-grouped](https://www.payload-components.xyz/docs/components/faq-grouped)
- [call-to-action-signup](https://www.payload-components.xyz/docs/components/call-to-action-signup)

## Page plan

### Home (/)

Northfield School — Typography, taught in order
Opens on the prospectus, shows the six-module ladder at a glance, puts the school’s record up on the board, and closes on enrolment.

1. hero-product-tilt — prospectus
2. logo-cloud-inline-wrap — where-grads-work
3. feature-steps — module-ladder
4. content-showcase — what-you-make
5. stats-proof — proof
6. testimonials-spotlight — student-voice
7. pricing-cards-muted — tuition
8. faq-split — faq
9. call-to-action-boxed — cta

### Curriculum (/curriculum)

Northfield School — Curriculum
The full syllabus: the six modules in order, the shape of a single lesson inside one of them, and what you need before Module one.

1. hero-basic — hero
2. feature-steps — modules
3. content-rows — lessons
4. content-columns — prerequisites
5. faq-accordion — faq
6. call-to-action-centered — cta

### Instructors (/instructors)

Northfield School — Instructors
Introduces the module leads and critique tutors, states plainly how the school teaches, and hands the rest of the page to students.

1. hero-basic — hero
2. team-roster — faculty
3. content-quote — teaching-philosophy
4. testimonials-wall — student-voice
5. call-to-action-boxed — cta

### Outcomes (/outcomes)

Northfield School — Outcomes
States exactly what the school does and does not award, reports what graduates go on to do, and shows final sheets from recent cohorts.

1. hero-basic — hero
2. content-stats — numbers
3. stats-proof — proof
4. content-showcase — student-work
5. testimonials-rating — ratings
6. call-to-action-centered — cta

### Enroll (/enroll)

Northfield School — Enroll
Sets out the three cohort formats, compares their schedule, pace, and feedback depth side by side, and answers what the office is asked.

1. hero-basic — hero
2. pricing-cards — options
3. comparator-table — compare-cohorts
4. faq-grouped — faq
5. call-to-action-signup — cta

## Visual direction

Ink on chalk with one highlighter accent: pale ruled paper for the prose, ruled worksheet bands for everything sequential, a chalkboard band for the figures, and a yellow marker reserved for washes, numerals, and rules — never for text.
Tone: Patient, Structured, Studious