Peachtree Peak Heating & Air — concept build

A concept build, not client work: Peachtree Peak is a fictional Marietta, Georgia HVAC company we invented so we could show what a home-services site looks like when it is built properly. We picked the brief from our own market research — metro Atlanta, home services — and then built the whole thing to the specification of our Company Website package, seven pages and no more.

The hero is a WebGL particle field: conditioned air moving along curved streamlines, drifting from cool cyan to warm amber and back on a slow cycle — the two things an HVAC company actually sells. It is one draw call with no textures and no model files, and it never touches the critical path. It loads only after the page is complete, only when the hero is on screen, and only on devices that can afford it. Phones and reduced-motion visitors get a gradient hero that was designed as a finished state rather than a fallback.

That restraint is the point. A site for a heating and air company has one job: make the phone ring. So the call button is the only element on the site allowed to use the accent colour, and below 860px a fixed call bar sits under the thumb on every page — in plain HTML, working before a single line of JavaScript has parsed.

Measured with Lighthouse on the production build, mobile: 100 performance, 100 accessibility, 100 best practices, first contentful paint 1.2s, zero layout shift. The site is deliberately marked noindex — a fictional company should not compete in search with the real Marietta HVAC businesses — which is the only reason its SEO score is not also in the nineties; with indexing enabled the same pages score 92.

The quote forms validate and then submit nowhere on purpose. A pretend company collecting a real visitor's name, phone number and address would be a real problem, so the demo says so instead of storing anything.