Legendary Detailing: a booking-first site for a Memphis mobile detailer

A look that matches the work

Black and gold, taken from the business's own flyer and logo, with a condensed display face set big. The headline, Every Detail. Legendary Results., rises in on load and a single gloss of light sweeps across it, like a detailer's inspection light. Visitors who ask their device for less motion get a still page.

Every photo on the site is a vehicle the business detailed. There are no stock images.

A booking form that does the quoting

Booking is a two-step request. Step one is the detail itself: package, vehicle type and add-ons, with a live price estimate that updates as each choice is made and adds the SUV/truck surcharge where it applies. Step two is contact details and timing, followed by a summary before sending.

• Inline validation that explains what's missing, step by step
• The Book buttons on each package pre-select it in the form
• Requests arrive in the owner's inbox as a formatted email through FormSubmit
• If sending fails, the form offers call, text and email instead, so no lead is lost
• The form is fully usable from the keyboard

The form sends a request, not a confirmed booking, and says so. The owner confirms time, location and price personally.

Built to be found in Memphis

The title, description, single H1 and structured data all say the same thing: professional auto detailing in Memphis, TN. There's a service-area section listing Memphis neighborhoods, a sitemap and robots file, and Open Graph tags for link previews. There's no street address, because the business comes to the customer.

In our latest Lighthouse runs the site scores 100 for SEO, Accessibility and Best Practices on both mobile and desktop, with Performance at 99 on desktop and 91 on mobile under simulated slow 4G.

Tested like software

The site ships with a 24-test regression suite built on Playwright and axe-core. It runs the whole page the way a customer would and checks:

• Six screen sizes from 320px to 1920px, with no sideways scrolling, broken images or console errors
• The price estimate, both form steps, and the success and failure paths, with the form service mocked so tests never send real email
• The photo viewer, mobile menu, quick bar and FAQ
• Zero axe-core accessibility violations, plus keyboard use
• No-JavaScript and reduced-motion fallbacks, the Content-Security-Policy and the 404 page

Easy for the owner to keep honest

Reviews, social links, business hours and analytics live in one small settings file. Each part of the page that depends on them stays hidden until there's something real to show, so the site never displays an empty or made-up reviews section.

What it runs on

Hand-written HTML, CSS and vanilla JavaScript with no framework and no build step, a self-hosted font, responsive WebP images and a caching and security headers file. Any static host can serve it as-is.