Public catalog and quoting · 2026
FER&REN Detailing
The landing page for FER&REN DETAILING - CUSTOM, a studio in Toluca, presents its catalog of ceramic protection, PPF, wrap, films, paint, and dent work. Each service explains its scope, shows a price when the studio’s documentation supports one, and opens WhatsApp with a message that already states what the visitor came to ask.
RoleProduct design and implementation
Context and evolution
The system behind the screens.
FER&REN DETAILING - CUSTOM offers ceramic protection, PPF, wrap, films, paint, and dent work, and visitors rarely know which of those fits their case. The landing exists so that decision happens before the quote, not inside a WhatsApp conversation that starts from nothing.
Each service has its own static page, and its route and name match the studio’s operational documentation so the site and the counter describe the same service. Ceramic packages publish a price by vehicle size because a table supports it; PPF, wrap, lettering, bodywork, paint, and dent work appear as quote-only.
Delivery follows the same economy. Astro’s ClientRouter swaps in the already-generated HTML so the hero video does not restart on every navigation, GSAP loads only there, and the rest of the catalog reads without JavaScript, with the price tables turning into cards on small screens.
Decisions and outcomes
- Nineteen static service routes, plus brands, about, and location.
- Variable-price services are shown as quote-only; the site publishes no figure the documentation does not support.
- GSAP loads only on the home page and the rest of the catalog reads without JavaScript.
System map
Open every application.
These are not labels: every module retains its own route and technical context.
- 01View module
Service catalog
Nineteen static routes generated from one data module.
- 02View module
Pricing and scope
A price when the documentation supports one; a quote when it does not.
- 03View module
WhatsApp conversion
The message arrives with the service already named.
- 04View module
Navigation and video
Changing pages without restarting the hero video.