Site vitrine serrurier

Prototype statique en HTML, CSS et JavaScript vanilla pour un serrurier. Le projet fonctionne sans backend et reste compatible avec une publication simple sur GitHub Pages.

Structure

.
├── index.html
├── mentions-legales.html
├── politique-confidentialite.html
├── css/
│   └── style.css
├── js/
│   └── script.js
└── README.md

Contenu inclus

Header responsive avec menu desktop et menu burger mobile
Hero avec appels à l’action
Services
À propos
Zone d’intervention avec carte Google Maps intégrée
Réseaux sociaux
Réservation de créneau avec disponibilités dynamiques
Contact
Footer complet
Mentions légales et politique de confidentialité
SEO de base avec title, meta description et JSON-LD LocalBusiness

Fonctionnement des formulaires

Le formulaire de contact n’envoie aucun email.
Le formulaire de réservation ne crée aucune vraie réservation.
Les deux formulaires affichent un message de confirmation côté navigateur.
Les données peuvent être stockées localement dans le navigateur via localStorage.

Personnalisation rapide

Des commentaires sont déjà placés dans le code pour vous guider.

Dans `index.html`

Remplacer le nom de l’entreprise, le slogan, le téléphone, l’email et l’adresse.
Mettre à jour les textes fictifs des sections.
Changer les liens des réseaux sociaux.
Remplacer la carte Google Maps embarquée par la vraie zone d’intervention.
Adapter les données structurées JSON-LD avec les vraies informations du client.

Dans `css/style.css`

Ajuster les variables CSS dans :root pour coller à la charte graphique du client.
Modifier les rayons, ombres et espacements si besoin.

Dans `js/script.js`

Mettre à jour weekdayAvailability pour les disponibilités réelles.
Ajouter des dates complètes dans fullyBookedDates si nécessaire.
Changer les clés localStorage si vous voulez isoler plusieurs prototypes.

Lancer le projet en local

Ouvrir simplement index.html dans un navigateur.

Si vous préférez un serveur local :

python3 -m http.server

Puis ouvrir http://127.0.0.1:8000/.

Publication sur GitHub Pages

Pousser le dépôt sur GitHub.
Activer GitHub Pages sur la branche souhaitée.
Choisir la racine du projet comme dossier publié.

Le site ne dépend d’aucun backend et peut donc être hébergé tel quel.

Documentation — Template site vitrine serrurier