Site nettoyage automobile

Crée un site web premium, immersif et moderne pour une entreprise de nettoyage / detailing automobile haut de gamme.

Le concept principal du site repose sur une seule voiture en 3D, qui doit être l’élément central de toute la première partie de l’expérience. Le site ne doit pas être une simple page vitrine classique : il doit donner l’impression d’une démonstration visuelle interactive, élégante et cinématique.

L’objectif principal est de montrer la qualité du travail, les prestations proposées et le savoir-faire, sans afficher les prix dans la première partie du site.

Design général :

* Style premium, minimaliste, sombre et élégant
* Ambiance lumineuse tamisée, rassurante et haut de gamme
* Fond sobre, légèrement texturé ou dégradé
* Typographie moderne, propre et lisible
* Animations fluides, lentes et cinématiques
* Beaucoup d’espace vide pour renforcer l’aspect premium
* Couleurs principales : noir profond, gris anthracite, blanc cassé, reflets argentés ou bleu nuit
* Ne pas surcharger l’interface
* L’expérience doit inspirer confiance, qualité, précision et professionnalisme

Élément central :
Utiliser une seule voiture en 3D comme pièce maîtresse du site. La voiture doit avoir une apparence sportive, élégante et premium, dans le style d’une Audi RS6, sans obligatoirement afficher la marque. Elle doit être visible dès l’arrivée sur le site et accompagner toute la première partie de la navigation.

Page d’accueil / Hero section :
Au chargement du site, afficher la voiture en grand, en vue 3/4 avant, dans une scène sombre et élégante avec une lumière tamisée. La voiture doit être parfaitement mise en valeur.

Ajouter un texte court et premium autour de la voiture :

* Titre principal : “Redonnez à votre véhicule son éclat d’origine”
* Sous-titre : “Nettoyage intérieur, extérieur et moteur avec une approche premium, précise et professionnelle.”
* Bouton principal : “Découvrir nos prestations”
* Bouton secondaire : “Nous contacter”

Ne pas afficher de prix dans cette première partie.

Expérience au scroll :
Créer une expérience de scroll immersive où la caméra virtuelle se déplace autour de la même voiture en 3D selon les sections.

Section 1 — Nettoyage intérieur :
Lorsque l’utilisateur scroll vers la section “Nettoyage intérieur”, la caméra doit s’avancer vers la voiture. La porte conducteur doit s’ouvrir automatiquement. La vue doit se concentrer sur l’intérieur côté conducteur.

Afficher à côté de la voiture un bloc de contenu premium :
Titre : “Nettoyage intérieur”
Texte : “Un habitacle propre, sain et soigné jusque dans les détails : sièges, plastiques, moquettes, tapis, seuils de porte et finitions.”

Ajouter un comparateur avant / après interactif sous forme de slider horizontal. L’utilisateur doit pouvoir faire glisser le volet pour comparer l’état avant et après nettoyage intérieur.

Le slider doit être visuellement intégré dans le style premium du site, avec des images ou rendus “avant” et “après”.

À la fin de cette section, lorsque l’utilisateur continue à scroller, la porte conducteur doit se refermer.

Section 2 — Nettoyage extérieur :
Lorsque l’utilisateur arrive sur la section “Nettoyage extérieur”, la caméra doit reculer et replacer la voiture dans une vue plus large, en angle 2/3 face.

Afficher un bloc de contenu :
Titre : “Nettoyage extérieur”
Texte : “Un lavage extérieur minutieux pour révéler la brillance de la carrosserie, nettoyer les jantes, les vitres, les contours et les détails visibles.”

Ajouter un comparateur avant / après interactif sous forme de slider horizontal pour montrer le résultat extérieur du véhicule.

Le rendu doit mettre en avant la différence entre une carrosserie sale / terne et une carrosserie propre / brillante.

Section 3 — Nettoyage moteur :
Lorsque l’utilisateur scroll vers la section “Nettoyage moteur”, la caméra doit plonger vers l’avant du véhicule. Le capot doit s’ouvrir automatiquement. La vue doit se concentrer sur le compartiment moteur.

Afficher un bloc de contenu :
Titre : “Nettoyage moteur”
Texte : “Un nettoyage précis du compartiment moteur pour retirer poussières, graisses et saletés, tout en respectant les zones sensibles.”

Ajouter un comparateur avant / après interactif sous forme de slider horizontal montrant le moteur avant et après nettoyage.

Transition après l’expérience 3D :
Après les trois sections immersives, faire disparaître progressivement la voiture en 3D lors du scroll. La transition doit être fluide, élégante et naturelle.

Ensuite, afficher une partie plus classique du site présentant les forfaits, mais toujours sans casser l’identité premium.

Section forfaits :
Créer une section claire avec trois cartes :

1. Nettoyage intérieur
2. Nettoyage extérieur
3. Nettoyage moteur

Chaque carte doit contenir :

* Un titre
* Une courte description
* 4 à 6 éléments inclus dans la prestation
* Un bouton “Demander un devis” ou “Réserver”

Ne pas afficher de prix pour le moment.

Section preuve / confiance :
Ajouter une section qui met en avant :

* Travail minutieux
* Produits adaptés
* Résultat avant / après
* Respect du véhicule
* Service professionnel

Section galerie :
Ajouter une galerie sobre avec quelques visuels avant / après, toujours dans un style premium.

Section appel à l’action :
Créer une section finale avec un message fort :
Titre : “Offrez à votre véhicule le soin qu’il mérite”
Texte : “Contactez-nous pour obtenir une prestation adaptée à votre véhicule et à vos besoins.”
Bouton : “Demander un devis”

Footer :
Créer un footer simple avec :

* Nom de l’entreprise
* Liens rapides
* Contact
* Réseaux sociaux
* Mentions légales

Contraintes importantes :

* Le site doit être responsive mobile, tablette et desktop
* Les animations doivent rester fluides
* L’expérience 3D doit être optimisée pour ne pas ralentir le site
* Prévoir une version fallback si la 3D ne se charge pas
* Ne pas utiliser trop d’effets inutiles
* Le rendu doit rester sobre, premium, propre et professionnel
* La voiture 3D doit rester le fil conducteur de l’expérience
* Ne pas afficher de tarifs dans la première version
* Le site doit donner envie de faire confiance avant de chercher à vendre directement

Technologies recommandées si l’IA doit générer du code :

* React / Next.js
* Three.js ou React Three Fiber pour la voiture 3D
* GSAP ScrollTrigger ou Framer Motion pour les animations au scroll
* Composant before/after slider interactif
* Design responsive avec Tailwind CSS
* Structure claire, composants propres et animations optimisées

Résultat attendu :
Un site vitrine immersif, premium et cinématique, centré autour d’une voiture 3D unique. L’utilisateur doit vivre une expérience fluide où la caméra se déplace autour du véhicule pour découvrir successivement le nettoyage intérieur, le nettoyage extérieur et le nettoyage moteur, avec des comparateurs avant / après interactifs. Ensuite, le site doit passer à une présentation plus classique des forfaits et des appels à l’action.