Professional Services
Corporate site for law, consulting and other professional services firms.
Install
npx shadcn@latest add "https://webberui.com/r/professional-services.json?t=<install token>"The whole page lands in app/templates/professional-services/. You can also use a long-lived licence key instead: set the Authorization: Bearer <key> header in the registries block of components.json — better for CI or a project several people share. What you may do with the source is in the licence terms.
Sections it ships with
Sections inside one template share the same design tokens, so swapping and reordering them keeps the colours, spacing and animation rhythm consistent. Pick and combine them in the section composer.
- 1
Hero and Nav
Navy-and-gold firm hero with the nav bar, tagline, action buttons and a row of professional accreditation badges.
hero - 2
Six Practice Areas
Six expandable practice cards that open on hover to list the services in each area.
features - 3
Track Record
Counting-up figures for years in practice, cases handled and client retention rate.
stats - 4
Attorney Team
Gradient portrait cards for four lead attorneys, each with their specialism and years in practice.
team - 5
Engagement Process
Four-stage engagement process along a gold progress axis that extends as you scroll.
timeline - 6
Client Testimonials
Auto-rotating client quotes with clickable dot indicators.
testimonial - 7
Free Consultation Booking
Firm contact details on the left; a consultation booking form with practice-area selection on the right.
contact - 8
Footer
Brand mark, practice-area and office links, with copyright and policy information.
footer
What you get is source code
Not an npm package, not a zip file. Once installed, the page's TypeScript source sits in your repo: edit it however you like, no runtime dependency, no expiry mechanism. Your site keeps running even if ours goes down.
Browse the other 103 templates →