← Back to site
Standard tier · Build notes
Harbor Plumbing Co.
A clean, conversion-focused website for a family-run East Bay plumbing company. Built to load fast, read trustworthy, and turn visitors into phone calls.
What was built
A single-page site with the sections a service business needs to earn a call:
- Hero: one strong photo, the offer as a headline, and two clear actions (call or request a quote).
- Trust strip: license number, upfront pricing, on-time promise, and star rating.
- Services grid: six plain, honest cards covering the core work.
- About + service area: the family-crew story and the towns served.
- Contact: click-to-call block plus a quote form with a real success state.
- Footer: hours and full name/address/phone (NAP) for local SEO.
A sticky call bar follows the visitor on mobile, and the phone number is click-to-call everywhere it appears.
The stack
Plain, dependency-free front-end, nothing to break, nothing to update:
- Static
index.html with inline CSS and a few lines of vanilla JavaScript.
- JS handles only the form success state, the copyright year, and a subtle scroll fade-in.
- Two optimized images in
img/ (hero under 105 KB, lazy-loaded below the fold).
- No frameworks, no build step, no tracking. Hosts anywhere as flat files.
Palette
One warm accent on a neutral base, pulled from the copper pipework in the hero photo (60% off-white / 30% navy / 10% copper).
Navy #0f2437
Copper #bd6a34
Off-white #f7f4ef
Ink #16324a
Fonts
Two free Google faces, locked to one type scale (1.25 ratio, 17px body):
- Space Grotesk: headlines, buttons, and numbers. A solid grotesque with just enough character.
- Inter: body copy and forms. Clean and legible at any size.
Built for conversion
- Mobile-first, tested clean at 390px with no horizontal scroll.
- Tap targets 44px or larger; sticky call bar on phones.
- Every link, button, and the quote form verified working; zero console errors.