Navbar component

Barra de navegación fija con glassmorphism en scroll, hamburger menu en mobile y tracking de sección activa via IntersectionObserver.

import { Navbar } from 'jp-astro-components';

Features

• ✦ Posición fija en la parte superior
• ✦ Glassmorphism al hacer scroll (backdrop-blur)
• ✦ Hamburger menu en mobile (<768px)
• ✦ Active link tracking via IntersectionObserver
• ✦ Logo configurable con enlace personalizable
• ✦ Estilos scoped — sin dependencias CSS externas

Uso

---
import { Navbar } from 'jp-astro-components';

const links = [
  { label: 'Inicio', href: '#hero' },
  { label: 'Proyectos', href: '#projects' },
  { label: 'Contacto', href: '#contact' },
];
---

<Navbar
  links={links}
  logo="Mi sitio"
  logoHref="/"
  sticky={true}
/>

Props