CarStudio 019
Responsive automotive service website for CarStudio 019 in Zaječar, built around services, gallery browsing, contact and location.
- Role
- Not confirmed in repository
- Year
- 2025
- Type
- Web Development
- Stack
- React 19, TypeScript, Vite
Overview
CarStudio 019 is a responsive multi-page SPA for an automotive studio in Zaječar. The site presents detailing, polishing, deep cleaning, window tinting, auto electronics, basic service work and contact paths for booking.
What was built
The implementation uses React Router routes for the homepage, about page, services page and contact page. Shared navigation, mobile burger menu and footer components sit around route-level pages, with static image assets served from the public directory.
Services experience
The services page includes an interactive service navigator. Selecting a service updates the active copy and visual panel, while mobile layouts switch to a horizontal service selector and a stacked active-service view.
Gallery and visual system
The homepage is image-led, with a large automotive hero, an editorial gallery grid and a custom lightbox dialog for opening selected work images. The SCSS modules define image clipping, hover scale, object-position tuning and responsive grid behavior.
Contact and location
The contact page combines direct phone, Instagram, address and working-hours information with a required EmailJS form for name, email and message. It also embeds a Google Maps iframe for the Katanićeva 2, Zaječar location.
Technical approach
The project is a Vite React TypeScript app with SCSS Modules rather than Tailwind. It uses browser-side EmailJS environment variables, Serbian metadata in index.html, image preload for the hero asset, Google Font preconnects and reduced-motion handling for service transitions.
