// iffs-components.jsx — shared UI: Nav, CTA band, footer, hero, etc. const { useState, useRef, useEffect } = React; function Announce({ copy }) { return (
{copy.pre} · {copy.msg} · {copy.cta} →
); } function Nav({ copy, page, onPage, lang, onLang, emblem }) { const [loginOpen, setLoginOpen] = useState(false); const popRef = useRef(null); useEffect(() => { function onDoc(e){ if (popRef.current && !popRef.current.contains(e.target)) setLoginOpen(false); } if (loginOpen) document.addEventListener('mousedown', onDoc); return () => document.removeEventListener('mousedown', onDoc); }, [loginOpen]); return (
{e.preventDefault(); onPage('home');}}>
{loginOpen && (
{/* Both rows are anchors so the whole row is clickable, not just a phantom hover area. The descriptive paths shown in the copy (iffs.is/{áin}, iffs.is/staff) are brand-pattern explanations — actual clicks resolve via the Cloudflare _redirects rules into the right subdomain (rm.iffs.is for operators, admin.iffs.is for IFFS staff). */}
{lang==='is' ? 'Mínar síður' : 'Operator'}

{lang==='is' ? 'Innskráning fyrir leigutaka og veiðifélög — iffs.is/{áin}' : 'Sign in for leaseholders and clubs — iffs.is/{river}'}
{lang==='is' ? 'Starfsfólk IFFS' : 'IFFS staff'}

{lang==='is' ? 'Starfsmannainnskráning · iffs.is/staff' : 'Staff sign-in · iffs.is/staff'}
)}
); } function SecHead({ data }) { return (
{data.num}

{data.title}

{data.lead}
); } function CTABand({ copy }) { return (
{copy.cta.kicker}

{copy.cta.title[0]}
{copy.cta.title[1]}

{copy.cta.sub}

); } function Footer({ copy, emblem }) { return ( ); } // ─── Hero (used on home) ──────────────────────────────────────────────── function Hero({ copy, emblem, onPage }) { return (
{copy.hero.badge}

{copy.hero.title[0]}
{copy.hero.title[1]}

{copy.hero.sub}

{copy.hero.ctaSub}
{copy.hero.meta.map((m, i) => {m})}
); } function HeroArt({ emblem, stamp }) { return (
{stamp[0]} {stamp[1]}
); } // ─── Values grid ──────────────────────────────────────────────────────── function Values({ copy }) { const icons = ['cal', 'fish', 'doc', 'pin', 'bell', 'crm']; return (
{copy.values.map((v, i) => (
{v.num}

{v.title}

{v.desc}

))}
); } // ─── Product cards (RM + AA preview) ─────────────────────────────────── function ProductCards({ copy, onPage, rmMark, aaMark }) { return (
{copy.products.map((p) => (
{p.id === 'rm' ? : }
{p.kicker}

{p.name}

{p.desc}

    {p.bullets.map(b =>
  • {b}
    • )}
iffs.is/{p.id} {e.preventDefault(); onPage(p.id);}}>{p.link} →
))}
); } // ─── Founder note ────────────────────────────────────────────────────── function Founder({ copy }) { return (
Portrett · Stofnandi · Bakkapyttur 2019
{copy.founder.eyebrow}

{copy.founder.quote}

{copy.founder.paras.map((p, i) =>

{p}

)}
{copy.founder.sigName} {copy.founder.sigRole}
); } // ─── RM Console placeholder (in product card screen) ─────────────────── function RMShot() { return (
iffs.is/laxa-i-kjos · console Vertíð 2026
▦ Yfirlit
◷ Bókanir
⚓ Veiðiskráning
≣ Gestir
⌖ VMST-skýrsla
Bókanir · Júlí ● 14 nýjar
{['', 'M','Þ','M','F','F','L','S'].map((d,i) =>
{d}
)} {[1,2,3,4].map(w => (
v.{w+26}
{Array.from({length:7}).map((_,i) => { const r = (w*3 + i) % 5; const cls = r === 0 ? 'cell b' : r === 2 ? 'cell b2' : 'cell'; const txt = r === 0 ? '2 stangir' : r === 2 ? '4 stangir' : ''; return
{txt}
; })} ))}
); } // ─── AA app placeholder ──────────────────────────────────────────────── function AAShot({ riverName = 'Laxá í Kjós' }) { return (
Áin
{riverName}
● Offline
{/* contour lines */} {[0,1,2,3,4].map(i => ( ))}
Bakkapyttur · Beat 4 VIRK
Vatnsstaða1.18 m
Hiti9.4°C
TillagaSunray Shadow #14
); } Object.assign(window, { Announce, Nav, SecHead, CTABand, Footer, Hero, HeroArt, Values, ProductCards, Founder, RMShot, AAShot, });