A1 Solar Cleaning.
Marketing site for a family-owned panel-cleaning crew in California's Central Valley. Hand-rolled, mobile-first, deployable on any static host.
A1 Solar Cleaning is a family-owned crew that scrubs panels across Fresno, Clovis, Selma, and the rest of the Central Valley. They came in needing a site that did one job well: get the phone to ring and the booking widget to fire.
The brief drove every choice. Eleven HTML pages, one stylesheet, one script file, no build step. Every above-the-fold view is loaded by a real device in under a second on 4G. The site is hand-rolled so the owners can hand it to any developer later without unpicking a framework.
The design carries blue-collar brand respect. Saira Condensed Italic for headlines because it reads like a worn-in workwear logo. A navy plate, a single red accent, and just enough motion to feel alive without getting in the way of the work.
-
Word-by-word hero cascade The headline assembles a word at a time, the sub, CTAs, and trust checks follow in sequence. Slower than a fade, faster than reading aloud. Replays on every visit.
-
One booking modal, every page A single Consolto widget is injected once and wired via event delegation so the same Book Online button works inline, in the sticky header, in the mobile drawer, and on the bottom call bar.
-
Five service pages with generated hero photos Residential cleaning, commercial cleaning, pressure washing, gutter guards, bird proofing. Each hero photo generated to match the brand palette, then compressed 95% off the source PNG for WebP delivery.
-
Mobile-first, no framework Drawer nav with section headings in the same condensed-italic system. Bottom call bar on the smallest viewports. 320px sweep so it still works on a beat-up Android.
-
No build step Static HTML, CSS, and JS. No npm install. Drops onto any host that serves static files. Cache-busted by query string when something needs to ship.
Service page — residential cleaning. Hero band, generated photo, detail rail.
Reviews. Star-filled cards, real Google rating, no synthetic filler.
Mobile hero. Drawer + bottom call bar.
Mobile service detail. Generated hero photo.
Our work. A tiled collage of recent jobs, captioned and dated.