function Logo({ size = 28, href = './' }) { // Инлайн-SVG (не ): iOS Safari мылит SVG-картинки внутри sticky/ // composited-родителя — векторная разметка в DOM растрится в полном DPR. return ( ); } function NavBar() { const [scrolled, setScrolled] = React.useState(false); const [loginOpen, setLoginOpen] = React.useState(false); const [menuOpen, setMenuOpen] = React.useState(false); const [isMobile, setIsMobile] = React.useState( typeof window !== 'undefined' && window.matchMedia('(max-width: 860px)').matches ); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 12); window.addEventListener('scroll', onScroll); return () => window.removeEventListener('scroll', onScroll); }, []); React.useEffect(() => { const mq = window.matchMedia('(max-width: 860px)'); const handler = (e) => setIsMobile(e.matches); mq.addEventListener ? mq.addEventListener('change', handler) : mq.addListener(handler); return () => { mq.removeEventListener ? mq.removeEventListener('change', handler) : mq.removeListener(handler); }; }, []); React.useEffect(() => { if (!menuOpen) return; const onKey = (e) => { if (e.key === 'Escape') setMenuOpen(false); }; window.addEventListener('keydown', onKey); document.body.style.overflow = 'hidden'; return () => { window.removeEventListener('keydown', onKey); document.body.style.overflow = ''; }; }, [menuOpen]); const items = [ { label: 'Возможности', href: '#features' }, { label: 'Интеграции', href: '#integrations' }, { label: 'Карта пути', href: '#journey' }, { label: 'Цены', href: 'pricing/' }, { label: 'Контакты', href: '#contact' }, ]; const openLogin = () => { setMenuOpen(false); setLoginOpen(true); }; return (

{!isMobile && ( )}

{/* Mobile menu drawer */} {menuOpen && (

setMenuOpen(false)} >

)} {window.LoginModal && setLoginOpen(false)} />} ); } window.NavBar = NavBar; window.Logo = Logo;