Glosswerk: ιστοσελίδα στούντιο car detailing

01

Επισκόπηση

Το Glosswerk είναι πρότυπο αρχικής σελίδας για στούντιο car detailing. Αντί να εξηγεί στον επισκέπτη τι κάνουν το γυάλισμα και η κεραμική επίστρωση, τον αφήνει να το δοκιμάσει: γυαλίζει τη βρομιά από το hero, περνά ένα φως ελέγχου πάνω από τις γρατζουνιές, ψεκάζει νερό σε ένα επιστρωμένο φύλλο.

Γύρω από αυτά τα demos βρίσκονται τα πρακτικά κομμάτια της επιχείρησης: υπηρεσίες, slider πριν και μετά, η διαδικασία, άμεση προσφορά, κριτικές και ενότητα κράτησης. Όλα τα κείμενα και οι τιμές αλλάζουν από ένα αρχείο περιεχομένου.

02

Χαρακτηριστικά

1. 01
   Γυαλίστε το μόνοι σαςΗ φωτογραφία του hero βρίσκεται κάτω από ψεύτικη βρομιά δρόμου. Περνώντας από πάνω της τη γυαλίζετε, ενώ ένας μετρητής γυαλάδας ανεβαίνει.
2. 02
   Φως για γρατζουνιέςΈνα φως ελέγχου πάνω σε μαύρη βαφή δείχνει πόσα αφαιρεί κάθε επίπεδο γυαλίσματος.
3. 03
   Demo κεραμικήςΨεκάστε νερό σε ένα φύλλο και δείτε το να κάνει σταγόνες και να κυλά όταν έχει επίστρωση, ή να κολλά και να αφήνει σημάδια όταν δεν έχει.
4. 04
   Πριν και μετάSlider σύγκρισης που σύρεται με το ποντίκι ή με τα βελάκια του πληκτρολογίου.
5. 05
   Άμεση προσφοράΔιαλέγετε μέγεθος, πακέτο, κατάσταση και έξτρα, και το σύνολο και ο χρόνος στο στούντιο ενημερώνονται αμέσως.
6. 06
   Διαδικασία σε ταινία LEDΠέντε βήματα πάνω σε μια κάθετη ταινία φωτός που ανάβει καθώς κάνετε scroll.

03

Ιδανικό για

1. 01
   Στούντιο detailing
2. 02
   Περιποίηση αυτοκινήτων
3. 03
   Συνεργεία PPF και wrap
4. 04
   Φανοποιεία

04

Τεχνολογίες

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