A WEBSITE FOR CAR WASHES AND MOBILE DETAILERS

Prices that fit
the car in the driveway.

Clearcoat is a ready-made website for car washes and mobile detailers. Customers pick Car, SUV or Truck, every price adjusts, and you get a booking request with the total already worked out.

Open the demo How it works

Static site · No server · One file to edit

Sedans, coupes, hatchbacks

Live prices from the sample business, Gleam & Go Mobile Detailing.

HOW IT WORKS

Three taps from “how much?” to a request.

Your customer never has to call to find out what their car costs. You never have to chase them for the details.

  1. 1

    Pick the size.

    Car, SUV or Truck. Every package and add-on shows the right price and time for that vehicle.

  2. 2

    Build the slip.

    One package, any add-ons, and a live estimated total. Add-ons the package already covers say “Included”, so nobody pays twice.

  3. 3

    Send the request.

    Name, phone, a preferred day and time window. The customer sends it by email or text, or copies it. It reaches you as plain text.

THE REQUEST SLIP

Every request arrives already priced.

  1. “SUV, please.”

    The customer picks their vehicle once. Everything after that is priced for an SUV.

  2. “Full Detail.”

    One package per request. Choosing another one replaces it, so nobody books two by accident.

  3. “Plus the dog hair.”

    Add-ons stack on top. Clay bar comes with Full Detail, so it shows as Included and costs nothing.

  4. “Saturday morning?”

    They choose a day and a time window, and send it. Closed days and dates too soon are turned away before the request is sent.

WHAT’S IN THE BOX

Everything a detailer gets asked, answered on the page.

Before and after, side by side

Drag the handle to compare. It works with the keyboard too, and customers can filter by Car, SUV or Truck to see work on vehicles like theirs.

Dull, swirled grey sedan paint before detailing Glossy grey sedan paint after a full detail

Placeholder art ships with the template. Swap in your own photos.

Priced by vehicle size

Every package and add-on has its own price and time for each size. Switch from Car to Truck and the whole menu follows.

No paying twice

Tell Clearcoat which add-ons a package already covers. On the slip they show as “Included”, at $0 and no extra time.

Only dates you can take

Set your closed days, how much notice you need and how far ahead people can ask. Anything else is turned away with a clear message.

Private by default

Customers’ names and numbers are never stored on their device. Only the slip is remembered, so it survives a reload.

Day and night

It follows the phone’s light or dark setting, and it is built to WCAG AA contrast, with full keyboard support.

SEE IT LIVE

This is the real thing. Try it.

The full demo site for Gleam & Go Mobile Detailing, running right here. Switch sizes, build a slip, drag the gallery.

Open the demo full screen

Sample business. Prices, hours and photos all come from one config file.

ADOPT IT

Make it yours in one file.

  1. Edit the config.

    Your name, tagline, phone, service area, hours, packages, add-ons and prices all live in src/businessConfig.ts. Prices are in cents, one for each size, so the compiler will not let you forget the truck.

  2. Drop in your photos.

    Put your before-and-after pairs in public/gallery/ and point the gallery entries at them.

  3. Build and upload.

    npm run build produces a static folder. Put it on any web host. There is no server, database or account.

src/businessConfig.ts
export const businessConfig: BusinessConfig = {
  name: "Gleam & Go Mobile Detailing",
  tagline: "Showroom shine, in your driveway.",
  phoneDisplay: "(555) 014-2290",
  serviceMode: "mobile", // or "shop"
  closedWeekdays: [0], // Sunday
  minLeadDays: 1,
  packages: [
    {
      id: "full",
      name: "Full Detail",
      priceCents: { car: 18900, suv: 22900, truck: 25900 },
      minutes: { car: 180, suv: 240, truck: 270 },
      includedAddOnIds: ["clay-bar"],
      popular: true,
    },
    // …
  ],
};

Your menu, priced for every driveway.

Open the demo, build a slip, and picture your own name at the top.

Open the demo Back to the top