// GOAL — Home page const Home = ({ setRoute, burned, packsSold, totalPacks, countdown }) => { const [filter, setFilter] = React.useState("ALL"); const confs = ["ALL", "UEFA", "CONMEBOL", "AFC", "CAF", "CONCACAF", "OFC"]; const list = filter === "ALL" ? COUNTRIES : COUNTRIES.filter(c => c.conf === filter); return (
{/* ============ HERO ============ */}
Goal Protocol · Ethereum Mainnet · 6 ETH FDV
{!countdown.available ? ( reading pack window… ) : countdown.closed ? ( pack window closed · curves opening ) : ( <> {countdown.days}d {countdown.hours}h {countdown.mins}m {countdown.secs}s · pack window closes )}
The World Cup, on-chain.

48 nations. 144 players. One ball.
960,000 supply, deflating with every trade.

Closed-loop curves on Uniswap V4. No team. No mint. No exit.
Immutable on Ethereum mainnet. The ball never stops.

{/* ============ TICKER ============ */} {/* ============ PHASE STATUS ============ */}
Phase Status
countryState(c).curveOpen).length} / 48 country curves live`} pct={Math.round(COUNTRIES.filter(c=>countryState(c).curveOpen).length / 48 * 100)} />
{/* ============ COUNTRY GRID ============ */}
48 nations · 144 players · 192 curves
{confs.map(c => ( ))}
{list.map((c, i) => { const s = countryState(c); return ( ); })}
{/* ============ V4 HOOKS CALLOUT ============ */}
Uniswap V4
Hook · 0xC0DE

The burn lives inside the swap.

GOAL's 192 bonding curves are deployed as a single Uniswap V4 hook contract. Every swap routes through beforeSwap, where the 5% protocol fee is extracted and routed straight to GOAL.burn(). No router, no intermediate transfer, no second transaction. The deflation is atomic with the trade.

HOOK PERMISSIONS
beforeSwap · afterSwap
PER-SWAP OVERHEAD
~21,000 gas
FEE CAPTURE
100% → burn
); }; /* ============ Sub-components ============ */ // Live GOAL price ticker — auto-appears once DexScreener indexes the V4 pool. const GoalPriceTicker = () => { const [price, setPrice] = React.useState(() => window.PRICES?.state?.goal || null); React.useEffect(() => { if (!window.PRICES) return; setPrice(window.PRICES.state.goal); return window.PRICES.subscribe((s) => setPrice(s.goal)); }, []); if (!price) return null; const up = (price.change24h || 0) >= 0; return ( ${price.priceUsd.toLocaleString(undefined, {maximumFractionDigits: 6})} {up ? "▲" : "▼"} {Math.abs(price.change24h).toFixed(2)}% 24h · vol ${price.volume24h.toLocaleString(undefined,{maximumFractionDigits:0})} · liq ${price.liquidityUsd.toLocaleString(undefined,{maximumFractionDigits:0})} {price.dexId} → ); }; window.GoalPriceTicker = GoalPriceTicker; const PitchLines = () => ( ); const FootballOrb = () => ( ); const SupplyGauge = ({ burned }) => { const total = 960_000; const remaining = total - burned; const pct = (burned / total) * 100; return (
Live · Ethereum mainnet
Circulating
GOAL capped · 960,000
Burned forever
▲
▲ {(burned / 86400 * 0.4).toFixed(1)}/min 24h burn rate
{Array.from({length: 41}).map((_,i)=>())}
0 {pct.toFixed(2)} % burned 960k
); }; const PhaseCard = ({ num, title, state, sub, pct, countdown }) => (
{num}
Phase {num}
{title}
{state}
{sub} {pct}%
{countdown && (
{!countdown.available ? "Reading window…" : countdown.closed ? "Closed" : "Closes in"}
{!countdown.available ? "—" : countdown.closed ? "00:00:00:00" : `${String(countdown.days).padStart(2,"0")}:${String(countdown.hours).padStart(2,"0")}:${String(countdown.mins).padStart(2,"0")}:${String(countdown.secs).padStart(2,"0")}`}
)}
); const Ticker = ({ burned }) => { // Real on-chain ticker — sources from GOAL Transfer logs (burns) every 30s. const [events, setEvents] = React.useState([]); React.useEffect(() => { let cancel = false; async function load() { if (!window.CHAIN || !window.CHAIN._provider) return; try { const burns = await window.CHAIN.getRecentBurns(16); if (cancel) return; const lines = burns.map(b => `BURN · ${b.value.toFixed(2)} GOAL`); // Round out with real per-country supply tags const live = window.COUNTRIES .filter(c => countryState(c).curveOpen) .slice(0, 8) .map(c => `${c.id} · curve live @ ${countryState(c).price.toFixed(2)} G`); const combined = lines.length || live.length ? [...lines, ...live] : ["No on-chain events yet · packs open"]; setEvents(combined); } catch (e) { /* keep current */ } } const waitAndLoad = () => { if (window.CHAIN && window.CHAIN._provider) { load(); const id = setInterval(load, 30_000); return () => clearInterval(id); } else { const t = setTimeout(waitAndLoad, 500); return () => clearTimeout(t); } }; const cleanup = waitAndLoad(); return () => { cancel = true; if (cleanup) cleanup(); }; }, []); const colorize = (text) => { if (text.startsWith("BURN")) return {text}; const m = text.match(/^([A-Z]{3})(.*)$/); if (m) return <>{m[1]}{m[2]}; return text; }; const display = events.length ? events : ["Reading on-chain events…"]; return (
{[...display, ...display].map((e, i) => ( {colorize(e)} ))}
); }; const CodeBlock = () => (
GoalCurveHook.sol solidity 0.8.24 
{`function beforeSwap(
  address, PoolKey calldata key,
  IPoolManager.SwapParams calldata params,
  bytes calldata
) external override returns (bytes4, BeforeSwapDelta, uint24) {
  uint256 amountIn = uint256(-params.amountSpecified);
  uint256 fee      = amountIn * 500 / 10_000;     // 5%

  GOAL.burn(fee);                                // ← atomic deflation
  emit Burned(key.toId(), fee);

  return (BaseHook.beforeSwap.selector,
          toBeforeSwapDelta(int128(int256(fee)), 0),
          0);
}`}
); const Footer = ({ setRoute }) => ( ); window.Home = Home; window.Footer = Footer;