Small business homepage
A complete business page layout with introduction, services, selected work, team and contact sections. Copy editable core blocks and adapt to your own business.
Scroll within the preview to see every section. The copied blocks, shown with a neutral baseline. Your theme controls fonts and widths.
Use this layout in WordPress
- 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.
- Replace all sample text and example.com links. Replace demo images through Media Library; remote image URLs do not create local attachments.
- Use List View to select the outer Group and inner blocks. Review colors, spacing, headings and button links.
- 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 grid
- Selected work
- Team introduction
- Contact call to action
Why the arrangement works
- The introduction states the work and audience.
- Services help visitors choose a path.
- Projects give context before the team and contact action.
Customize the starting point
- Use a dark green text color with a quiet neutral background, or replace both as a pair.
- Start with one readable body family and a distinctive heading family supplied by your theme.
- Remove services you do not provide and link each real service to its details.
- 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
All two- and three-column sections stack. Keep the introduction concise and review image crops.
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.