Skip to content

A plumbing website that prices three ways to fix one leak

A Rnext Labs original.

For a leak under the floor, visitors see the three ways to reach it, priced side by side, and a checker that tells them whether it is really a slab leak.

  • Repair options
  • 3D
WebsiteLive site
Claybend Plumbing: the home page on a computerClaybend Plumbing: the same page on a phone
Open the live site of Claybend Plumbing (opens in a new tab)

01The brief

What the site had to get right.

Claybend Plumbing is a Rnext Labs original: our own brand, designed and built start to finish by our team.

The problem

The same repair can be done three ways at very different prices, and most quotes never say which one they are for.

Claybend Plumbing on a phone

What the site does about it

  • Customers see why one repair costs more than another
  • Quotes compared apples to apples, so price is not the only question
  • People without a slab leak find out before a truck is sent
  • Bookings come with the terms already agreed

02What we built

What we built into it.

Every part works on the live site, so open it and click around.

  • Three ways, priced side by side

    Change the details of the job and the recommended option really changes.

  • See where the work happens

    A 3D cutaway of the house shows where the pipe runs and how each repair reaches it.

  • A checker that can say no

    Visitors tick what they have noticed, and it tells them when it is probably not a slab leak.

Built with

  • Next.js
  • React
  • TypeScript
  • Tailwind CSS
  • Three.js
  • Node.js
  • SQLite

03More websites

More websites we built.

Open any of them and click around.