CNR Diesel & Field Service
A dispatch-first marketing site for a Northern Nevada mobile diesel and CAT field-service shop; live dispatch status in the hero, a coverage-aware quote intake, MSHA / OSHA compliance signals surfaced as first-class trust UX, and React Email dispatch tickets that route straight to the studio's phone.
The brief
CNR Diesel & Field Service is a Reno-based mobile diesel and Caterpillar field-service shop: twelve years of CAT diagnostics applied to heavy iron on jobsites, mine sites, and yards across Northern Nevada. They needed a site that did one thing exceptionally well: get a fleet manager or site super from “machine is down” to “truck is rolling” in under a minute, on a phone, on cell signal, on a jobsite.
This isn’t a brochure business. It’s a dispatch business. Every page had to answer the same question first: can you be here today, and what’s it going to cost. MSHA-certified, OSHA-compliant, $2M umbrella-insured, mine-site-ready: all the things a serious buyer scans for before they pick up the phone. Those signals had to live above the fold, not in a footer.
What we built
- A static Astro 6 site on the Tarpon Web Co. starter, deployed to Vercel with a custom industrial design system (dark slate panels, deep red accent, blueprint grid overlays, equipment marquee, bracketed dispatch console) that reads as a job board, not a brochure.
- A dispatch-first hero with live “today’s dispatch status” derived from the configured hours, a tappable dispatch line, primary coverage chips, and a same-day-response promise. All visible before the first scroll, on mobile, on cell signal.
- Astro Content Collections for services, service areas, gallery jobs, and testimonials, so the shop edits the catalog like a content directory. Sveltia CMS at
/adminwith GitHub OAuth commits straight to the repo; media uploads go directly from the editor’s browser to a shared DigitalOcean Spaces bucket using SigV4, no server in the path. - Programmatic service-area pages for each Northern Nevada city (Reno, Sparks, Carson City, Fernley, Fallon, Elko, Winnemucca, Lovelock) with primary and secondary coverage tiers, so each city ranks for “diesel repair near me” with real, distinct content instead of templated spam.
- A typed quote intake and contact intake (Astro API routes) that validate on the server, generate a short human-readable reference ID, fire two React Email templates (a confirmation to the customer and a dispatch ticket to the shop), and degrade gracefully when fields are missing or honeypot-flagged.
- Trust UX built in as a first-class concern: an insurance table with named carriers and coverage amounts ($1M GL, $1M auto, $2M umbrella, workers comp, inland marine, NV surety bond), an MSHA / OSHA / NDOT certification strip, fleet account and Net 30 payment-method chips, and itemized-invoice / no-parts-swapping promises in the process timeline.
- Programmatic JSON-LD (LocalBusiness, AutoRepair, Service, FAQPage, BreadcrumbList) so search engines and AI assistants can answer “who repairs CAT excavators near Fernley” without the user ever clicking through.
Performance
Mobile Lighthouse lab scores, May 2026 (PageSpeed Insights):
| Metric | Score |
|---|---|
| Lighthouse Performance | 92 |
| Largest Contentful Paint | 0.5 s |
| Total Blocking Time | 0 ms |
| Cumulative Layout Shift | 0.001 |
| Lighthouse SEO | 100 |
Google calls LCP under 2.5 seconds “good.” This site loads the dispatch hero and coverage chips on a jobsite cell connection without waiting on WordPress plugins or a page builder.
What we kept off the page
No live chat widget. No automated price estimator. No fake “47 trucks dispatched today” counter. No SEO-spam city pages for towns we don’t actually run trucks in. A fleet manager with a down machine should be able to land on the page, see the certs, see today’s dispatch status, and have the call connecting before the second screen finishes loading. That’s the whole job.
Want one like this for your business?
Send your current site over and we'll come back with a quote.