Freelancer homepage

Use this layout in WordPress

1. Copy the blocks and paste into an empty location in a draft page. If they appear as plain text, paste using the editor’s Code editor, then return to Visual editor.
2. Replace all sample text and example.com links. Replace demo images through Media Library; remote image URLs do not create local attachments.
3. Use List View to select the outer Group and inner blocks. Review colors, spacing, headings and button links.
4. Preview on desktop and mobile before publishing. For a header or footer, paste into the appropriate template part.

These are page-content layouts. Site Editor templates control surrounding views such as posts and archives. The layout includes one H1; avoid a duplicate title from the surrounding theme template.

Sections included

• Introduction
• Services
• Working process
• Contact

Why the arrangement works

• A specific introduction identifies the work.
• Service descriptions let visitors self-select.
• A process section answers practical questions before contact.

Customize the starting point

• Replace the fictional discipline and workflow with your actual service.
• Use accurate scope and response expectations.
• Add client proof only when real and permitted.
• The layout contains one H1. Use a page template that does not display a second page title, or change the pasted heading level.
• Replace every fictional name, price, quote and example.com link before publication.

On smaller screens

Services stack before the process. Check the action stays readable with a longer label.

Accessibility checks

Check heading order, link destinations, image alt text and contrast after customization. Core Columns stack; verify keyboard navigation in your own theme.

Theme defaults affect the final appearance. The live preview is rendered from the copied markup with a neutral baseline and does not promise pixel-identical results across themes.

Read the official pattern instructions and RoarWP pattern guide for syncing and customization.