Exterior Cleaning
Exterior Cleaning Kit
Show homeowners a guide price before they pick up the phone — from your own price table, with no monthly quote-widget fee.
A price guide at the top of the page, run from your own prices — tap the surfaces, pick a size, see a guide price. Not another blue-and-water-droplet cleaning site.
The Exterior Cleaning Kit is a complete, production-ready website for driveway, patio, roof and render cleaning businesses — jet washing, soft washing and pressure washing — anywhere the job is to win the quote before a competitor answers the phone.
It leads with the one thing a homeowner wants first: a rough price. Customers tap the surfaces they want done, pick small, medium or large for each, and see a running guide price from the business's own price table — then one button carries their choices straight into the quote form. Most cleaning companies pay monthly for that feature as a website add-on; here it's built in, and runs from one file.
It breaks from the blue-and-white, water-droplet look nearly every exterior-cleaning site uses. It's the only light kit in the shop — washed limestone, wet slate and fresh-clay terracotta, the colour a roof tile or block paving goes back to once it's clean — with an expanded, van-signwriting display face and one owned motif, the "clean pass": a stripe like the first sweep of a surface cleaner across a mossy drive, used exactly three times.
A method-by-surface table answers the biggest worry — will you damage my roof or render? — with specifics, not reassurance. Full-width before/after frames wait for the business's own photos, and a numbered "every quote includes" list replaces the usual wall of badges.
It won't invent a price, a jobs-done count, an insurance figure or a review the owner didn't give it. With no prices set, the guide still works — it says the business will price from photos, and never shows a made-up number. Until real before/after photos exist, the frames are designed placeholders, never stock photos of someone else's driveway. The quote form honestly says "call us" until its free form key is set. Built on Next.js 16 and Tailwind CSS 4, exported to plain static files, and live by dragging a folder onto Cloudflare — no GitHub, no command line.
Technical details
- Framework
- Next.js 16 (App Router) + TypeScript
- Styling
- Tailwind CSS 4 — limestone, wet-slate and terracotta design tokens; the only light kit in the shop
- Animation
- Framer Motion — one wipe-in on the owned motif, a price cross-fade, opening size rows; reduced-motion aware
- Rendering
- Static export — no backend, no database, no third-party tracking by default
- Content
- lib/site-config.ts + data/surfaces.ts (surfaces, methods, your price table) + data/reviews.ts + lib/faqs.ts
- Included pages
- Landing (price guide, method table, before/after, every-quote-includes, coverage, reviews, FAQ, quote form) + Privacy, Terms, 404
- Hero
- Surface picker with a live guide price from your own prices — or no figure at all if you quote from photos
- Quote form
- Web3Forms — free, no server; arrives pre-filled from the price guide; WhatsApp link for photos
- Compliance
- Honest, cookie-free-by-default cookie notice; UK-GDPR-style Privacy Policy and Terms covering customer photos, weather rescheduling and guide price vs written quote
- Deploy
- Browser-only: drag the folder onto Cloudflare Pages or Drop — no GitHub, no code to go live
In the download
- Website Build Prompt — the file you drop into your AI coding assistant to build your live site from your real surfaces, methods, prices and coverage area
- A finished example site (zip) with the AI config and deploy guide built in, so you can preview, click through, and read the code before you commit to anything
- A pre-built, ready-to-deploy static export — drag it straight onto Cloudflare today and see a live URL in under a minute, placeholder content and all
- PERSONALIZE.md — a launch checklist plus a walk-through of your prices, methods and photos, telling an AI exactly what to ask you for
- DEPLOY-GUIDE.md — a zero-terminal walkthrough to get permanently live in about ten minutes
- A surface-picker price guide run from one price file — or no prices at all, never an invented figure
- A method-by-surface table that answers "will you damage my roof?"
- Full-width before/after placeholder frames for your own photos — never stock photos
- Reviews section that hides itself automatically until you add real ones
- Privacy Policy and Terms — a UK-GDPR-style starting point, clearly marked as needing review before launch
- An honest, cookie-free-by-default cookie notice
- Security headers for both Cloudflare Pages and a traditional Apache host
- A branded 404 error page
Make it yours
Every word on the site — your name, headline, prices, services, testimonials — lives in a single config file. Change your text there and the whole site updates.
Prefer to talk instead of type? Open the folder in an AI assistant and tell it what to change: "swap the pricing to €29 and €79," "link my button to my Calendly." A Template Customization Prompts pack walks you through it.
AI editing needs a Claude plan, about $20/month; plain text edits are free, done yourself in the files.
How you get it live
Get your Build Prompt
One payment. Instant download — the prompt file, ready to run in your AI assistant.
Run the prompt
Drop it into Claude Code or your AI coding assistant (a paid plan, about $20/month). It works through a checklist, asks for your real business details, and builds your site on your own computer.
Go live — free!
Drag your finished site into Cloudflare Drop for an instant no-account preview, or Cloudflare Pages for a permanent free address. No GitHub, no terminal.
Edit anytime
Ask your AI assistant for more changes in plain English, right in the same project, then drag the updated site back to redeploy — free either way.
Works for
Honest about what it is
This is a fast, professional marketing site — not a booking system or a database-backed app. It's built to win the client, then send them to your calendar or inbox. If that's what you need, it's exactly right. And one more honest thing: the screenshots are a real site, built by hand, to show you the concept — not a file you receive. Your AI assistant builds a close, similar design from the prompt, not a pixel-identical copy.
Explore other kits
Frequently asked questions
Is there a way to build more than one site with this?
Yes — this kit is one finished website for this niche. If you want to build client-ready websites for any niche, not just this one, see the Website Build Prompt: a beginner's book plus the universal prompt system that builds every kit in this shop.
Do I need to know how to code?
No. The deploy guide covers every click, browser-only. To change text, edit one config file or ask an AI assistant using the included prompt pack — no coding.
How long until my site is live?
30–60 minutes the first time, including setting up a free Cloudflare account. No GitHub needed. After that, edits are much faster.
Can I build this for a paying client?
Yes — build and sell a site to a client using this template. You just can't resell or redistribute the template files themselves.
Are the legal pages ready to use?
They're generated for a real jurisdiction and clearly marked as templates. Replace the bracketed placeholders with your real details and have a lawyer review before launch.
What if something breaks?
The deploy guide covers the common issues. Beyond that: paste the exact error into an AI coding assistant and ask it to fix it — that solves most things.
Don't want the stress? I'll build it for you.
No AI chat, no prompts, no deploy guide — tell me what you need and I'll build and hand you a live site.
Get a quote →I reply within 24 hours — real quote, no automated reply.
License: Single-business use. Build your own site with it — don't resell or redistribute the template files themselves.
Questions before you buy? Message me on Instagram — I answer every message personally.
“Whatever you do, work at it with all your heart.” — Colossians 3:23