Glosswerk: car detailing studio website

01

Overview

Glosswerk is a homepage template for car detailing studios. Instead of telling visitors what paint correction and ceramic coating do, it lets them try it: polish the grime off the hero, sweep an inspection light across swirl marks, spray water on a coated panel.

Around those demos sit the practical parts of the business: services, a before and after slider, the process, an instant quote builder, reviews and a booking section. All copy and prices are edited in one content file.

02

Features

1. 01
   Polish-it-yourself heroThe hero photo sits under simulated road grime. Move across it to polish it away while a gloss meter climbs.
2. 02
   Swirl-finder lightAn inspection light on black paint shows how much each level of correction removes.
3. 03
   Ceramic demoSpray water across a panel and watch it bead and roll off when coated, or cling and spot when not.
4. 04
   Before and afterA comparison slider you can drag or drive with the arrow keys.
5. 05
   Instant quotePick size, package, condition and extras, and the total and time in studio update live.
6. 06
   LED process stripFive steps on a vertical light strip that switches on as you scroll.

03

Perfect for

1. 01
   Detailing studios
2. 02
   Car care
3. 03
   PPF and wrap shops
4. 04
   Body shops

04

Built with

Next.js 15, React 19, GSAP 3, Lenis