React Sales Rep Finder
Someone who reaches this page already knows what they want. Handing them a name, a direct line, and the languages that person speaks converts far better than a form that disappears into a queue.
Find your sales contact
Pick your territory and you get a name, not a queue.
Select a territory above.
Installation
Props
| Prop | Type | Description |
|---|---|---|
| reps | SalesRep[] | { id, name, role, territories, email?, phone?, languages?, based?, company? } |
| territories | string[] | Selectable territories, in display order |
| fallback | { label, href } | Used when a territory has no rep |
| title | string | Heading |
Say who covers you, including when it is a partner
Two fields carry more weight than they look. languages tells a buyer in Osaka or Munich whether they can hold the conversation in their own language, which materially affects whether they make contact at all. company is used when a territory is covered by a distributor or rep firm rather than a direct employee — naming that partner up front is more honest than implying in-house coverage everywhere, and it avoids the awkward hand-off later.
The fallback path matters as much as the matches. A territory with no rep should say so plainly and offer a route onward, rather than returning an empty list that reads as a broken page. Territories are matched by exact membership, so a rep covering several regions appears under each — no inference, no fuzzy region hierarchy to get wrong.
New components every week
Get the week's new Kelvin UI components and templates in one short email. No spam, unsubscribe anytime.