Preview as

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.ts auslagern.

Test-Liste

  1. Hover „(ATC-)Training" → 3 Spalten: Core training / Exercises / Knowledge (colored)
  2. Hover „Discover" → 2 Spalten: People & schools / Reference data (colored)
  3. Klick „B2B", „Pricing" oder „FAQ" → direkter Link, kein Panel
  4. Hover wechseln zwischen Training ↔ Discover → smoother Height-Morph
  5. Scroll runter → Nav fährt nach oben raus; 1 px hochscrollen → kommt sofort zurück
  6. Bei offenem Panel: Seite ist leicht abgedunkelt (Fokus aufs Menü)
  7. Window auf ≤ 991 px schrumpfen → Burger erscheint, Hover deaktiviert
  8. Burger → Vollbild-Menü; Click auf Top-Item mit Children → Accordion auf
  9. Login / Register sichtbar wenn ausgeloggt, Profile-Dropper wenn eingeloggt
  10. 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 /home statt /