Search blocks by description or jump to a page.
A contact form on the left balanced against a ruled detail list of email, location, timezone, availability, and social links on the right.
The source for every Portfolio block is included with Pro and Team. Start a plan to copy the code.
Already on a plan? 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 come from Simple 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.