/* global React */ const { useState: useStateLC } = React; /* ============================================================ — five-phase interactive rail. Pick a phase to see what Lithora does at that stage. This is the "Adobe for the mineral lifecycle" frame. ============================================================ */ const PHASES = [ { n: "01", name: "Prospect", short: "Surface what's there.", headline: "Where to look,", headlineEm: "before anyone else.", body: "Train discovery models on a century of jurisdictional history. We project a probability surface across H3 hexes and rank every target, so your geologists spend their week on the right rock, not the wrong region.", features: [ { k: "ML", t: Discovery-trained models per commodity, per craton. }, { k: "ASM", t: Artisanal-mining signal: the oldest reliable cue, ingested live. }, { k: "GEO", t: Geophysics fusion: magnetics, radiometrics, gravity stacked into one surface. }, ], art: "prospect", }, { n: "02", name: "Explore", short: "Confirm in the field.", headline: "From hex to hole", headlineEm: "in one workflow.", body: "Plan campaigns, dispatch crews, and capture drillhole + assay data with offline-first field apps. Everything streams back to the same geo-spatial layer the prospectivity model lives in.", features: [ { k: "FIELD", t: Offline-first capture: drillhole logs, assays, core photos. }, { k: "QA", t: Real-time QA/QC flags duplicate, blank, and standard breaches. }, { k: "3D", t: Block-model preview as data arrives. No more end-of-campaign surprises. }, ], art: "explore", }, { n: "03", name: "Develop", short: "Plan what gets built.", headline: "The pit, the road,", headlineEm: "the plant.", body: "Score every target against terrain, infrastructure, water, and access. Optimize haul routes, processing siting, and capex sequencing, before permits are filed and before contractors are hired.", features: [ { k: "LOG", t: Logistics scoring: terrain, slope, road class, port distance. }, { k: "CAPEX", t: Capex stack-rank across competing targets in your portfolio. }, { k: "WATER", t: Water budgets modelled per scenario, per watershed. }, ], art: "develop", }, { n: "04", name: "Operate", short: "Run the asset.", headline: "Live ground truth", headlineEm: "for every shift.", body: "Operational intelligence on top of the same model. Reconciliation between block model and mill, fleet utilization, grade-control short-interval feedback, and a market overlay for selling decisions.", features: [ { k: "RECON", t: Reconcile mined grade vs. modelled grade, daily. }, { k: "MKT", t: Market overlay: LME tape, freight, FX in the same console. }, { k: "FLT", t: Fleet & energy KPIs alongside geology, not bolted on. }, ], art: "operate", }, { n: "05", name: "Restore", short: "Hand it back.", headline: "Closure is", headlineEm: "a first-class step.", body: "Watershed restoration, biodiversity baselining, and community-impact tracking. Closure plans aren't an afterthought document; they're modelled from day one, against the same hexes and the same data layer.", features: [ { k: "WS", t: Watershed restoration tracked against pre-disturbance baseline. }, { k: "BIO", t: Biodiversity deltas via species-distribution remote sensing. }, { k: "COM", t: Stakeholder ledger: every commitment, every payout, dated. }, ], art: "restore", }, ]; function PhaseArt({ kind }) { // Lightweight inline SVG illustrations — abstract, on-brand, no stock. const W = 480, H = 320; if (kind === "prospect") { // mini hex heatmap const hexes = []; for (let r = 0; r < 7; r++) for (let c = 0; c < 10; c++) { const dx0 = c - 5, dy0 = r - 3; const d = Math.sqrt(dx0*dx0 + dy0*dy0); const v = Math.max(0, 1 - d / 4) * 0.9 + Math.sin(c*1.3+r*0.5)*0.04; const fill = v < 0.2 ? "rgba(125,144,128,0.06)" : v < 0.4 ? "rgba(125,144,128,0.22)" : v < 0.6 ? "rgba(154,147,122,0.45)" : v < 0.8 ? "rgba(200,164,90,0.62)" : "rgba(184,92,74,0.78)"; hexes.push({ c, r, fill }); } const s = 24; const dxh = s * Math.sqrt(3); const dyh = s * 1.5; return ( ); } if (kind === "explore") { // drillhole / borehole illustration const cols = [60, 140, 220, 300, 380]; return ( ); } if (kind === "develop") { // network/route diagram const nodes = [ { x: 80, y: 110, r: 10, l: "Pit" }, { x: 200, y: 60, r: 6, l: "Wp 1" }, { x: 280, y: 130, r: 8, l: "Plant" }, { x: 380, y: 80, r: 6, l: "Wp 2" }, { x: 420, y: 220, r: 12, l: "Port" }, { x: 140, y: 220, r: 6, l: "Comm" }, ]; const edges = [[0,1],[1,2],[0,2],[2,3],[3,4],[2,4],[0,5]]; return ( ); } if (kind === "operate") { // Sparkline + KPI panel const points = []; for (let i = 0; i < 40; i++) { points.push([20 + i * 11, 200 - 30 - Math.sin(i*0.5) * 20 - i * 0.8 - (i % 7) * 4]); } const path = "M " + points.map(p => p.join(" ")).join(" L "); return ( ); } // restore // Concentric watershed rings return ( ); } function Lifecycle() { const [idx, setIdx] = useStateLC(0); const p = PHASES[idx]; return (

From prospect
to restoration.} lead="Most platforms cover one slice. Lithora is built end-to-end. Every phase reads from the same geo-spatial truth, so a decision made in the field shows up in your closure plan ten years later." />

{PHASES.map((ph, i) => ( ))}

{p.body}

{p.features.map((f, i) => (

{f.k} {f.t}

))}

); } window.Lifecycle = Lifecycle;