Sparkle Clean — House Cleaning Service Landing Page
A fast, zero-dependency landing page for a local home cleaning service in Chandpur — clear service tiers, and a booking flow made for how people actually message businesses here: WhatsApp first.
- No runtime JS frameworks
- Hero 451 KB to 62.6 KB
- Icons: one sprite, 20 symbols
01 // Why it exists
Booking should feel like texting
Most local service sites fail because they load slowly on mobile and make booking feel like work. Sparkle Clean opens instantly, communicates clearly, and completes a booking request in seconds via pre-filled WhatsApp messages.
02 // What visitors get
Three tiers, zero ambiguity
Essential
৳800 / visit
Studio and 1-bed refresh: dusting, bath, floors, kitchen wipe-down.
- 45 to 60 min visit
- Bath and kitchen reset
- Floors vacuumed and mopped
Deep Clean
৳1,800 / visit
Whole-home reset for 2 to 3 beds, including cabinets and grout.
- 2 to 3 hr visit
- Inside cabinets and grout
- Windows and balcony
- Before and after photos
Move / Event
Custom quote
Move-in, move-out, and post-event cleans scoped over WhatsApp.
- Scoped by photos
- Team of 2 to 3
- Same-week slots
Typical local site
- 3–6s load on budget phones
- Contact form nobody checks
- PDF price list from 2019
- No service-area clarity
Sparkle Clean pipeline
- Opens in ~1s on 4G
- 1-tap pre-filled WhatsApp
- Tiers priced on the page
- Chandpur areas named upfront
03 // Under the hood
100% native, hand-tuned
No frameworks, no animation libraries. Layout, transitions, and tactile details are hand-tuned; Sharp CLI handles cropping and srcset generation, and a 20-symbol SVG sprite covers 79 icon uses without an icon font.
// booking.js — pre-filled WhatsApp first, email as backup
const MESSAGE = "Hello Sparkle Clean! I would like to book a cleaning visit in Chandpur.";
function bookingHref(tier) {
const text = encodeURIComponent(MESSAGE + " Tier: " + tier + ".");
return "https://api.whatsapp.com/send?text=" + text;
}
document.querySelectorAll("[data-book]").forEach((button) => {
button.addEventListener("click", () => {
window.open(bookingHref(button.dataset.book), "_blank", "noopener");
});
});1 · Pick a tier
2 · Message preview
Hello Sparkle Clean! I would like to book a cleaning visit in Chandpur. Tier: Deep Clean.
pre-filled · editable in WhatsApp
Demo only — nothing is sent until you press send in WhatsApp.
04 // Payload
The whole site weighs less than one raw hero
The hero plate ships 86% lighter after a re-crop and a Sharp CLI compression pass: 451 KB at the source, 62.6 KB in the build. The markup, styles, script and sprite fit in the remaining 12 KB. Move the bandwidth slider to see what that buys on a phone in Chandpur.
Hero plate, uncropped source
86% smaller, cropped and compressed
Estimated from byte counts at the simulated bandwidth. Cold cache, no latency modeling.
05 // Local SEO + access
Built to be found and read in Chandpur
- @context
- https://schema.orgNamespace
- @type
- LocalBusinessEntity
- name
- Sparkle CleanText
- description
- House cleaning service in Chandpur, Bangladesh. Clear service tiers with instant WhatsApp booking.Text
- areaServed
- @type: City · name: Chandpur · addressCountry: BDPlace
- priceRange
- ৳৳Text
- image
- /sparkleclean-ss.pngURL
- url
- /projects/sparkle-clean-chandpurURL
Alt text everywhere
Every tier image and icon carries a plain-language description.
12/12 contrast pairs
Text, badges, and CTAs pass AA or AAA at every size used.
Roadmap
What ships next
- Lightweight content setup — update prices without editing code
- Conversion events — WhatsApp clicks, email triggers, tier picks
- Multi-page expansion — FAQs and areas beyond Chandpur