Black Fox Inspection
Marketing website for a Canadian lift-equipment inspection company: services for cranes, aerial lifts, telehandlers and oilfield equipment, the CSA/ASME/ANSI codes they inspect to, a project gallery, and a three-step "book an inspection" flow.
The problem
An inspection company competing for contracts with construction and oilfield operators needed a site that looks as credible as their certifications: clear services per equipment type, the standards they work to, and a fast way for site managers to request an inspection.
The solution
A Next.js 16 site built section by section from the client’s designs, with the booking flow one click away on every page. The booking and promo forms are front-end only in this staging release; the next step, already planned, is a Prisma-backed lead-capture API with server-side validation and unique discount codes.
Screenshots
Home page hero: "We certify lift equipment" 
Services: core and specialty inspection offerings 
Three-step "Book an inspection" modal 
About page: how the team works 
Gallery of inspection work 
Contact page
Architecture
- UIReact 19Tailwind CSS 4Lucide
- AppNext.js 16 App RouterTypeScript
- Data (planned)Prisma
- HostingVercelSpeed Insights
Highlights
- Five pages (home, services, about, gallery, contact) built from the client’s design files into reusable, responsive sections.
- Equipment carousel covering mobile cranes, scissor lifts, telehandlers, truck-mounted aerial units, overhead cranes and more.
- Standards section listing the codes inspections follow: CSA B167, CSA B354, CSA Z150, CSA W59, ASME B30 and ANSI B56.
- Three-step booking modal (contact info, equipment, schedule), reachable from every page through a shared React context.
- First-visit promo pop-up offering new customers 10% off, shown once per session.
- Optimized WebP imagery and Vercel Speed Insights for real-user performance data.