Car service & detailing
A car service and detailing site “Garage 42” in a dark garage with an orange accent: a header with a free-lift status, a hero with a car silhouette that draws itself and highlights zones with prices, a service calculator by car class, tabbed before/after with a curtain, a process with a rail that fills on scroll, mechanics with a 3D tilt, reviews with marquees and counters, weekly slot booking from today, a map with a route that draws itself and a footer with an outlined word. Unbounded, Inter Tight and JetBrains Mono.
What it is made of
10 catalog blocks in page order. Each one is installed with its own command; nothing is recreated.
1. Header
Car service navbar with a live bay statusnavbar-034
A pulsing “lift #2 is free” status, phone, “Book”, burger.
2. First screen
Detailing hero: a car outline draws itself and lights up services by zonehero-034
A coupe silhouette draws itself, hovered zones show a service and price.
3. Calculator
Detailing service calculator: chips, car class, live totalauto-001
Car class and service chips, live total and time, “Book” carries the choice to booking.
4. Before / after
Detailing before/after: a draggable curtain with “lights / body / interior” tabsauto-002
A comparison curtain with “lights / body / interior” tabs.
5. Process
Car service process: a four-step timeline with scroll progressauto-003
Four steps with a rail that fills on scroll.
6. Mechanics
Car service masters: photo cards that tilt toward the cursorpeople-014
Cards with a 3D tilt and glare, experience and cars.
7. Reviews
Car service reviews: counters, a brand ribbon and two running card rowstestimonials-026
Counters roll up, a brand strip, two review rows moving towards each other.
8. Booking
Car service booking: a week slot grid and an order panelauto-004
A week × hours grid from today, busy slots struck through, a stub form.
9. Contacts
Car service map and contacts: an svg scheme with a route and a bay pinmap-011
An SVG block map, the route draws itself, a pulsing pin.
10. Footer
Car service footer with a huge outlined wordmarkfooter-033
Columns, contacts, a giant outlined “Garage 42”.
Pro
The exact composition, page source and agent link are in PRO
The demo and the block list are open to everyone. Subscribers see every block's props as in the demo, the theme rules, the image prompts and one link an AI agent uses to build the same page.
Get PRO