);
}
function Eyebrow({ children, tone, light }) {
const color = light ? 'var(--okg-terra-on-dark)' : (tone === 'terra' ? 'var(--okg-terra-600)' : 'var(--text-muted)');
return
{children}
;
}
/* Появление блоков сделано на CSS-анимации (класс .okg-rev).
Базовое состояние — ВИДИМОЕ, поэтому контент никогда не может
«зависнуть» невидимым — ни без JS, ни без IntersectionObserver. */
function SectionHead({ eyebrow, title, sub, center, light, style }) {
return (
{eyebrow && {eyebrow}}
{title}
{sub &&
{sub}
}
);
}
/* Reveal — тот же принцип: видим по умолчанию, CSS добавляет плавность. */
function Reveal({ children, delay = 0, style, as = 'div' }) {
const Tag = as;
return {children};
}
/* Spotlight: track cursor position as CSS vars on the hovered card */
function spotMove(e) {
const el = e.currentTarget, r = el.getBoundingClientRect();
el.style.setProperty('--mx', (e.clientX - r.left) + 'px');
el.style.setProperty('--my', (e.clientY - r.top) + 'px');
}
// Лид-форма → e-mail через FormSubmit.co (без бэкенда).
// ВАЖНО: работает только на размещённом сайте (не с file://). При самой
// первой отправке FormSubmit пришлёт на почту письмо-подтверждение — надо
// один раз перейти по ссылке в нём, дальше все заявки будут приходить сразу.
const OKG_LEAD_EMAIL = 'oknavkotedj@mail.ru';
const OKG_THANKS_URL = 'spasibo.html';
async function okgSendLead(formEl, extra) {
const fd = new FormData(formEl);
if (extra) Object.keys(extra).forEach((k) => fd.append(k, extra[k]));
fd.append('_subject', 'Новая заявка с сайта — Окна в коттедж');
fd.append('_template', 'table');
fd.append('_captcha', 'false');
let ok = false;
try {
await fetch('https://formsubmit.co/ajax/' + OKG_LEAD_EMAIL, {
method: 'POST',
headers: { Accept: 'application/json' },
body: fd,
});
ok = true;
} catch (e) { ok = false; }
// Переход на страницу «Спасибо». Работает при размещении на хостинге;
// если файла рядом нет (превью, автономная сборка), остаётся встроенный
// экран благодарности внутри формы — заявка в любом случае не теряется.
try {
if (location.protocol === 'http:' || location.protocol === 'https:') {
setTimeout(() => { location.href = OKG_THANKS_URL; }, 350);
}
} catch (e) {}
return ok;
}
function CookieBanner() {
const KEY = 'okg-cookie-consent';
const [show, setShow] = useState(() => { try { return !['accepted', 'necessary'].includes(localStorage.getItem(KEY)); } catch (e) { return true; } });
useEffect(() => { const open = () => setShow(true); window.addEventListener('okg:cookie', open); return () => window.removeEventListener('okg:cookie', open); }, []);
if (!show) return null;
const decide = (v) => {
let prev = null;
try { prev = localStorage.getItem(KEY); localStorage.setItem(KEY, v); } catch (e) {}
setShow(false);
if (v === 'accepted') { window.okgLoadMetrika && window.okgLoadMetrika(); return; }
document.cookie.split(';').map(c => c.split('=')[0].trim()).filter(n => /^_ym/.test(n)).forEach(n => {
[location.hostname, '.' + location.hostname.replace(/^www\./, '')].forEach(d => { document.cookie = n + '=; Max-Age=0; path=/; domain=' + d; });
document.cookie = n + '=; Max-Age=0; path=/';
});
if (prev === 'accepted' || window.__okgYm) location.reload();
};
return (
Мы используем необходимые cookie для работы сайта. С вашего согласия также подключим Яндекс.Метрику (ООО «ЯНДЕКС») — она собирает обезличенную статистику посещений и звонков. Подробнее — в политике cookie.