// Node network — scattered nodes with delaunay-ish connections // Trade-route ports — global APAC-centric map (600 x 460 viewBox). // Projection: x = ((lng - 50 + 360) mod 360) * 1.76 (50°E → ~250°E west reach across Pacific) // y = (60 - lat) * 4.6 (+60°N → -40°S) const NETWORK_NODES = [ // East Asia / China { x: 113, y: 174, w: 1, city: 'Hong Kong' }, // 0 HUB { x: 126, y: 132, w: 0.6, city: 'Shanghai' }, // 1 { x: 117, y: 93, w: 0.55, city: 'Beijing', align: 'left' }, // 2 { x: 159, y: 111, w: 0.55, city: 'Tokyo' }, // 3 { x: 135, y: 104, w: 0.5, city: 'Seoul', align: 'top' }, // 4 // South East Asia { x: 89, y: 213, w: 0.5, city: 'Bangkok', align: 'left' }, // 5 { x: 125, y: 209, w: 0.5, city: 'Manila' }, // 6 { x: 88, y: 263, w: 0.5, city: 'Kuala Lumpur', align: 'left' }, // 7 { x: 95, y: 270, w: 0.55, city: 'Singapore', align: 'bottom' }, // 8 { x: 100, y: 304, w: 0.5, city: 'Jakarta' }, // 9 // Middle East { x: 9, y: 160, w: 0.55, city: 'Dubai' }, // 10 // South Pacific / Oceania { x: 224, y: 358, w: 0.45, city: 'Fiji' }, // 11 { x: 178, y: 432, w: 1, city: 'Sydney' }, // 12 HQ { x: 167, y: 450, w: 0.5, city: 'Melbourne', align: 'left' }, // 13 { x: 220, y: 446, w: 0.45, city: 'Auckland' }, // 14 // North America { x: 330, y: 58, w: 0.5, city: 'Seattle' }, // 15 { x: 338, y: 120, w: 0.6, city: 'Los Angeles', align: 'left' }, // 16 { x: 415, y: 89, w: 0.6, city: 'New York' }, // 17 { x: 404, y: 157, w: 0.5, city: 'Miami', align: 'left' }, // 18 // Europe { x: 545, y: 35, w: 0.55, city: 'London', align: 'top' }, // 19 { x: 552, y: 58, w: 0.5, city: 'Paris', align: 'left' }, // 20 { x: 568, y: 42, w: 0.5, city: 'Frankfurt' }, // 21 { x: 575, y: 82, w: 0.5, city: 'Rome' }, // 22 ]; // SYD is origin → HKG is hub. HKG fans out globally. const NETWORK_EDGES = [ [12, 0], // SYD → HKG (primary artery) // HKG → East Asia [0, 1], // HKG → PVG [0, 2], // HKG → PEK [0, 3], // HKG → NRT [0, 4], // HKG → ICN // HKG → SEA [0, 5], // HKG → BKK [0, 6], // HKG → MNL [0, 7], // HKG → KUL [0, 8], // HKG → SIN [0, 9], // HKG → CGK // HKG → Middle East [0, 10], // HKG → DXB // HKG → Pacific [0, 11], // HKG → NAN (Fiji) [0, 14], // HKG → AKL // HKG → North America [0, 15], // HKG → SEA [0, 16], // HKG → LAX [0, 17], // HKG → JFK [0, 18], // HKG → MIA // HKG → Europe [0, 19], // HKG → LHR [0, 20], // HKG → CDG [0, 21], // HKG → FRA [0, 22], // HKG → FCO // SYD feeders [12, 13], // SYD → MEL (domestic) [12, 16], // SYD → LAX (trans-Pacific direct) ]; // Network — dark-mode institutional schematic: APAC closed-loop ecosystem const Network = () => { // Stat strip — verifiable numbers derived from the page itself. const statsRef = React.useRef(null); React.useEffect(() => { const root = statsRef.current; if (!root) return; const animate = (el) => { const target = parseFloat(el.dataset.target); const suffix = el.dataset.suffix || ''; const dur = parseInt(el.dataset.dur, 10) || 1800; const start = performance.now(); const ease = (t) => 1 - Math.pow(1 - t, 3); const tick = (now) => { const t = Math.min(1, (now - start) / dur); const v = Math.round(target * ease(t)); el.textContent = v + suffix; if (t < 1) requestAnimationFrame(tick); }; requestAnimationFrame(tick); }; const io = new IntersectionObserver((entries) => { entries.forEach((e) => { if (e.isIntersecting) { root.querySelectorAll('.gb-net2__stat-k').forEach(animate); io.disconnect(); } }); }, { threshold: 0.3 }); io.observe(root); return () => io.disconnect(); }, []); // Schematic: BRANDS (origin) → HK FREE-TRADE HUB → DISTRIBUTION → END MARKETS // Rendered as an SVG flow-diagram placeholder; user will replace with branded asset. return (
— III. NETWORK

Dominant APAC distribution artery.

A proprietary, institutional-grade placement network engineered for volume. Anchored by our strategically positioned free-trade operations in Hong Kong, our infrastructure orchestrates the frictionless flow of high-value assets deep into priority markets. Total channel control — eliminating traditional supply-chain vulnerabilities and strictly insulating operations from external disruptions.

{/* Container yard — APAC distribution artery */}
Goodbrand Group warehouse — distribution artery
{/* Stat strip below schematic — animated counters with verifiable numbers */}
{[ { k: 40, suffix: '+', dur: 1900, kicker: 'PREMIUM LABELS', l: 'Brand families managed' }, { k: 18, suffix: '', dur: 1800, kicker: 'TRADE LANES', l: 'APAC distribution corridors' }, { k: 120, suffix: '+', dur: 2400, kicker: 'PARTNER NETWORK', l: 'Independent + institutional' }, { k: 100, suffix: '%', dur: 2000, kicker: 'VERIFIED SUPPLY', l: 'Multi-tier sourcing · Audit-ready' }, ].map((s, i) => (
— {s.kicker}
0{s.suffix}
{s.l}
))}
); }; window.Network = Network;