# Civic Council (/templates/civic-council)

A fictional district council in the plain-language public-service register — top-task design, verbs first, and a front desk instead of a brochure.

Marleford District Council is a fictional local authority for a fictional district of just under forty thousand people: one phone line, a Guildhall on Bridge Street, and a website that is a front desk rather than a brochure. The concept owns the plain-language public-service register — short sentences, verbs first, top tasks before institutions — across five pages: Home, Services, Report a problem, The council, and Contact, with reporting a problem as the task everything else defers to. Composed entirely from blocks in the open registry.

Status: Concept preview · Revision 1
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 civic-council
```

## Included blocks

- [hero-basic](https://www.payload-components.xyz/docs/components/hero-basic)
- [feature-icon-grid](https://www.payload-components.xyz/docs/components/feature-icon-grid)
- [content-rows](https://www.payload-components.xyz/docs/components/content-rows)
- [stats-proof](https://www.payload-components.xyz/docs/components/stats-proof)
- [faq-accordion](https://www.payload-components.xyz/docs/components/faq-accordion)
- [call-to-action-boxed](https://www.payload-components.xyz/docs/components/call-to-action-boxed)
- [content-stats](https://www.payload-components.xyz/docs/components/content-stats)
- [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-centered](https://www.payload-components.xyz/docs/components/call-to-action-centered)
- [feature-steps](https://www.payload-components.xyz/docs/components/feature-steps)
- [contact-routing-form](https://www.payload-components.xyz/docs/components/contact-routing-form)
- [faq-card](https://www.payload-components.xyz/docs/components/faq-card)
- [content-columns](https://www.payload-components.xyz/docs/components/content-columns)
- [team-roster](https://www.payload-components.xyz/docs/components/team-roster)
- [content-quote](https://www.payload-components.xyz/docs/components/content-quote)
- [faq-split](https://www.payload-components.xyz/docs/components/faq-split)

## Page plan

### Home (/)

Marleford District Council — What do you need to do?
The front desk: the six tasks people come for, this month’s notices, and the year’s work counted honestly.

1. hero-basic — front-desk
2. feature-icon-grid — top-tasks
3. content-rows — this-month
4. stats-proof — the-report
5. faq-accordion — asked-most
6. call-to-action-boxed — cant-find

### Services (/services)

Marleford District Council — Services
Every service in plain words: the big six in detail, what goes in which bin, collection days by area, and the questions grouped by service.

1. hero-basic — hero
2. content-stats — the-big-six
3. content-rows — the-bins
4. comparator-table — bin-days
5. faq-grouped — service-questions
6. call-to-action-centered — report

### Report a problem (/report)

Marleford District Council — Report a problem
The task the site is built around: report a fault, get a reference and a fix date, and see what was fixed near you last month.

1. hero-basic — hero
2. feature-steps — what-happens
3. contact-routing-form — report-form
4. content-stats — fixed-lately
5. faq-card — reporting-questions

### The council (/council)

Marleford District Council — The council
Who decides and how to watch them do it: the members by ward, the meetings, and the plain-words promise the whole site is written under.

1. hero-basic — hero
2. content-columns — how-it-works
3. team-roster — members
4. content-rows — meetings
5. content-quote — the-promise
6. faq-split — council-questions

### Contact (/contact)

Marleford District Council — Contact
Every way to reach the council, what the Guildhall offers in person, and the access commitments stated plainly.

1. hero-basic — hero
2. contact-routing-form — contact
3. content-columns — access
4. faq-split — practical

## Visual direction

Paper white and near-black ink under one civic teal — heavy left-ranged type, thick task rules, form captions, 2px form fields, prominent focus states, and no decoration that does not help someone finish a task.
Tone: Plain-language, Task-first, Institutional