/* ALEROQ wordmark — fixed top nav with blur on scroll.
The mark PNG is a solid-white glyph, so on a light backdrop it must be
inverted to black. `onDark` says whether the logo sits on a dark backdrop
(dark theme, or the transparent nav over the dark hero). When omitted it
follows the page theme — which is what the Footer wants. */
function AleroqLogo({ size = 22, onDark }) {
const theme = window.useTheme();
const dark = onDark === undefined ? theme === 'dark' : onDark;
return (
ALEROQ
);
}
function Nav() {
const { Button } = window.RevvoDesignSystem_a89086;
const Ic = window.Ic;
const [scrolled, setScrolled] = React.useState(false);
const [theme, setTheme] = React.useState(
() => document.documentElement.getAttribute('data-theme') === 'light' ? 'light' : 'dark'
);
React.useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 24);
window.addEventListener('scroll', onScroll);
return () => window.removeEventListener('scroll', onScroll);
}, []);
const toggleTheme = () => {
const next = theme === 'dark' ? 'light' : 'dark';
setTheme(next);
localStorage.setItem('aleroq-theme', next);
if (next === 'light') {
document.documentElement.setAttribute('data-theme', 'light');
} else {
document.documentElement.removeAttribute('data-theme');
}
window.dispatchEvent(new Event('aleroq-themechange'));
};
const isLight = theme === 'light';
const navBg = scrolled
? (isLight ? 'rgba(243,243,247,0.88)' : 'rgba(10,10,10,0.72)')
: 'transparent';
// Nav content follows the theme: the hero (top, transparent nav) and the
// scrolled surface both match the active theme now, so light text on dark
// theme and dark text on light theme is correct throughout.
const onDark = theme === 'dark';
const link = {
fontSize: 14, color: onDark ? 'rgba(255,255,255,0.82)' : 'var(--text-body)',
textDecoration: 'none', fontWeight: 500,
transition: 'color var(--dur-base) var(--ease-out)',
};
const ctlColor = onDark ? 'rgba(255,255,255,0.72)' : 'var(--text-muted)';
const ctlBorder = onDark ? 'rgba(255,255,255,0.22)' : 'var(--border)';
return (
);
}
window.Nav = Nav;
window.AleroqLogo = AleroqLogo;
ALEROQ