/* useReveal — adds .in to elements once they intersect */ function useReveal() { React.useEffect(() => { const els = document.querySelectorAll('.reveal'); const io = new IntersectionObserver((entries) => { for (const e of entries) { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } } }, { threshold: 0.15 }); els.forEach(el => io.observe(el)); return () => io.disconnect(); }, []); } /* SECTION A — Paradigm Shift (problem) Animated graphic visualization: building silhouette toggles between "Code-police" state (mutilated, blocked, slow) and "Beigman" state (preserved, light, fast). Auto-cycles in view; click bar to control. */ function ParadigmShift() { const [mode, setMode] = React.useState(0); // 0 = traditional, 1 = beigman const [auto, setAuto] = React.useState(true); const [inView, setInView] = React.useState(false); const ref = React.useRef(null); React.useEffect(() => { if (!ref.current) return; const io = new IntersectionObserver(([e]) => setInView(e.isIntersecting), { threshold: 0.4 }); io.observe(ref.current); return () => io.disconnect(); }, []); React.useEffect(() => { if (!auto || !inView) return; const id = setInterval(() => setMode((m) => 1 - m), 4200); return () => clearInterval(id); }, [auto, inView]); const isB = mode === 1; return (
{/* Header */}
02  —  THE APPROACH

From compliance roadblock
to strategic project partner.

We believe fire engineering should do more than satisfy minimum requirements. It should protect design intent, support commercial outcomes and help projects move forward.

Compliance is the baseline. Project value is the objective.

{/* The animated graphic */}
{/* Toggle bar */}
{/* sliding indicator */}
{/* Stage */}
{/* Animated diagram */}
{/* play/pause */}
{/* Animated stats column */}
); } /* Animated SVG: code-police vs Beigman */ function ParadigmDiagram({ mode }) { const isB = mode === 1; return ( ); } /* Animated metric panel that swaps between modes */ const PARADIGM_METRICS = [ // traditional [ { k: 'NLA outcome', v: '−12%', neg: true, note: 'Lost to corridor / shaft inflation' }, { k: 'Façade', v: 'Blind walls', neg: true, note: 'Spandrel mandated where glass specified' }, { k: 'Approval', v: '14–22 wks', neg: true, note: 'Multiple RFIs · re-submissions' }, { k: 'Design intent', v: 'Compromised', neg: true, note: 'Architecture traded for compliance' }, ], // beigman [ { k: 'NLA outcome', v: '+15%', neg: false, note: 'Recovered through fire & egress modelling' }, { k: 'Façade', v: 'Glass intact', neg: false, note: 'CFD-validated radiation analysis' }, { k: 'Approval', v: '3–5 wks', neg: false, note: 'Pre-aligned authority engagement' }, { k: 'Design intent', v: '100% preserved',neg: false, note: 'Original vision delivered' }, ], ]; function ParadigmMetrics({ mode }) { const data = PARADIGM_METRICS[mode]; const isB = mode === 1; return (
VALUE PROPOSITION · MEASURED
{isB ? 'WITH BEIGMAN — STRATEGIC PARTNER' : 'WITHOUT BEIGMAN — COMPLIANCE ROADBLOCK'}
); } function Stat({ n, label }) { return (
{n}
{label}
); } /* SECTION C — Core Pillars */ const PILLAR_ICONS = { perf: ( ), comp: ( ), nla: ( ), reg: ( ), feas: ( ), }; function Pillars() { const items = [ { key: "perf", num: "01", title: "Performance-Based Fire Engineering", lead: "Performance solutions that protect better design outcomes.", body: "We develop fire engineering strategies that move beyond rigid Deemed-to-Satisfy pathways, helping complex buildings achieve compliance without unnecessary design compromise.", }, { key: "comp", num: "02", title: "Computational Modelling", lead: "Evidence built from modelling, not assumption.", body: "We use computational analysis to test scenarios, support technical arguments and give project teams stronger evidence for approval discussions.", }, { key: "nla", num: "03", title: "NLA & Spatial Value Optimisation", lead: "Find commercial value hidden in the floorplate.", body: "We review fire strategy, stairs, corridors and spatial constraints to identify where conservative assumptions may be reducing usable or lettable area.", }, { key: "reg", num: "04", title: "Regulatory Strategy & Representation", lead: "Technical support when approval conversations become difficult.", body: "We help project teams prepare, explain and defend performance-based strategies with Building Surveyors and relevant stakeholders.", }, { key: "feas", num: "05", title: "Day-Zero Feasibility Review", lead: "Know what is possible before the project slows down.", body: "Our early-stage review helps identify approval risks, design constraints and potential value opportunities before major documentation decisions are locked in.", }, ]; return (
CORE PILLARS

Performance engineering, computational evidence
and regulatory strategy.

Five capabilities — calibrated to the design, approval and commercial pressures of your scheme.

{items.map((it, i) => (
{/* copper top rule — grows from left on hover */}
))}
); } /* SECTION D — Trust */ function Trust() { const quotes = [ { quote: "[ Quote here ]", name: "[ Name ]", role: "Developer" }, { quote: "[ Quote here ]", name: "[ Name ]", role: "Architect" }, { quote: "[ Quote here ]", name: "[ Name ]", role: "Project Manager" }, ]; return (
05  —  TRUST

The people we work for keep coming back.

{quotes.map((q, i) => (
"{q.quote}"
{q.name}
{q.role}
))}
); } Object.assign(window, { useReveal, ParadigmShift, Pillars, Trust });