Skip to content
← All projects

Headlight MD

Lead-generation website for a mobile headlight restoration service

HeadlightMD is a mobile headlight restoration service. Its website has one job: convince local drivers with cloudy, oxidized headlights to book an appointment. Every section — services, gallery, reviews, FAQ — is arranged to move a visitor toward calling, texting, or booking.

  • React 18
  • TypeScript
  • Vite
  • Tailwind CSS
HeadlightMD homepage on desktop — 'Restore Clarity. Drive Safer.' hero with book appointment button, benefits, and phone number
Headlight MD — desktop

The Problem

A local service business needed to compete for customers who search online, compare options quickly, and decide in seconds. It needed a site that looks professional, loads instantly on a phone, and makes booking effortless.

The Solution

A fast single-page React application built with Vite and Tailwind CSS. The page leads with the value proposition and a booking call to action, then reinforces trust with benefits, a before-and-after gallery, reviews, and an FAQ — with call and text links available at every scroll depth.

What I Did

  • Designed and built the site with React, TypeScript, Vite, and Tailwind CSS
  • Structured the page around conversion: booking, calling, and texting are always one tap away
  • Optimized images and load performance for mobile-first local search traffic
  • Set up the domain, DNS, SSL, and production hosting

The Outcome

A professional storefront for a real local business — mobile-fast, credible, and built to convert search traffic into booked jobs.

HeadlightMD homepage on a phone, showing the responsive mobile hero with booking call to action
Headlight MD — mobile

More projects