Services and CTA
A two-column block pairing a concise services table on the left with a get-in-touch card on the right that names availability and prompts enquiry.
A two-column block pairing a concise services table on the left with a get-in-touch card on the right that names availability and prompts enquiry.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Services and CTA splits into two columns: the left carries a services table, four ruled rows each naming the service and a short scope phrase like UI, UX, flows, and handoff; the right is a card asking Ready to talk about a project? with the next opening in September 2025, three bullet points telling the visitor what to include in their note, and two buttons, Send an email and View availability.
Services and the CTA card are separate const arrays. The same-section placement is the distinctive choice, a visitor who just read what you offer should not need to navigate anywhere to start a conversation.
Reach for this block as the combined services-plus-contact section on a homepage or a services page. The installer swaps the four service rows, the availability date, and the email address for their own details.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the freelance services list with an immediate enquiry prompt. Other uses:
Tip: the three bullet points in the CTA card do real work, they pre-qualify the enquiry and save a round trip of email for both sides.