/* global React */ // heroes.jsx — лого, иконки, шапка и три hero-композиции const Icon = { play: (p) => (), mail: (p) => (), arrow: (p) => (), user: (p) => (), flag: (p) => (), film: (p) => (), doc: (p) => (), mic: (p) => (), chart: (p) => (), target: (p) => (), compass: (p) => (), people: (p) => (), yt: (p) => (), whatsapp: (p) => (), }; // Самодостаточный reveal: React сам владеет классом `in` (через состояние), // поэтому реконсиляция его не стирает. Скролл-триггер + fallback по таймеру. function Reveal({ as = "div", className = "", style, children, delay = 0, ...rest }) { const El = as; const ref = React.useRef(null); const [vis, setVis] = React.useState(false); React.useEffect(() => { if (window.__noMotion) { setVis(true); return; } const el = ref.current; if (!el) return; const check = () => { const r = el.getBoundingClientRect(); if (r.top < window.innerHeight * 0.92 && r.bottom > -40) { setVis(true); return true; } return false; }; if (check()) return; const onScroll = () => { if (check()) cleanup(); }; const onMotion = () => { if (window.__noMotion) { setVis(true); cleanup(); } }; function cleanup() { window.removeEventListener("scroll", onScroll); window.removeEventListener("resize", onScroll); window.removeEventListener("gm:motion", onMotion); } window.addEventListener("scroll", onScroll, { passive: true }); window.addEventListener("resize", onScroll); window.addEventListener("gm:motion", onMotion); const t = setTimeout(check, 450); return () => { cleanup(); clearTimeout(t); }; }, []); return ( {children} ); } function Logo({ size = 40 }) { return ( OLEG GURARI ); } function currentPage() { const f = (window.location.pathname.split("/").pop() || "index.html"); return f === "" ? "index.html" : f; } const NAV = [ ["Обо мне", "about.html"], ["Манифест", "manifesto.html"], ["Видео", "videos.html"], ["Статьи", "blog.html"], ["Галерея", "gallery.html"], ["Выступления", "media.html"], ["Контакты", "contact.html"], ]; const YT = "https://www.youtube.com/@oleg.gurari/videos"; const WA_MSG = "Привет, посмотрел сайт о вас. Давайте созвонимся"; const WA = "https://wa.me/972559235215?text=" + encodeURIComponent(WA_MSG); function Header() { const [open, setOpen] = React.useState(false); const [solid, setSolid] = React.useState(false); React.useEffect(() => { const onScroll = () => setSolid(window.scrollY > 24); onScroll(); window.addEventListener("scroll", onScroll, { passive: true }); return () => window.removeEventListener("scroll", onScroll); }, []); const cur = currentPage(); return (
{Icon.yt({ style: { width: 18, height: 18 } })} YouTube
{NAV.map(([t, h]) => ( setOpen(false)}>{t}))} {Icon.yt({ style: { width: 18, height: 18 } })} Смотреть на YouTube
); } const HERO_EYEBROW = "GURARI MARKETING · ИЗРАИЛЬ"; const HERO_H1 = "Владелец бизнеса — это профессия"; const HERO_LEAD = "38 лет в предпринимательстве. Помогаю владельцам управлять компанией на основе данных, а не мнений — и чувствовать себя счастливыми в своём деле."; function HeroButtons() { return (
{Icon.play({ style: { width: 18, height: 18 } })} Смотреть на YouTube {Icon.whatsapp({ style: { width: 18, height: 18 } })} Написать мне
); } const MINI_STATS = [ ["38", "лет в бизнесе"], ["200+", "выступлений"], ["×50", "рост оборота"], ]; function MiniStats() { return (
{MINI_STATS.map(([n, l]) => (
{n}
{l}
))}
); } // ---- Вариант A: «Раскладка» ---- function HeroSplit({ pRef }) { return (
{HERO_EYEBROW}

{HERO_H1}

{HERO_LEAD}
Олег Гурари
Олег Гурари
Основатель GURARI Marketing
); } // ---- Вариант B: «Силуэт» (вырезанная фигура) ---- function HeroCutout({ pRef }) { return (
{HERO_EYEBROW}

{HERO_H1}

{HERO_LEAD}
Олег Гурари
); } // ---- Вариант C: «Кинокадр» (full-bleed фото) ---- function HeroCinematic({ pRef }) { return (
Олег Гурари
{HERO_EYEBROW}

{HERO_H1}

{HERO_LEAD}
); } function Hero({ variant, pRef }) { if (variant === "cutout") return ; if (variant === "cinematic") return ; return ; } Object.assign(window, { Icon, Reveal, Logo, Header, Hero, NAV, YT, WA, MINI_STATS });