Preview
Mega-Menu
Standalone-Preview der neuen Navigation. Hier wird nichts an der bestehenden Top-Nav ausgetauscht — sobald die Variante hier freigegeben ist, wandert sie in die echte Layout-Struktur.
Desktop
- Hover über Top-Items mit Children → Panel öffnet (120 ms Intent)
- Wechsel zwischen Panels: Container morpht mit (Height-Transition)
- Backdrop dimmt die Seite hinter dem Panel
- Mouseout → 150 ms Verzögerung, dann schließt
- Esc / Click ausserhalb / Route-Wechsel schließt alles
Mobile (≤ 991 px)
- Burger öffnet vertikales Vollbild-Menü
- Items mit Children → inline Accordion in der Liste
- Login / Register / Profil unten als Block
- Bildschirm-Resize ↔ Desktop wechselt sauber
Offene Punkte
- Descriptions sind Platzhalter und müssen für SEO / Copy noch finalisiert werden.
- Translations sind in der Preview noch hardcoded English — vor dem Live-Schalten in
/i18n/pages/navigation.tsauslagern.
Test-Liste
- Hover „(ATC-)Training" → 3 Spalten: Core training / Exercises / Knowledge (colored)
- Hover „Discover" → 2 Spalten: People & schools / Reference data (colored)
- Klick „B2B", „Pricing" oder „FAQ" → direkter Link, kein Panel
- Hover wechseln zwischen Training ↔ Discover → smoother Height-Morph
- Scroll runter → Nav fährt nach oben raus; 1 px hochscrollen → kommt sofort zurück
- Bei offenem Panel: Seite ist leicht abgedunkelt (Fokus aufs Menü)
- Window auf
≤ 991 pxschrumpfen → Burger erscheint, Hover deaktiviert - Burger → Vollbild-Menü; Click auf Top-Item mit Children → Accordion auf
- Login / Register sichtbar wenn ausgeloggt, Profile-Dropper wenn eingeloggt
- Toggle „Preview as" unten rechts → wechselt zwischen Guest und Logged-in:
- Logged-in: B2B + Pricing oben verschwinden, Profile-Dropper rechts statt Login/Register
- Logged-in: Training-Children routen auf
/home/school/…statt/features#…(Wiki/Blog gleich für beide) - Logo verlinkt zu
/homestatt/