Copy Email Contact

About this block

Copy Email Contact centres a formless contact section on a max-w-2xl column: a heading, One address, no forms, a line that promises a considered reply rather than a ticket queue, and the address avery@fieldstudio.co in a bordered field. A working Copy button writes the address to the clipboard and swaps to a Copied check for two seconds, with a mailto link beneath for opening it in a mail app. A three cell fact strip closes the block with response time, location, and what the inbox is best for.

The email and the three facts are const values, and the copy state is a small useState hook. Offering a real clipboard action instead of a form is the distinctive choice: it removes every field between reading and writing while the fact strip quietly sets expectations.

When to use

Reach for this block when the portfolio is personal and email is the whole ask, no form, no queue. It suits a practitioner who would rather read a real message than parse form fields. The installer swaps the address, the framing line, and the three facts.

A natural flow around it on a Portfolio Pro page:

Before

• Full-bleed CTA
• Testimonials

After

• Email and socials
• Big-name footer

What you can display

One strong use is the writer or designer who wants full sentences, not fields. Other configurations:

• Speaking inbox. Point the address at a bookings alias and set the facts to topics and formats.
• Studio front door. Swap best for to project types and add a second location cell for a satellite office.
• Open to work. Reword the facts to notice period, timezone, and the role type you want.

Tip: keep the three facts tight and true; they are the only place a formless block sets expectations before a message arrives.