Skip to content
codexa

Websites · React

Solicitors' practice

Measured law firm website with practice areas, how a matter runs, the partners, fee answers and an enquiry form.

Use this templateRemix
Solicitors' practice starter, as built from its own files
Starter screenshot captured from this template's own build at 1440×900. It shows the template as it ships, not output generated from a prompt.

What you get

A site for a small law firm: practice areas, a plain-English outline of how a case runs, the partners, fee questions and a confidential enquiry form. All content lives in src/site.ts.

Files

Exactly what is copied into a new project: 13 files, nothing generated.

Raw data: GET /api/v1/templates/site-law-firm

Explorer 13

src/site.ts
src/site.ts
import type { Site } from "./types"; /** Everything this site shows. Edit freely. */export const site: Site = {  "brand": "Marlow Achebe",  "nav": [    {      "label": "Practice areas",      "href": "#practice"    },    {      "label": "How we work",      "href": "#process"    },    {      "label": "People",      "href": "#people"    },    {      "label": "Fees",      "href": "#fees"    }  ],  "navCta": {    "label": "Make an enquiry",    "href": "#contact"  },  "sections": [    {      "kind": "hero",      "variant": "editorial",      "eyebrow": "Solicitors · Islington, London",      "title": "Clear legal advice for the moments that matter at home and at work.",      "text": "We are a firm of eleven lawyers advising families, landlords and employees. You will know who is handling your matter, what it will cost and what happens next.",      "primary": {        "label": "Make an enquiry",        "href": "#contact"      },      "secondary": {        "label": "Our practice areas",        "href": "#practice"      },      "visual": {        "type": "card",        "tone": "#1d3b33",        "title": "Free 20-minute first call",        "lines": [          "Speak to a qualified solicitor",          "No obligation to instruct us",          "Fixed-fee quote in writing"        ]      }    },    {      "kind": "features",      "id": "practice",      "eyebrow": "Practice areas",      "title": "Four areas, done properly",      "columns": 2,      "items": [        {          "title": "Family law",          "text": "Separation, financial settlements and arrangements for children, with mediation first where it is safe.",          "icon": "heart"        },        {          "title": "Residential property",          "text": "Buying, selling and remortgaging, plus leasehold extensions and boundary disputes.",          "icon": "home"        },        {          "title": "Wills & probate",          "text": "Wills, lasting powers of attorney and estate administration at a fixed fee.",          "icon": "book"        },        {          "title": "Employment",          "text": "Settlement agreements, unfair dismissal and discrimination claims for employees.",          "icon": "users"        }      ]    },    {      "kind": "stats",      "items": [        {          "value": "1987",          "label": "Practising on Upper Street"        },        {          "value": "11",          "label": "Solicitors and paralegals"        },        {          "value": "48 hrs",          "label": "To reply to a new enquiry"        },        {          "value": "Fixed",          "label": "Fees for most property and wills"        }      ]    },    {      "kind": "steps",      "id": "process",      "eyebrow": "How we work",      "title": "What happens after you get in touch",      "items": [        {          "title": "A first call",          "text": "A solicitor listens, tells you whether we can help and outlines your options. Twenty minutes, free."        },        {          "title": "A written quote",          "text": "We send our terms, a named contact and a fixed fee or a capped estimate before any work starts."        },        {          "title": "Regular updates",          "text": "You hear from us at every milestone, and we reply to emails within two working days."        }      ]    },    {      "kind": "team",      "id": "people",      "eyebrow": "People",      "title": "The partners",      "items": [        {          "name": "Catherine Marlow",          "role": "Senior partner, family",          "tone": "#1d3b33"        },        {          "name": "Daniel Achebe",          "role": "Partner, property",          "tone": "#44403c"        },        {          "name": "Priya Shah",          "role": "Partner, employment",          "tone": "#3f4f46"        },        {          "name": "Owen Llewellyn",          "role": "Associate, wills & probate",          "tone": "#57534e"        }      ]    },    {      "kind": "faq",      "id": "fees",      "eyebrow": "Fees",      "title": "Questions about cost",      "items": [        {          "q": "How much does a will cost?",          "a": "A single will is £450 plus VAT and mirror wills for a couple are £750 plus VAT, including one meeting and storage."        },        {          "q": "Do you charge by the hour?",          "a": "Only for contested family and employment matters, at £240 to £320 per hour plus VAT. We give you a capped estimate in writing first."        },        {          "q": "Do you offer legal aid?",          "a": "We do not currently hold a legal aid contract. If you may qualify, we will point you to a firm that does."        },        {          "q": "Can we meet outside office hours?",          "a": "Yes. Video calls are available until 7 pm on Tuesdays and Thursdays."        }      ]    },    {      "kind": "contact",      "eyebrow": "Enquiries",      "title": "Tell us briefly what has happened",      "text": "Everything you send is confidential. A solicitor will reply within two working days, sooner if there is a court deadline.",      "fields": [        "name",        "email",        "phone",        "message"      ],      "button": "Send enquiry"    }  ],  "footer": {    "text": "Family, property, wills and employment law in north London.",    "columns": [      {        "title": "Office",        "links": [          "204 Upper Street, London N1",          "020 7946 0381"        ]      },      {        "title": "Services",        "links": [          "Family law",          "Property",          "Wills & probate",          "Employment"        ]      },      {        "title": "Firm",        "links": [          "Complaints procedure",          "Privacy notice"        ]      }    ],    "legal": "© Marlow Achebe. Sample content: replace it in src/site.ts."  }};

Remix

Remix this template

Describe what to change and the agent starts from Solicitors' practice's files. The box is already started for you: finish “Start from Solicitors' practice and …”

Agent ready

Creates a free account first; your idea is carried over.

Dependencies

Documented from the template's package.json. The runtime has a prebuilt dependency set for Vite + React + TypeScript, so installs are fast.

  • react^19.1.0
  • react-dom^19.1.0
  • vite^6.3.0
  • @vitejs/plugin-react^4.4.0
  • tailwindcss^4.1.0
  • @tailwindcss/vite^4.1.0
  • typescript^5.8.0

How it runs

Framework
Vite + React + TypeScript
Dev command
npm run dev
Build command
npm run build
Output directory
dist
Port
5173
Entry route
/

Projects run in an isolated sandbox with a live preview. Read the projects documentation for settings, snapshots and deployment.

Keep browsing

All templates

Build on Solicitors' practice

Create a free account, start from this template, and ask the AI agent to turn it into your app.

Use this templateAll templates