/* Smooth-scroll helper that accounts for the fixed nav height */
function scrollToSection(id) {
const el = document.getElementById(id);
if (!el) return;
const isMobile = window.matchMedia('(max-width: 767px)').matches;
const navOffset = isMobile ? 84 : 110;
const top = el.getBoundingClientRect().top + window.scrollY - navOffset;
window.scrollTo({ top, behavior: 'smooth' });
}
/* Sticky nav with Apple "liquid glass" effect when scrolled */
function Nav() {
const [scrolled, setScrolled] = React.useState(false);
const isMobile = useIsMobile();
React.useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 80);
window.addEventListener('scroll', onScroll, { passive: true });
onScroll();
return () => window.removeEventListener('scroll', onScroll);
}, []);
return (
<>
{/* Glass base - heavy blur + saturation boost (Apple-style) */}
{/* Inner highlight - top edge glow that liquid glass has */}
{/* Specular highlight sheen - soft moving light */}
{/* Subtle top gradient - liquid surface curvature */}
{/* Content */}
{!isMobile && (
·
קורס AI
חדשני
)}
);
}
window.Nav = Nav;