# managing-layouts-navigation

> Manages root layout, persistent navbar, and footer. Use when defining the global shell of the application.

- Author: fachoali554@gmail.com
- Repository: itsmeAlee/Tourly2
- Version: 20260201020502
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/itsmeAlee/Tourly2
- Web: https://mule.run/skillshub/@@itsmeAlee/Tourly2~managing-layouts-navigation:20260201020502

---

---
name: managing-layouts-navigation
description: Manages root layout, persistent navbar, and footer. Use when defining the global shell of the application.
---

# Global Layout and Navigation

## When to use this skill
- Editing `layout.tsx`.
- Building responsive navigation.

## Components
- **Navbar**: Sticky top, glassmorphism, dynamic links (Auth state dependent).
- **Mobile Menu**: Hamburger icon, full-screen overlay or slide-out tray.
- **Footer**: Multi-column (destinations, support, social links).

## Instructions
- **Active State**: Highlight current route in the navbar.
- **Responsive**: Ensure the navbar transitions smoothly from desktop links to mobile burger menu.