Agent page blocks

The agent page is composed the same way the office page is — atomic blocks arranged by the Barbican Agent Page pattern, each auto-targeting the agent whose page it sits on. The photo and name are the masthead atoms; the rest are passive sections that hide when empty. The agent also uses several shared sections — social links, phones, and state licenses.

Photo · barbican/member-photo

The agent headshot.

Class	Targets
barbican-member-photo	The headshot
barbican-member-photo--initials	The initials monogram fallback

Name · barbican/member-name

The agent’s name (the page H1) and job title.

Class	Targets
barbican-member-name__full	The agent name (the H1)
barbican-member-name__title	The job title under the name

Badges · barbican/member-badges

Designation pills and languages.

Class	Targets
barbican-member-badges__designations	The designation-pills row
barbican-member-badges__pill	One designation pill
barbican-member-badges__languages	The languages line

Bio · barbican/member-bio

The agent’s biography.

Class	Targets
barbican-member-bio__paragraph	One paragraph of the bio

Brokerage · barbican/member-office

The agent’s office affiliation.

Class	Targets
barbican-member-office__link	The brokerage link
barbican-member-office__aor	The association-of-REALTORS line

Contact · barbican/member-contact

The agent’s click-to-contact links. This reuses the shared contact hooks:

Class	Targets
barbican-contact__link	One contact link (phone or email)
barbican-contact__link-icon	The icon inside a contact link
barbican-contact__type	The label (“Call”, “Email”)

Listings · barbican/agent-listings

The agent’s own listings, rendered with the shared listing card.

Shared sections

The agent’s social links, other phones, state licenses, and associations are shared blocks — see Shared sections for their hooks. Agents show their office affiliation rather than a personal address.