# contact (/docs/showcase/templates/contact)

> A form, its fields and the note beside it, with a sent page to land on.



Use `contact` for any page whose job is a form: contact, intake, a listing submission. The `cta-form` holds one to eight fields and posts to its `action`; the page a sender lands on is its own record. A static host answers no post, so point the action at a handler the Business runs.

## Sections in order

**Slot rules.**

Required and optional slots are not in 7.0.0-alpha.0. `PageSchema` accepts `"template": "contact"` and checks no slot; the order above is read from the records.

## Fields that matter

<details className="mx-sc-details">
<summary>Every field of cta-form</summary>

</details>

## Starter record

**Using an agent? Paste this prompt**

```text
Read https://next.mdxui.dev/docs/showcase/templates/contact.md, then fetch https://next.mdxui.dev/pages/vanroster/contact.json, a contact page that parses.
Run pnpm add @mdxui/site@7.0.0-alpha.0.
Rewrite its strings for my Business. Keep its Section types in their order; drop one only when my Business has nothing to say there.
Parse it with PageSchema.safeParse. When it refuses, shorten the content at the path it names, never the bound.
Render it with renderPage and save the HTML file.
```

## Other Templates