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/