Je vais te créer une véritable interface de mécanique à domicile, inspirée des grandes marques : design premium, navigation simple, réservation rapide et paiement sécurisé par Stripe.

Le site sera conçu pour ton service de changement de pneus sur jantes à domicile dans le Grand Montréal.

Il comprendra une page d'accueil professionnelle, un parcours de réservation avec sélection du véhicule, adresse, date et heure, puis une étape de paiement. Le tout sera adapté aux téléphones et ordinateurs, avec une structure modifiable.

Voici une première version interactive du site, que tu peux tester directement.

Cette maquette donne la direction visuelle, mais ce n'est pas encore un site fonctionnel.

Pour le mettre en ligne, je recommande Framer pour l'interface et Stripe Checkout pour le paiement. Framer permettra de modifier les textes, images, couleurs et sections sans programmation.

Le parcours final sera : Accueil → Réservation → Coordonnées → Paiement Stripe → Confirmation.

Point important : Stripe devra être connecté à ton compte marchand et à un système de réservation pour encaisser réellement et éviter les doubles réservations.

J'ai trouvé une cause possible du problème : le logo était chargé comme un fichier SVG externe, ce qui pouvait empêcher son affichage dans certaines conditions.

J'ai corrigé la structure du site :

• Logo vectoriel intégré directement au HTML.

• Plus de dépendance à un fichier externe pour afficher le logo.

• Dimensions corrigées pour mobile et ordinateur.

• Silhouette de voiture, texte blanc et symbole + orange reproduits.

Nouvelle version corrigée

sandbox:/mnt/data/mecano-plus-site-modele-corrige.zip 

sandbox:/mnt/data/pneus-domicile/index.html 

Le parcours de réservation reste intact.

Attention : j'ai corrigé le problème technique identifié, mais je n'ai pas encore vérifié le rendu dans ton navigateur. Si le logo ne s'affiche toujours pas correctement, envoie-moi une capture du résultat sur le site : je pourrai corriger précisément le défaut visible.

J'ai identifié le problème : l'aperçu HTML ne chargeait pas correctement les images externes du dossier assets. C'est pourquoi tu ne voyais pas les changements.

J'ai corrigé la structure :

• Logo : ton PNG transparent original, sur un en-tête foncé pour qu'il soit visible.

• Photo d'accueil : image de changement de roue, recadrée depuis ta publicité.

• Images intégrées directement au HTML : plus besoin de charger des fichiers séparés pour l'aperçu.

• Réservation : parcours interactif conservé.

Teste cette nouvelle version

Ouvrir le site MÉCANO+ corrigé 

sandbox:/mnt/data/mecano-plus-site-autonome-corrige.zip 

Important : ouvre le nouveau lien ci-dessus, pas l'ancien aperçu déjà ouvert. Si tu as déjà publié sur Netlify, il faudra également remplacer l'ancienne version.

Le calendrier et le paiement restent simulés jusqu'à leur connexion réelle.