Mechanic website example: Dutton Brothers Auto Repair

Sample site built by our AI, not a customer site. Dutton Brothers Auto Repair is a made-up business; our AI wrote every section, from the headline to the 4-question FAQ. Dutton Brothers Auto Repair in Grand Rapids handles diagnostics, brakes, suspension and engine work on all makes. ASE certified techs, 3 year warranty.

View the live example

What makes this mechanic website work

The headline sells an outcome

The first thing a visitor reads is "We show you the old part before we charge you", with "Plainfield Avenue since 1994" set above it as a small label. The line underneath does the explaining: "Six ASE certified technicians, factory level scan tools for every make, and a written estimate you approve before a wrench turns." Two buttons follow, "Book service" for people ready to act and "Get an estimate" for people who want to look around first. The layout is a banded hero, a wide strip of footage under a short headline block, using looping stock footage instead of a static photo.

A strip of hard facts

Directly below the hero, a strip of 4 short facts does the job most mechanic sites leave to vague words like "trusted" or "experienced": 31 yrs (same location), 6 (ASE certified techs), 3 yr / 36k (parts and labor warranty) and 8 (service bays). Each one is something a customer can check or hold the business to.

The menu of services is priced

The "Repairs, diagnostics and maintenance" section lists 6 what we fix: Check engine light diagnosis ($135), Full synthetic oil change (From $79), Brake pads and rotors, per axle (From $389), Suspension and alignment (From $119), Timing belt and water pump (From $895) and Pre purchase inspection ($149). Prices run from $79 to $895, so a visitor can tell in seconds whether it fits the budget. A one-line note sets the terms: "Prices below cover most cars and light trucks. Anything unusual gets quoted before we start." Each item gets a sentence of its own, for example "One hour of diagnostic time, credited toward the repair if you have us do the work."

A story with checkable details

Under the heading "Two brothers, thirty one years, same building", the about section says: "Ray and Dale Dutton opened on Plainfield Avenue in 1994 with two bays and a borrowed lift. We have eight bays now and Ray's daughter runs the front counter." It then lists 4 concrete points instead of a paragraph of values: every estimate is approved by you before work starts, no exceptions, we keep replaced parts and show them to you at pickup, three year 36,000 mile nationwide warranty on parts and labor and free local shuttle and loaner cars for jobs over one day.

Testimonials that say something

There are 3 reviews, each signed with a name and a context (Kelly J., 2016 Ford Escape; Andre B., Comstock Park; Sue R., longtime customer). None of them says "great service". They mention a specific moment, like "They texted me photos of the worn ball joint with the wheel off. I have never had a shop do that."

It answers the questions people are afraid to ask

The FAQ covers 4 questions: "Will taking my car here void the factory warranty?", "Do you charge for diagnostics?", "How long will my car be here?" and "Can I bring my own parts?". The answers are direct. The first one reads: "No. Federal law protects your right to have maintenance and repairs done by an independent shop without losing your warranty."

Contact is a single clear ask

The page closes on "Book a bay or just call us". It sets expectations before anyone gets in touch: "Same day drop off is usually available before 9am. Tell us the symptom and the year, make and model and we will give you a realistic estimate range on the phone." Hours are written out (Mon to Fri 7am to 6pm, Sat 8am to 1pm) and so is the area covered (Grand Rapids, Comstock Park, Walker, Kentwood, Rockford). The phone number also sits in the header on every scroll position, so nobody has to hunt for it.

The design stays out of the way

The palette is three colors: a #f4f5f7 background, #101418 text and one accent (#0b7285) used only for buttons and labels. Headings are set in a sans-serif face and buttons have 8px rounded corners. The menu has 6 items (Services, Pricing, About, Reviews, FAQ and Contact), all on one page, so it scrolls instead of making people click through.

Every service and price, as the site lists it

Check engine light diagnosis ($135): One hour of diagnostic time, credited toward the repair if you have us do the work.
Full synthetic oil change (From $79): Includes filter, fluid top off, tire rotation and a 27 point inspection with photos.
Brake pads and rotors, per axle (From $389): Quality pads and new rotors, hardware replaced rather than reused, road tested after.
Suspension and alignment (From $119): Struts, control arms, ball joints and a four wheel alignment on a Hunter rack.
Timing belt and water pump (From $895): Belt, tensioner, idlers and pump replaced together, since doing them separately costs you twice.
Pre purchase inspection ($149): Ninety minutes on the lift before you buy a used car, with a written report and photos you can negotiate with.

Questions its FAQ answers

Will taking my car here void the factory warranty?
Do you charge for diagnostics?
How long will my car be here?
Can I bring my own parts?

Build a site like this for my mechanic

Describe your business in a sentence and the AI writes a site like this one around it. Start building.

Prefer to start from a template?

Equilibrium Wellness (Business template)
Velvet Atelier (Business template)
Atlas Builders (Business template)

Looking for ideas, or ready to build?

This page is for inspiration: one real example, taken apart. For the pages a mechanic site needs, what it costs and what the builder can and cannot do, see the mechanic website builder page.

Free plan: up to 3 template sites on a we.inc address, with no AI and no custom domain. AI building, like this example, starts at $20/mo, and custom domains are on paid plans. The AI builds request and contact forms; payments go through your own Stripe account.