feat: navbar responsive avec menu hamburger mobile

- Création composant MobileMenu.jsx avec React
- Menu slide-in depuis la droite
- Animation hamburger vers X
- Overlay semi-transparent
- Navigation desktop/mobile adaptative
- Design minimal et élégant
This commit is contained in:
2025-12-08 21:34:32 +00:00
parent 4d1ed1e515
commit 9a64abff76
2 changed files with 107 additions and 1 deletions

View File

@@ -1,4 +1,6 @@
---
import MobileMenu from "./MobileMenu.jsx";
const currentPath = Astro.url.pathname;
---
@@ -12,7 +14,8 @@ const currentPath = Astro.url.pathname;
Starter Kit
</a>
<div class="flex gap-8">
{/* Desktop Navigation */}
<div class="hidden md:flex gap-8">
<a
href="/"
class:list={[
@@ -47,6 +50,9 @@ const currentPath = Astro.url.pathname;
Contact
</a>
</div>
{/* Mobile Menu */}
<MobileMenu currentPath={currentPath} client:load />
</div>
</div>
</nav>