// NAJDA NFC Activation — scenes 3–6 const { useEffect, useState, useRef, useMemo } = React; const { Chapter, HorizonWaves, StarField, StatusBar, Wordmark, AdvanceHint, COLORS } = window; // ──────────────────────────────────────────────────────────────────────────── // Scene 3 — Critical vitals // ──────────────────────────────────────────────────────────────────────────── window.SceneVitals = function SceneVitals({ onAdvance }) { const [hr, setHr] = useState(142); const [spo, setSpo] = useState(86); const [temp, setTemp] = useState(35.1); useEffect(() => { const t = setInterval(() => { setHr(h => Math.max(128, Math.min(158, h + (Math.random() * 8 - 4) | 0))); setSpo(s => Math.max(82, Math.min(91, s + (Math.random() * 2 - 1) | 0))); setTemp(t => +(Math.max(34.6, Math.min(35.6, t + (Math.random() * 0.2 - 0.1)))).toFixed(1)); }, 900); return () => clearInterval(t); }, []); // EKG path generated once; the strip is animated via CSS translate const ekg = useMemo(() => { let d = 'M 0 30'; for (let x = 10; x < 800; x += 40) { // baseline jitter d += ` L ${x} ${30 + (Math.random() * 2 - 1)}`; // QRS spike d += ` L ${x + 4} 18 L ${x + 8} 46 L ${x + 12} 24 L ${x + 16} 30`; } return d; }, []); return (
{/* Pulse halo behind everything */}
{/* Big BPM */}
{hr}
bpm
Critical
Live
{/* EKG strip */}
{/* gridlines */}
{/* fade right edge */}
{/* Vital tiles */}
{/* Bottom hero copy */}

The body is telling a story no one can hear.

); }; function VitalTile({ label, value, unit, warn, alert, muted }) { const c = alert ? COLORS.sos : warn ? COLORS.amber : muted ? COLORS.muted : COLORS.white; return (
{label}
{value} {unit && {unit}}
); } // ──────────────────────────────────────────────────────────────────────────── // Scene 4 — Emergency signal detected // ──────────────────────────────────────────────────────────────────────────── window.SceneSignal = function SceneSignal({ onAdvance }) { return (
{/* Concentric pulse rings + center node */}
{[0, 1, 2, 3].map(i => (
))} {/* satellite arc */} {/* satellite marker on outer ring */}
{/* center bright pulse */}
{/* Telemetry strip */}
SOS · Acknowledged 0.4s

NAJDA hears everything the sea won't say.

{/* Bottom telemetry rows */}
); }; function TelemetryRow({ k, v }) { return (
{k} {v}
); } // ──────────────────────────────────────────────────────────────────────────── // Scene 5 — GPS lock + Rescue dashboard // ──────────────────────────────────────────────────────────────────────────── window.SceneRescue = function SceneRescue({ onAdvance }) { const [eta, setEta] = useState(18 * 60); // 18:00 useEffect(() => { const t = setInterval(() => setEta(e => Math.max(0, e - 1)), 1000); return () => clearInterval(t); }, []); const m = String(Math.floor(eta / 60)).padStart(2, '0'); const s = String(eta % 60).padStart(2, '0'); return (
{/* MAP CARD */}
{/* lat/lon grid */} {/* coastline */} {/* dashed rescue path */} {/* rescue boat */} {/* GPS dot */}
{[0,1,2].map(i => (
))}
25.0741° N
55.1372° E
{/* corner overlays */}
Live · Mission #4019
Locked
ARABIAN GULF · ZONE-7
{/* ETA strip */}
{/* Activity log */}
); }; function Stat({ label, value, accent = COLORS.white }) { return (
{label}
{value}
); } function LogRow({ t, txt, color }) { return (
{t} {txt}
); } // ──────────────────────────────────────────────────────────────────────────── // Scene 6 — Final CTA // ──────────────────────────────────────────────────────────────────────────── window.SceneFinal = function SceneFinal({ onRestart }) { return (
{/* Soft amber sunrise behind */}
{/* Brand */}
{/* Hero copy */}
Mission Resolved

We turn
data into
rescue.

Your card is live. Every wave we hear, every heartbeat we listen to — yours, now too.
{/* CTAs */}
Card · NJD-7841 · Activated 23:47
); };