Skip to content
L-171Layout

Professional Services Homepage

Full trust-focused homepage for law firms, consulting agencies and professional-services firms, built as a plain, fully editable Etch tree of eight stacked sections: hero (eyebrow, headline, lede, consultation + call CTA…

Get this with ProIncluded in your plan

50 sites for €79 only, Compare all plans

Preview Desktop, 1280px

The system behind it

One pattern, your whole brand.

Professional Services Homepage reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.

Type
Layout
Category
Homepage
Responsive
Desktop to phone
Works with
Etch, ACSS, plain CSS

Options 1

Set on the section, in Etch’s attributes panel. No code needed.

data-theme
darklight

driving shared header/card styling via CSS custom properties, so the whole page reads as one system

Component props 7

Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.

Stat4 in this pattern · 3 props
PropTypeDefault
value
text

30

suffix
text

+

label
text

Years Experience

Practice Card6 in this pattern · 4 props
PropTypeDefault
iconPath
text

M4 7h16v12H4z M9 7V5a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2 M4 12h16

title
text

Business Law

description
text

Corporate formation, contracts, mergers and acquisitions, and busines…

href
text

#

Reason4 in this pattern · 2 props
PropTypeDefault
title
text

Proven Track Record

description
text

Over 30 years of successful outcomes for clients across industries.

Team Member3 in this pattern · 5 props
PropTypeDefault
photo
text

https://i.pravatar.cc/400?img=68

photoAlt
text

Robert Mitchell

name
text

Robert Mitchell

role
text

Managing Partner

bio
text

Harvard Law, 25+ years in corporate law and complex litigation.

Testimonial2 in this pattern · 5 props
PropTypeDefault
quote
text

They handled our company merger with exceptional skill and attention…

avatar
text

https://i.pravatar.cc/150?img=32

avatarAlt
text

Thomas Anderson

name
text

Thomas Anderson

role
text

CEO, Anderson Industries

FAQ Item4 in this pattern · 2 props
PropTypeDefault
question
text

What should I bring to my initial consultation?

answer
text

Please bring any relevant documents related to your matter.

Contact Info Row4 in this pattern · 2 props
PropTypeDefault
iconPath
text

M12 21s-7-6.2-7-11a7 7 0 0 1 14 0c0 4.8-7 11-7 11z M12 10m-2.5 0a2.5…

line
text

123 Legal Plaza, Suite 500, Business City, ST 12345

Included in Pro From €39 a year, with all 469 patterns.

Get Pro

More patterns

Keep browsing.

L-000

Quick View

Desktop, 1440px
Pro
demo.etchedy.com

The real preview of this pattern. Every pattern adapts to your ACSS tokens.

Unlock with ProSee plansIncluded in your plan