Zaib Auto Centre Ltd.
A single-page site for an independent Milton repair shop, built to turn a local search into a phone call.
Project details
- Client
- Zaib Auto Centre Ltd.
- Sector
- Independent auto repair
- Location
- Milton, Ontario
- Engagement
- Design and build, single-page marketing site
- Year
- 2026
- Live site
- zaibauto.com
The problem
The shop had no website. It had a strong Google Business Profile with consistent five-star reviews, but that reputation only reached people who were already searching for it by name on Google Maps. Everything else was word of mouth.
Customers had no way to check hours, confirm what services were offered, or see the shop before driving over. The business also offers Uber and Lyft safety inspections — a service in real local demand that nothing online advertised.
The approach
A single-page site built for one outcome: turn a local search into a phone call. The shop takes no online bookings, so every path leads to calling or directions rather than a form.
All business data — hours, services, contact details, coordinates — lives in one typed config file, so the owner's developer can change anything without touching components.
Content discipline was a deliberate part of the work. Every claim on the finished site traces to a verifiable source: the client's logo, business card, Google listing, or a real customer review. Placeholder marketing copy written during the build was removed rather than shipped unverified.
What we built
The details that separate a site that exists from one that works.
Live open/closed indicator
Computes against America/Toronto, so it is correct regardless of the visitor's timezone. Implemented with useSyncExternalStore to avoid a hydration mismatch between server and client, and it rolls over automatically: “Closed · Opens Monday at 9am”.
Holiday closure system
One dated entry overrides the weekly schedule and simultaneously drives the live badge, the hours table, an on-page notice, and the structured data — so the four cannot drift apart.
Local SEO structured data
AutoRepair JSON-LD with opening hours, special holiday hours, and GeoCoordinates taken from the business's own Google listing rather than a geocoded address, so map pins land on the correct unit in a multi-unit plaza.
Native maps hand-off
Directions use Google's universal directions URL, which opens the native Maps app with navigation started on a phone and falls back to the browser on desktop.
Mobile-first calling
Tap-to-call in the header and a fixed bottom action bar, on the reasoning that much of the traffic is someone standing next to a vehicle that will not start.
Review-backed credibility
Real Google reviews quoted verbatim, and each trust claim on the page printed alongside the specific review that supports it.
Brand derived from existing assets
Palette (charcoal and red) pulled from the client's own logo so the site matches their signage and storefront.
Performance
Client-supplied PNGs (2.1 MB and 940 KB) are served as WebP at 182 KB and 66 KB via next/image — roughly a 92% reduction.
Responsive to 320px
Including a custom breakpoint added where the full company name would otherwise collide with the call button.
Live site
zaibauto.comStack
- Next.js 16 (App Router)
- React 19
- TypeScript
- Tailwind CSS 4
- lucide-react
- pnpm
- Node 24 LTS
Deployed as a static build.
Want something like this?
We take on a small number of projects at a time so each one gets this level of attention.