WaterBaby Serres — Schwimmschule für Babys & Kinder

WaterBaby Serres unterrichtet Babys ab vier Monaten und Kinder bis zehn Jahre in einem beheizten Hallenbad im Elpida Resort. Die Website sollte zuerst griechische Eltern ansprechen und erst danach englischsprachige Besucher, ohne zu zwei Websites zu werden. Deshalb steht jeder sichtbare Text zweimal in derselben Datei, und der Umschalter blendet nur eine der beiden aus: eine URL pro Seite, kein Neuladen, kein Fetch, kein zweiter Seitensatz zum Pflegen — und das Griechische liest sich auch ohne JavaScript vollständig. Sechs Seiten tragen das Ganze — Start, Über uns, die beiden Programme, Galerie und Kontakt — mit den vier Kinderstufen vom Anfänger bis zum Fortgeschrittenen, der Ausrüstung und den Unterlagen, die Eltern brauchen, und einem FAQ. GSAP und ScrollTrigger liegen lokal statt auf einem CDN, und jede Animation ist additiv: nichts wird per CSS vorab versteckt, ein fehlgeschlagenes Skript hinterlässt also eine vollständige Seite statt einer leeren. Die Ankunftsanimation der Startseite lässt einmal pro Sitzung eine Welle durch das Viewport ablaufen und räumt sich über CSS-Keyframes selbst ab — sie kann niemanden hinter einem Overlay zurücklassen, selbst wenn das JavaScript stirbt. Strukturierte Daten decken Kurse, FAQ, Galerie und Breadcrumbs ab; eine llms.txt nennt die geprüften Fakten für KI-Assistenten und ist durch die Tests an die Seiten gebunden, damit beide nicht auseinanderlaufen. Einundzwanzig Node-Tests halten alles zusammen — Seitenstruktur, griechische Texte, die Weiterleitungs-Stubs, die Sicherheitseigenschaften des Loaders und den WCAG-Kontrast auf jeder orangefarbenen Fläche.