Components · Web
Navbar
Site top bar with brand, navigation, theme and mobile menu.
Web · Astro · macromath_web
Navigation bar fixed at the top of the site. It holds the brand (logo + wordmark), the section links, the theme button (light/dark) and, on small screens, a hamburger menu.
Links
| Link | Target | i18n key |
|---|---|---|
| Features | /#features | nav.features |
| How it works | /#how | nav.how |
| Pricing | /#pricing | nav.pricing |
| FAQ | /#faq | nav.faq |
| Manage subscription | /conta | nav.manage |
| Download | /#download | nav.download |
Behavior
- Theme toggle — button with sun/moon icons (
data-theme-toggle). - Mobile menu — the hamburger (
#burger) opens#mobile-menu. - Sticky — the bar (
#nav) stays fixed on scroll.
Usage
---
import Navbar from '../components/layout/Navbar.astro';
---
<Navbar />No props — the content comes from the i18n dictionary.