Agent page blocks

The agent page is composed the same way the office page is, from 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.