Auto repair and detailing website template
Apex Auto Works
A dark, fast template for auto repair shops, performance garages and detailing studios. Condensed uppercase type, racing red and signal yellow on charcoal, with service cards, packaged service menus, detailing tiers, an upfront price list and heat-specific articles. Built to turn a search into a booked bay.
$19$49
one-time, no subscription
Instant download · 7-day refund before first download
Every page, finished
9 pages · 39 sections · 18 photos
Design system
- Display face
- Big Shoulders
- Body face
- Barlow
- Header · footer · images
- utility · columns · square
- paper
#111316 - surface
#1A1D21 - ink
#F1F2F3 - muted
#9AA0A6 - line
#2B2F35 - brand
#E10600 - brandInk
#FFFFFF - accent
#F5C400
What’s inside
- Next.js 16 project — App Router, static export, TypeScript
- Astro 7 project — same components as .astro files
- Plain HTML — compiled Tailwind CSS, open index.html
- 18 photos as WebP at 1600px and 800px, plus the prompts
- All copy in one site.json — names, prices, hours, posts
- Working contact form markup (Formspree-ready) and thank-you page
- SEO titles, descriptions and Open Graph tags on every page
Sections used
- Full-bleed hero
- Info bar
- Service cards
- Stats
- Image + text
- Listings
- Testimonials
- Call to action
- Page header
- Story
- Team
- Gallery
- Service list
- Process steps
- Pricing tiers
- Price list / menu
- FAQ
- Contact form + details
- Article grid
- Newsletter
- Article layout
Next.js 16
App Router · static export
Astro 7
Components + content JSON
Tailwind 4
Theme as CSS variables
HTML
Compiled CSS, no build
About the auto repair and detailing template
Does this template work for a detailing-only business?
Yes. Rename the services, keep the detailing tiers and price list, and use the packages grid for coating and PPF bundles.
Can I link the booking button to my shop management software?
Yes. Buttons are standard links, so you can send them to your scheduling tool's booking page or keep the built-in contact form.
Is the dark design readable on phones in sunlight?
The theme uses high-contrast light text on charcoal with bright red calls to action, sized for outdoor phone use.
Can I use it for a client?
Yes — unlimited personal and client projects. You just can’t resell the template itself.
How do I change the business name, colours and photos?
Edit site.json for words and images; change the eight colour variables and two font names at the top of global.css. Every page follows.
Building for this industry? Read the auto repair website template guide.
