// ============================================================ // BVS โ€” Legal pages (Privacy Policy + Terms of Service) // Site design language (Helvetica Neue, brand tokens) rendered // over the node-network background that darkens as you scroll. // Content data lives in legal-data.js (window.BVS_LEGAL). // ============================================================ const { useState: useLegalState, useEffect: useLegalEffect, useRef: useLegalRef } = React; // Background gradient that spans the full scroll height โ†’ darkens downward. const LEGAL_GRADIENT = 'linear-gradient(180deg,#0c1fd0 0%,#0017DB 20%,#0a1566 50%,#050b30 76%,#01030f 100%)'; const PERIWINKLE = '#9DB0FF'; // ---- node-network canvas (drifting nodes + proximity links + cursor pull) ---- function NodeNet() { const ref = useLegalRef(null); useLegalEffect(() => { const canvas = ref.current; if (!canvas || !canvas.getContext) return; const reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches; const ctx = canvas.getContext('2d'); let w = 0, h = 0, dpr = 1, nodes = [], raf = 0; const mouse = { x: -9999, y: -9999 }; const build = () => { dpr = Math.min(2, window.devicePixelRatio || 1); w = canvas.width = Math.floor(window.innerWidth * dpr); h = canvas.height = Math.floor(window.innerHeight * dpr); canvas.style.width = window.innerWidth + 'px'; canvas.style.height = window.innerHeight + 'px'; const count = Math.max(22, Math.min(58, Math.round(window.innerWidth * window.innerHeight / 23000))); nodes = []; for (let i = 0; i < count; i++) { nodes.push({ x: Math.random() * w, y: Math.random() * h, vx: (Math.random() - 0.5) * 0.22 * dpr, vy: (Math.random() - 0.5) * 0.22 * dpr, mint: Math.random() < 0.16, }); } }; const drawFrame = () => { const dist = 150 * dpr; ctx.clearRect(0, 0, w, h); for (let i = 0; i < nodes.length; i++) { const n = nodes[i]; n.x += n.vx; n.y += n.vy; if (n.x < 0 || n.x > w) n.vx *= -1; if (n.y < 0 || n.y > h) n.vy *= -1; } for (let i = 0; i < nodes.length; i++) { for (let j = i + 1; j < nodes.length; j++) { const a = nodes[i], b = nodes[j]; const dx = a.x - b.x, dy = a.y - b.y; const d = Math.sqrt(dx * dx + dy * dy); if (d < dist) { const al = (1 - d / dist) * 0.16; ctx.strokeStyle = 'rgba(150,178,255,' + al + ')'; ctx.lineWidth = 1 * dpr; ctx.beginPath(); ctx.moveTo(a.x, a.y); ctx.lineTo(b.x, b.y); ctx.stroke(); } } } if (mouse.x > 0) { const mx = mouse.x * dpr, my = mouse.y * dpr, md = 190 * dpr; for (const n of nodes) { const dx = n.x - mx, dy = n.y - my; const d = Math.sqrt(dx * dx + dy * dy); if (d < md) { const al = (1 - d / md) * 0.5; ctx.strokeStyle = 'rgba(180,200,255,' + al + ')'; ctx.lineWidth = 1 * dpr; ctx.beginPath(); ctx.moveTo(n.x, n.y); ctx.lineTo(mx, my); ctx.stroke(); } } } for (const n of nodes) { ctx.beginPath(); ctx.arc(n.x, n.y, (n.mint ? 2.0 : 1.4) * dpr, 0, Math.PI * 2); ctx.fillStyle = n.mint ? 'rgba(150,235,160,0.9)' : 'rgba(190,205,255,0.62)'; ctx.fill(); } }; const loop = () => { drawFrame(); raf = requestAnimationFrame(loop); }; build(); const onResize = () => build(); const onMove = (e) => { mouse.x = e.clientX; mouse.y = e.clientY; }; const onLeave = () => { mouse.x = -9999; mouse.y = -9999; }; window.addEventListener('resize', onResize); window.addEventListener('pointermove', onMove, { passive: true }); window.addEventListener('pointerleave', onLeave); if (reduce) drawFrame(); else raf = requestAnimationFrame(loop); return () => { cancelAnimationFrame(raf); window.removeEventListener('resize', onResize); window.removeEventListener('pointermove', onMove); window.removeEventListener('pointerleave', onLeave); }; }, []); return ; } // ---- one numbered legal section ---- function LegalSection({ s }) { const ref = useReveal(); return (
{s.num}

{s.title}

{s.summary && (
In plain language

{s.summary}

)} {s.body.map((b, i) => b.sub ? (

{b.text}

) : (

{b.text}

))}
); } // ---- full legal page (privacy | terms) ---- function LegalPage({ kind, onNav }) { const data = (window.BVS_LEGAL && window.BVS_LEGAL[kind]) || { sections: [], contacts: [], title: '', kicker: '', intro: '', contactLead: '' }; const [progress, setProgress] = useLegalState(0); const [showTop, setShowTop] = useLegalState(false); const total = data.sections.length + 1; // +1 for contact useLegalEffect(() => { const onScroll = () => { const el = document.documentElement; const max = el.scrollHeight - el.clientHeight; setProgress(max > 0 ? Math.min(1, window.scrollY / max) : 0); setShowTop(window.scrollY > 620); }; window.addEventListener('scroll', onScroll, { passive: true }); onScroll(); const r = requestAnimationFrame(() => applyReveal(Array.from(document.querySelectorAll('.reveal:not(.pre)')))); return () => { window.removeEventListener('scroll', onScroll); cancelAnimationFrame(r); }; }, [kind]); return (
{/* HERO */}
{data.kicker}

{data.title}

Effective {data.effectiveDate} {total} Sections

{data.intro}

{/* SECTIONS */}
{data.sections.map((s) => )} {/* CONTACT */}
{String(total).padStart(2, '0')}

Contact Us

{data.contactLead}

{data.contacts.map((c) => (
{c.label}
{c.value}
 ))}
); } const Privacy = ({ onNav }) => ; const Terms = ({ onNav }) => ; Object.assign(window, { Privacy, Terms, LegalPage, NodeNet });