Two Column Contact
A contact form on the left balanced against a ruled detail list of email, location, timezone, availability, and social links on the right.
A contact form on the left balanced against a ruled detail list of email, location, timezone, availability, and social links on the right.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Two Column Contact puts the form on the left and the contact details on the right at equal visual weight. The form collects name, email, subject, and a message whose placeholder names the three things to include: the project, the timeline, and the main constraint you are trying to solve. The right column is a ruled detail list, email avery@fieldstudio.co, location Lisbon working remotely worldwide, timezone, next opening August 2026, and response time within two business days, followed by GitHub, LinkedIn, and X social links.
Details and socials are two separate arrays; the social icons import from brand-icons, not lucide. The constraint prompt in the textarea placeholder is the distinctive detail; it pre-qualifies the inquiry before the form is even submitted.
Reach for this block as the primary contact section on a portfolio homepage or a dedicated contact page. The installer swaps the name, email address, location, timezone, and next-opening month for their own details.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the full freelance contact page. Other contact layouts:
Tip: the message placeholder is a brief, the constraint you are trying to solve line alone filters out vague inquiries better than a budget field.