Changelog

Toutes les modifications notables de ce projet sont documentées dans ce fichier.

Le format est basé sur Keep a Changelog,
et ce projet respecte le Versionnage Sémantique.

Prompts archivés

Date	User Story	Fichiers modifiés
2026-04-16	En tant que visiteur du site AutonoMoov, je veux découvrir la solution de jeux vidéo par capture de mouvement via une landing page moderne, accessible (WCAG 2.1 AA), internationalisée (fr/en) et responsive en SvelteKit/Node, inspirée des maquettes Domicile et EHPAD, afin de comprendre les deux offres et de demander une démonstration.	Création initiale de l'ensemble du projet (26 fichiers)
2026-04-17	En tant que visiteur, je veux que les textes des boutons CTA et titres soient affinés (suppression de "Domicile" dans le titre hero, renommage des boutons de démo, ordre et contenu des valeurs réorganisé avec ajout "Stimulation cognitive", texte Features mis à jour).	`fr.json`, `en.json`, `Values.svelte`
2026-04-17	En tant que visiteur, je veux que les tarifs affichent uniquement les informations essentielles sans note italique.	`fr.json`, `en.json`, `Pricing.svelte`
2026-04-17	En tant que visiteur intéressé par AutonoMoov, je veux pouvoir saisir mes coordonnées (email, nom, prénom, téléphone, code postal) depuis n'importe quel bouton CTA afin qu'elles soient enregistrées automatiquement dans un Google Sheet pour qu'un commercial puisse me recontacter.	`src/lib/stores/modal.js`, `src/lib/components/ContactModal.svelte`, `src/routes/api/lead/+server.js`, `docs/google-apps-script.js`, `.env.example`, `fr.json`, `en.json`, `src/routes/+layout.svelte`, `Pricing.svelte`, `CtaSection.svelte`

[0.3.0] - 2026-04-17

Ajouté

Modale de capture de leads – modale accessible en deux étapes :
- Étape 1 : saisie et validation de l'adresse e-mail
- Étape 2 : formulaire complet (prénom, nom, téléphone, code postal) en grille 2 colonnes
- Piège de focus (Tab/Shift+Tab), fermeture par Escape ou clic sur le fond
- État de succès avec message de confirmation
- Soumission vers /api/lead (route SvelteKit server-side)
Route API /api/lead – endpoint serveur qui valide les champs, ajoute date/heure et transmet les données au webhook Google Apps Script
Google Apps Script – code prêt à déployer (docs/google-apps-script.js) pour écrire les leads dans Google Sheets
Store Svelte modal.js – state management centralisé (modalOpen, modalCtaLabel, openModal, closeModal)
Traductions modale – clés modal.* ajoutées dans fr.json et en.json

Modifié

Valeurs (domicile) – réorganisation en deux rangées : 4 valeurs (Bien-être, Forme physique, Lien social, Stimulation cognitive) + 3 valeurs (Confiance, Confidentialité, Rester connecté) ; ajout de "Stimulation cognitive"
Section Features – texte "Découvrez vos jeux" mis à jour : "Tout en un : Jouez sur votre ordinateur ou sur notre console."
Tarifs – suppression de la note italique (pricing.domicile.free.note) ; nouvelles clés de plans (free, liberty, alacarte, r30, r70, r90) ; section matériel ajoutée
Boutons CTA – Choisir Liberté, Commander la console, Nous contacter ouvrent désormais la modale de capture au lieu de liens mailto
Titres – suppression de "Domicile" dans le titre hero et le bouton secondaire
Textes boutons – "Planifier une démo chez vous !" et "Planifier une démo à l'EHPAD"

[0.1.0] - 2026-04-16

Ajouté

Landing page SvelteKit – architecture complète avec deux modes : Domicile et EHPAD sur routes séparées (/ et /ehpad)
Navigation – barre fixe responsive avec :
- Commutateur de mode Domicile / EHPAD (liens <a> avec aria-current)
- Sélecteur de langue FR / EN
- Menu hamburger mobile avec gestion aria-expanded et fermeture au clavier (Escape)
- Lien "skip to main" accessible
Section Hero – gradient de couleur selon le mode, illustrations SVG inline décrivant les deux scénarios d'usage, CTAs proéminents
Section Valeurs –
- Domicile : 6 valeurs (Bien-être, Forme physique, Confiance, Confidentialité, Lien social, Rester connecté)
- EHPAD : 3 valeurs (Simplicité, Stimulation, Partage)
Section Fonctionnalités (Domicile) – 3 cartes : Découvrir vos jeux, Suivi personnalisé, Support & Réseau
Section Défi + Solution (EHPAD) – présentation du défi des animateurs + 3 solutions : Matériel Garanti, Formation Simplifiée, Jeux Stimulants
Section Tarifs – 3 offres par mode avec mise en évidence de l'offre recommandée :
- Domicile : Offre Découverte (110 €/an), Abonnement Liberté (25 €/mois), Engagement Zen (19 €/mois)
- EHPAD : PC Tout-en-Un (1 700 €), Abonnement Mensuel (149 €/mois), Engagement Doux (12 mois)
Section CTA – appel à l'action final avec email de contact
Footer – liens de navigation, copyright avec interpolation d'année dynamique
Page /changelog – affichage du présent fichier rendu en HTML via marked
Internationalisation – svelte-i18n avec :
- Détection automatique de la langue du navigateur
- Fichiers de traduction fr.json et en.json complets
- Mise à jour dynamique de l'attribut lang sur <html>
Accessibilité WCAG 2.1 AA :
- Lien "Aller au contenu principal" (skip-link)
- Attributs aria-label, aria-current, aria-expanded, aria-hidden sur tous les éléments interactifs
- Contrastes de couleurs conformes (4.5:1 minimum pour le texte normal)
- Focus visible sur tous les éléments interactifs (outline 3px)
- Cibles de toucher ≥ 48×48px
- prefers-reduced-motion respecté (animations désactivées)
- Balises sémantiques : <header>, <nav>, <main>, <footer>, <section>, <article>
- Icônes SVG avec aria-hidden="true" et focusable="false"
- Textes alternatifs descriptifs pour les illustrations
Design responsive mobile-first – breakpoints à 480px, 640px, 768px, 1024px
Tests unitaires avec Vitest :
- tests/i18n.test.js : 12 tests couvrant le chargement des traductions, l'interpolation, les cas nominaux et les deux langues
- tests/navigation.test.js : 10 tests couvrant la structure de données, le changement de langue, et le contenu par mode
Favicon SVG AutonoMoov

Infrastructure

SvelteKit 2.x avec @sveltejs/adapter-node
Svelte 4.x
Vite 5.x
svelte-i18n 4.x pour l'internationalisation
marked 12.x pour le rendu Markdown
Vitest 1.x + @testing-library/svelte pour les tests