/* Shared UI primitives, icons, and reveal-on-scroll hook */
const { useState, useEffect, useRef, useMemo } = React;
/* ---------- Icons (line icons, premium feel) ---------- */
const Icon = ({ name, size = 22, stroke = 1.6 }) => {
const props = {
width: size, height: size, viewBox: "0 0 24 24",
fill: "none", stroke: "currentColor", strokeWidth: stroke,
strokeLinecap: "round", strokeLinejoin: "round",
};
const paths = {
flag: <>,
factory: <>,
truck: <>,
building: <>,
sliders: <>,
headset: <>,
star: ,
starFilled: ,
starOfDavid: <>,
check: ,
arrow: <>,
arrowL: <>,
phone: ,
whatsapp: ,
mail: <>,
pin: <>,
clock: <>,
shield: ,
award: <>,
users: <>,
spark: ,
edit: <>,
package: <>,
chat: ,
chevron: ,
chevronD: ,
menu: ,
x: ,
fb: ,
ig: <>,
yt: <>,
linkedin: <>,
};
return ;
};
/* ---------- Reveal on scroll ---------- */
function useReveal() {
useEffect(() => {
if (!('IntersectionObserver' in window)) return;
document.documentElement.classList.add('js-reveal');
const els = document.querySelectorAll('.reveal');
const io = new IntersectionObserver((entries) => {
entries.forEach(e => {
if (e.isIntersecting) {
e.target.classList.add('in');
io.unobserve(e.target);
}
});
}, { threshold: 0.05, rootMargin: '40px' });
els.forEach(el => io.observe(el));
// Safety: force visible after 1.2s no matter what
const t = setTimeout(() => {
document.querySelectorAll('.reveal:not(.in)').forEach(el => el.classList.add('in'));
}, 1200);
return () => { io.disconnect(); clearTimeout(t); };
}, []);
}
/* ---------- Logo (full lockup — overridden by layout.jsx CMS-aware version) ---------- */
const Logo = () => {
const _g = window.__CMS__?.content;
const name = _g?.general?.companyName || 'א. רובין דגלים';
const tagline = _g?.general?.companyTagline || 'ייצור ומיתוג דגלים';
const logoUrl = _g?.general?.logoUrl || null;
return (
{logoUrl
? 
: }
{name}
{tagline}
);
};
/* ---------- Stars ---------- */
const Stars = ({ count = 5 }) => (
{Array.from({ length: count }).map((_, i) => )}
);
Object.assign(window, { Icon, useReveal, Logo, Stars });