// FOOTBALL — 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 ============ */}
{L("FOOTBALL 协议 · BSC · 48 国 144 球员", "FOOTBALL Protocol · BSC · 48 Nations 144 Players")}
{!countdown.available ? ( {L("读取开包窗口中…", "Loading Pack Window…")} ) : countdown.closed ? ( {L("开包窗口已关闭 · 曲线开启中", "Pack Window closed · Curves going live")} ) : ( <> {L(`${countdown.days}天 ${countdown.hours}时 ${countdown.mins}分 ${countdown.secs}秒`, `${countdown.days}d ${countdown.hours}h ${countdown.mins}m ${countdown.secs}s`)} {L(" · 距开包窗口关闭", " · until Pack Window closes")} )}
{L("世界杯，", "The World Cup,")} {L("全部上链。", "fully on-chain.")}

{L("48 国家。144 球员。", "48 Nations. 144 Players.")}{L("同 一颗球。", "One ball.")}
{L("FOOTBALL 总量 10 亿，每笔曲线交易持续销毁。", "FOOTBALL has a 1 billion total supply, burned with every curve trade.")}

{L("192 条链上联合曲线。无团队。无增发。无退出。", "192 on-chain bonding curves. No team. No mint. No exit.")}
{L("在 BSC 上永久不可篡改。", "Immutable forever on BSC.")}{L("这颗球永不停转。", "The ball never stops.")}

{/* ============ TICKER ============ */} {/* ============ PHASE STATUS ============ */}
{L("阶段状态", "Phase Status")}
countryState(c).curveOpen).length} / 48 条国家曲线已上线`, `${COUNTRIES.filter(c=>countryState(c).curveOpen).length} / 48 country curves live`)} pct={Math.round(COUNTRIES.filter(c=>countryState(c).curveOpen).length / 48 * 100)} />
{/* ============ COUNTRY GRID ============ */}
{L("48 国家 · 144 球员 · 192 条曲线", "48 Nations · 144 Players · 192 Curves")}
{confs.map(c => ( ))}
{list.map((c, i) => { const s = countryState(c); return ( ); })}
{/* ============ TREASURY · 4% 税分配 ============ */}
{L("金库 · 4% 交易税", "Treasury · 4% Trading Tax")}
{L("PitchTreasury · 链上自动分账", "PitchTreasury · On-chain Auto-split")}

{L("买过包，就持续分红。", "Buy a pack, earn dividends forever.")}

{L("FOOTBALL 是 flap.sh 发射的 4/4 税代币 —— 每一笔在内盘或 PancakeSwap 上的买卖，4% 自动换成 BNB 打进金库合约。金库把每笔进账拆成两份：", "FOOTBALL is a 4/4 tax token launched on flap.sh — every buy or sell, whether on the internal market or PancakeSwap, sends 4% as BNB into the Treasury contract. The Treasury splits each inflow into two halves:")}

{L("50% · 冠军回购", "50% · Champion Buyback")}
{L("回购 FOOTBALL", "Buy back FOOTBALL")}
{L("50% · 持包人分红", "50% · Pack Holder Dividends")}
{L("发给买包的人", "Paid to pack buyers")}

{L("分红按你买过的国家包数量加权（MasterChef 会计），BNB 随时可在金库领取。", "Dividends are weighted by the number of Country Packs you bought (MasterChef accounting), and BNB can be claimed from the Treasury anytime.")}

); }; /* ============ Sub-components ============ */ // Live FOOTBALL price ticker — auto-appears once DexScreener indexes the PancakeSwap 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)}{L("% 24小时", "% 24h")} {L(` · 成交量 $${price.volume24h.toLocaleString(undefined,{maximumFractionDigits:0})}`, ` · Vol $${price.volume24h.toLocaleString(undefined,{maximumFractionDigits:0})}`)} {L(` · 流动性 $${price.liquidityUsd.toLocaleString(undefined,{maximumFractionDigits:0})}`, ` · Liquidity $${price.liquidityUsd.toLocaleString(undefined,{maximumFractionDigits:0})}`)} {price.dexId} → ); }; window.GoalPriceTicker = GoalPriceTicker; const PitchLines = () => ( ); const FootballOrb = () => ( ); const SupplyGauge = ({ burned }) => { const total = window.TOTAL_SUPPLY || 1_000_000_000; const remaining = total - burned; const pct = (burned / total) * 100; // 大数字压缩成「亿 / 万」—— 否则流通量与销毁量两个大数会在仪表盘里撞在一起。 const compact = (n) => { if (n >= 1e8) return { value: n / 1e8, decimals: 3, suffix: L(" 亿", " B") }; if (n >= 1e4) return { value: n / 1e4, decimals: 1, suffix: L(" 万", " M") }; return { value: n, decimals: 0, suffix: "" }; }; const circ = compact(remaining); const brn = compact(burned); // Real 24h burn rate from chain analytics (auto-refreshing). const [rate24h, setRate24h] = React.useState(null); React.useEffect(() => { let cancel = false; async function load() { if (!window.CHAIN?._provider) return; try { const a = await window.CHAIN.getBurnAnalytics(7200); if (!cancel) setRate24h(a?.ratePer24h ?? 0); } catch {} } const tick = () => { if (window.CHAIN?._provider) { load(); } else setTimeout(tick, 500); }; tick(); const id = setInterval(load, 60_000); return () => { cancel = true; clearInterval(id); }; }, []); return (
{L("实时 · BSC", "Live · BSC")}
{L("流通量", "Circulating Supply")}
FOOTBALL {L("总量 · 10 亿", "Total Supply · 1 B")}
{L("已永久销毁", "Permanently Burned")}
▲
▲ {rate24h === null ? "…" : (() => { const r = compact(rate24h); return r.value.toLocaleString(undefined,{maximumFractionDigits:r.decimals}) + r.suffix; })()} {L("FOOTBALL / 24小时链上", "FOOTBALL / 24h on-chain")}
{Array.from({length: 41}).map((_,i)=>())}
0 {pct.toFixed(2)} {L("% 已销毁", "% burned")} {L("10 亿", "1 B")}
); }; const PhaseCard = ({ num, title, state, sub, pct, countdown }) => (
{num}
{L(`阶段 ${num}`, `Phase ${num}`)}
{title}
{state==="OPEN" ? L("开放中", "Open") : state==="PARTIAL" ? L("部分上线", "Partial") : state}
{sub} {pct}%
{countdown && (
{!countdown.available ? L("读取窗口中…", "Loading window…") : countdown.closed ? L("已关闭", "Closed") : L("剩余时间", "Time remaining")}
{!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 FOOTBALL 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 => L(`销毁 · ${b.value.toFixed(2)} FOOTBALL`, `Burn · ${b.value.toFixed(2)} FOOTBALL`)); // Round out with real per-country supply tags const live = window.COUNTRIES .filter(c => countryState(c).curveOpen) .slice(0, 8) .map(c => L(`${c.id} · 曲线上线 @ ${countryState(c).price.toFixed(2)} FOOTBALL`, `${c.id} · Curve Live @ ${countryState(c).price.toFixed(2)} FOOTBALL`)); const combined = lines.length || live.length ? [...lines, ...live] : [L("暂无链上事件 · 开包进行中", "No on-chain events yet · Packs selling")]; 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("销毁") || 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 : [L("读取链上事件中…", "Loading on-chain events…")]; return (
{[...display, ...display].map((e, i) => ( {colorize(e)} ))}
); }; const TaxSplitCard = () => (
PitchTreasury · distribute() {L("● BSC 已部署", "● Deployed on BSC")}
{L("每笔交易 4% 税 → 换成 BNB", "4% tax per trade → swapped to BNB")}
{L("流入金库合约", "Flows into Treasury")}
{[ { pct: "50%", label: L("冠军回购", "Champion Buyback"), sub: L("回购 FOOTBALL · 内盘 / 外盘", "Buy back FOOTBALL · internal / DEX"), color: "var(--bull)" }, { pct: "50%", label: L("持包人分红", "Pack Holder Dividends"), sub: L("按买包数量加权 · BNB 可领取", "Weighted by packs bought · BNB claimable"), color: "var(--accent)" }, ].map(r => (
{r.pct}
{r.label}
{r.sub}
))}
); const Footer = ({ setRoute }) => ( ); window.Home = Home; window.Footer = Footer;