---
title: "Contact sales"
description: "A split sales section: three reasons to talk and the reply time beside a card with a validated form that confirms in place."
plan: Pro
docs: https://ui.edbn.me/docs/blocks/contact-sales
---

# Contact sales

A split sales section: three reasons to talk and the reply time beside a card with a validated form that confirms in place.

Built on the Pro forms: name, work email, studio, team size, message with a character count and a consent checkbox, checked by a Zod schema on submit and then as you type, with focus moved to the first problem. The button shows a spinner while it sends. A free email address comes back from the sample endpoint as a field error, the way a real API would refuse it. Success replaces the form in the same grid cell, so the card keeps its height, and focus moves to the confirmation; Send another request brings the empty form back. Below 1024px the card goes under the reasons, and the fields pair up only when the card is wide enough.

A Pro block built on Base UI and Tailwind CSS v4.

## Installation

This is a Pro item. Once per project, create a token at https://ui.edbn.me/dashboard/tokens, put it in `.env.local` as `EDBN_TOKEN`, and add the registry to `components.json`:

```json
{
  "registries": {
    "@edbn": {
      "url": "https://ui.edbn.me/r/{name}.json",
      "headers": { "Authorization": "Bearer ${EDBN_TOKEN}" }
    }
  }
}
```

Then install:

```bash
npx shadcn@4.19.0 add @edbn/contact-sales
```

## Dependencies
- npm: lucide-react@^1.33.0, zod@^4.3.5
- edbn: edbn-base, card, text-link, form-core, form-fields

## Source

The source is part of Pro (https://ui.edbn.me/pricing). The install above adds it to the project, ready to edit.

## More contact blocks

All 4, with install commands: https://ui.edbn.me/docs/blocks/contact (Markdown: https://ui.edbn.me/docs/blocks/contact.md)

## For agents
- Base theme, once per project: npx shadcn@4.19.0 add https://ui.edbn.me/r/edbn-base.json
- MCP server with search, items, examples and source: https://ui.edbn.me/mcp
- Every page and item: https://ui.edbn.me/llms.txt