);
}
function BlockHeight() {
const [height, setHeight] = useState(null);
useEffect(() => {
let mounted = true;
fetch('https://mempool.space/api/blocks/tip/height')
.then(r => r.text())
.then(t => { if (mounted) setHeight(parseInt(t, 10)); })
.catch(() => {});
return () => { mounted = false; };
}, []);
return (
Block height · {height ? height.toLocaleString() : '—'}
);
}
function Footer() {
return (
);
}
/* ============================================================
Bitcoin anchor mark (single, restrained)
============================================================ */
/* BitcoinMark — kept ONLY for the on-chain "anchored" indicator.
For the brand mark (header/footer/cards/favicon), use . */
function BitcoinMark({ size = 16, color }) {
return (
);
}
/* ============================================================
IDGlyph — the BitID brand mark
"ID" set in Bitcoin's typographic DNA: two thick vertical stems
piercing two letterforms top + bottom, sharing a 13° italic shear.
Geometry (1000-unit grid, per spec):
cap height = 700 units, vertical pad 150 / 150
stem weight = 168 units (24% of cap)
stem overshoot = 154 units (22% of cap) above & below
letter spacing = 64 units between I and D stems
D bowl outer R = 350 units, inner R = 182 units (wall = 168)
italic shear = -13° on a parent
bowl optical overshoot = 6 units past cap / baseline (stems do NOT)
============================================================ */
function IDGlyph({ size = 22, color, className, title = 'BitID' }) {
/* Layout math, written once so the spec is auditable:
grid 1000, cap top = 150, cap bottom = 850
I stem: x = 240..408 (width 168)
gap: 408..472 (64 units)
D stem: x = 472..640 (width 168)
D bowl: centered on left-stem right edge (x=640), y centered between cap top and bottom (y=500)
outer arc R=350, inner arc R=182, wall thickness = 168 (matches stems)
Stem y: 150 - 154 = -4 ... 850 + 154 = 1004 (extends past cap & baseline)
Bowl y: 150 - 6 = 144 ... 850 + 6 = 856 (only the optical overshoot)
*/
const fill = color || 'currentColor';
// Bowl path: starts at top of left stem (640, 144), arcs clockwise out to (640, 856),
// then back inward via the inner ring to close. Compound path = outer half-ring minus inner.
// Outer arc: vertical R = 356 so the bowl reaches cap-top -6 and baseline +6 (optical overshoot).
// Inner arc: R = 182 → wall thickness = 174 (≈168 spec, refined for clean overshoot).
// Center of both arcs at (640, 500).
// Locked SVG geometry per spec: I + D in Bitcoin's typographic DNA.
// I stem 280→448, D stem 540→708, both 168 wide, y 146→854 (708 tall).
// D bowl: outer R=350, inner R=182, wall thickness 168, centered at (708, 500).
// viewBox is 0 0 1100 1000 to fit the full bowl (x=708+350=1058) before the
// skew transform shifts it further right.
return (
);
}
/* IDLockup — glyph + "BitID" wordmark, baseline aligned.
Used in the nav header, footer, anywhere the brand spells itself out. */
function IDLockup({ size = 22, color, className }) {
return (
BitID
);
}
/* ============================================================
Credential Card (dark-glass Apple-Wallet pass, 3D rotation)
============================================================ */
function CredentialCard() {
// Single-card legacy (kept for the consumer scene). The hero now uses CardFamily.
return (