WaterBaby Serres — École de Natation pour Bébés & Enfants

WaterBaby Serres accueille des bébés dès quatre mois et des enfants jusqu'à dix ans, dans une piscine intérieure chauffée de l'Elpida Resort. Le site devait s'adresser d'abord aux parents grecs, ensuite aux visiteurs anglophones, sans devenir deux sites. Chaque texte visible est donc écrit deux fois dans le même fichier et le sélecteur ne fait que masquer l'un des deux : une URL par page, aucun rechargement, aucun fetch, aucun second jeu de pages à maintenir, et le grec se lit intégralement sans JavaScript. Six pages portent l'ensemble — accueil, à propos, les deux programmes, galerie et contact — avec les quatre niveaux enfants du débutant à l'avancé, le matériel et les documents nécessaires aux parents, et une FAQ. GSAP et ScrollTrigger sont hébergés localement plutôt que sur un CDN, et chaque animation est additive : rien n'est pré-masqué en CSS, donc un script en échec laisse une page complète et non une page blanche. L'animation d'arrivée fait descendre une vague une fois par session et se retire d'elle-même via des keyframes CSS : elle ne peut pas enfermer un visiteur derrière un calque, même si tout le JavaScript meurt. Les données structurées couvrent les cours, la FAQ, la galerie et le fil d'Ariane ; un llms.txt énonce les faits vérifiés pour les assistants IA et les tests l'arriment aux pages, pour que les deux ne divergent pas. Vingt et un tests Node tiennent l'ensemble — structure des pages, textes grecs, redirections, propriétés de sûreté du loader et contraste WCAG sur chaque surface orange.