Carter McCann Lead forward-deployed engineer Project intake Selected briefs
Work index

Home services / Client project / Public site

Hero Pro Services

A home-services site rebuilt from WordPress to Next.js, with lead capture, consent, and tracking under test.

Year
2026
Relationship
Client project
Role
Full development
Hero Pro Services website desktop view
Fig. 01 Live homepage captured in October 2026.
01

Overview

What it is

Hero Pro Services is a home-services company in the Nashville area, covering handyman, HVAC, plumbing, electrical, remodeling, and storm-shelter work. The new site replaced a WordPress build. The team edits pages in Sanity, and every service request goes straight into the company's Jobber account.

02

Scope

What the site includes

  1. 01

    Service and service-area pages the team edits in Sanity

  2. 02

    A storm-shelter section and a water-filtration landing page for paid search

  3. 03

    A three-step request form that creates leads in Jobber

  4. 04

    Consent handling that changes by visitor region

03

Role

My role

I led the build after a teammate's early front-end pass. I redid the interface and built the CMS integration, lead capture, tracking, and test suite, and I've run releases since launch.

04

Build

Technical notes

Lead capture
The request form posts to a server route that creates the request in Jobber, carries the Google click ID through, and logs structured failures for alerting.
Consent
Consent Mode v2 defaults depend on region. California, non-US, and unknown visitors start denied, and enhanced-conversion data is only sent after an explicit Accept.
Quality gates
Vitest and Playwright cover the form, schema, redirects, consent order, and accessibility. Lighthouse CI gates six key pages on performance, SEO, and accessibility.
Release checks
After each release, a script checks every page and redirect against the live domain.
  • Next.js
  • React
  • TypeScript
  • Sanity
  • Tailwind CSS
  • Jobber API
  • Vitest
  • Playwright
  • Lighthouse CI
05

Selected work

Development work

  1. 01 Interface Design
  2. 02 Frontend Development
  3. 03 CMS Integration
  4. 04 Lead Capture
  5. 05 Analytics and Consent
  6. 06 Testing and Release
06

Results

Results

  • The first test push caught and fixed five production bugs, including canonical URLs that pointed at the wrong host.
  • The October 2026 consent release passed 286 automated tests before deploy, then a live check of every page and all 44 redirects.