diff --git a/src/components/ZcashdEolTimeline.jsx b/src/components/ZcashdEolTimeline.jsx
new file mode 100644
index 0000000..e6bd9fa
--- /dev/null
+++ b/src/components/ZcashdEolTimeline.jsx
@@ -0,0 +1,253 @@
+'use client'
+
+import { Fragment, useEffect, useState } from 'react'
+
+// Milestones from https://zcash.github.io/zcash/user/end-of-life.html
+// Timestamps are UTC midnight of the listed day; day precision is all the
+// source page provides, and two of the dates are themselves estimates.
+const MILESTONES = [
+ {
+ ts: Date.UTC(2026, 6, 2),
+ date: 'July 2nd, 2026',
+ title: 'Ironwood / NU6.3 testnet deployment',
+ detail: 'NU6.3-ready node releases are deployed to testnet.',
+ },
+ {
+ ts: Date.UTC(2026, 6, 4),
+ date: 'July 4th, 2026',
+ title: 'Ironwood / NU6.3 testnet activation',
+ detail: 'NU6.3 activates on testnet at block 4,134,000.',
+ },
+ {
+ ts: Date.UTC(2026, 6, 9),
+ date: 'July 9th, 2026',
+ title: 'Ironwood / NU6.3 mainnet deployment',
+ detail: 'NU6.3-ready node releases are published for mainnet.',
+ },
+ {
+ ts: Date.UTC(2026, 6, 18),
+ date: '~July 18th, 2026',
+ estimated: true,
+ title: 'zcashd End-of-Support halt',
+ detail:
+ 'At mainnet block 3,417,100 every remaining zcashd binary ' +
+ 'automatically shuts down and refuses to restart.',
+ },
+ {
+ ts: Date.UTC(2026, 6, 28),
+ date: '~July 28th, 2026',
+ estimated: true,
+ title: 'Ironwood / NU6.3 mainnet activation',
+ detail:
+ 'NU6.3 activates on mainnet. zcashd does not support NU6.3 — ' +
+ 'the network is Zebra-only from here on.',
+ },
+]
+
+const DAY = 86_400_000
+
+function daysUntil(ts, now) {
+ return Math.max(1, Math.ceil((ts - now) / DAY))
+}
+
+function YouAreHere({ now, next }) {
+ return (
+
+
+
+ You are here
+
+ {next
+ ? `${daysUntil(next.ts, now)} day${daysUntil(next.ts, now) === 1 ? '' : 's'} until ${next.title}${next.estimated ? ' (estimated)' : ''}`
+ : 'zcashd has reached End-of-Life. The network is Zebra-only.'}
+
+
+
+ )
+}
+
+export function ZcashdEolTimeline() {
+ const [now, setNow] = useState(null)
+
+ useEffect(() => {
+ setNow(Date.now())
+ const id = setInterval(() => setNow(Date.now()), 60_000)
+ return () => clearInterval(id)
+ }, [])
+
+ // Index of the first milestone still in the future; -1 → all have passed.
+ const nextIdx = now === null ? null : MILESTONES.findIndex((m) => now < m.ts)
+ const next = nextIdx === null || nextIdx === -1 ? null : MILESTONES[nextIdx]
+
+ return (
+
+
+
+ zcashd End-of-Life timeline
+ {now !== null && (
+
+ {next
+ ? `${daysUntil(next.ts, now)}d to next milestone`
+ : 'timeline complete'}
+
+ )}
+
+
+ {MILESTONES.map((m, i) => {
+ const passed = now !== null && (nextIdx === -1 || i < nextIdx)
+ const isNext = nextIdx === i
+ return (
+
+ {isNext && }
+ -
+
+ {passed ? '✓' : ''}
+
+
+
+ {m.date}
+ {m.estimated && · estimated}
+
+ {m.title}
+ {m.detail}
+
+
+
+ )
+ })}
+ {now !== null && nextIdx === -1 && }
+
+
+