/* ZeroAI — cinematic dark, plasma-lime · bilingual EN/ZH via React Context */ const { useState, useEffect, useRef, createContext, useContext } = React; /* ── Lang context ── */ const LangCtx = createContext('en'); const useLang = () => useContext(LangCtx); function T({ en, zh }) { const l = useLang(); return <>{l === 'zh' ? zh : en}; } /* ── Helpers ── */ const cls = (...xs) => xs.filter(Boolean).join(' '); function useTweaks() { const raw = document.getElementById('__tweaks')?.textContent || ''; const m = raw.match(/\/\*EDITMODE-BEGIN\*\/([\s\S]*?)\/\*EDITMODE-END\*\//); const def = m ? JSON.parse(m[1]) : {}; const [t, setT] = useState(def); useEffect(() => { document.documentElement.style.setProperty('--accent', t.accent); document.documentElement.style.setProperty('--serif', t.serif); }, [t]); return [t, setT]; } function useScramble(final, on = true, speed = 22) { const [out, setOut] = useState(on ? '' : final); useEffect(() => { if (!on) { setOut(final); return; } const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789@#$%&*'; let i = 0; const id = setInterval(() => { i++; let s = ''; for (let j = 0; j < final.length; j++) { if (j < i) s += final[j]; else if (final[j] === ' ') s += ' '; else s += chars[Math.floor(Math.random() * chars.length)]; } setOut(s); if (i >= final.length) clearInterval(id); }, speed); return () => clearInterval(id); }, [final, on, speed]); return out; } function useInView(ref, opt = { threshold: 0.15, once: true }) { const [v, setV] = useState(false); useEffect(() => { if (!ref.current) return; const io = new IntersectionObserver(([e]) => { if (e.isIntersecting) { setV(true); if (opt.once) io.disconnect(); } else if (!opt.once) setV(false); }, { threshold: opt.threshold }); io.observe(ref.current); return () => io.disconnect(); }, []); return v; } function useCount(target, on, duration = 1200) { const [n, setN] = useState(0); useEffect(() => { if (!on) return; const start = performance.now(); let raf; const tick = (t) => { const p = Math.min(1, (t - start) / duration); setN(target * (1 - Math.pow(1 - p, 3))); if (p < 1) raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); return () => cancelAnimationFrame(raf); }, [on, target]); return n; } /* ── Cursor Aura ── */ function CursorAura() { const ref = useRef(null); useEffect(() => { const el = ref.current; let x = window.innerWidth / 2, y = window.innerHeight / 2, tx = x, ty = y; const onMove = (e) => { tx = e.clientX; ty = e.clientY; }; window.addEventListener('mousemove', onMove); let raf; const tick = () => { x += (tx - x) * 0.12; y += (ty - y) * 0.12; if (el) el.style.transform = `translate(${x - 300}px,${y - 300}px)`; raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); return () => { window.removeEventListener('mousemove', onMove); cancelAnimationFrame(raf); }; }, []); return
; } /* ── Nav ── */ function Nav({ setLang }) { const lang = useLang(); const [scrolled, setScrolled] = useState(false); useEffect(() => { const on = () => setScrolled(window.scrollY > 40); window.addEventListener('scroll', on); on(); return () => window.removeEventListener('scroll', on); }, []); const items = [ { h:'#about', en:'About', zh:'关于' }, { h:'#products', en:'Products', zh:'产品' }, { h:'#services', en:'Services', zh:'服务' }, { h:'#contact', en:'Contact', zh:'联系' }, ]; return ( ); } /* ── Hero ── */ function SplitLine({ children, delay = 0, active }) { return ( {children} ); } function HeroGrid() { return ( ); } function MagneticBtn({ children, href, primary }) { const ref = useRef(); useEffect(() => { const el = ref.current; const on = (e) => { const r = el.getBoundingClientRect(); el.style.transform = `translate(${(e.clientX-r.left-r.width/2)*.2}px,${(e.clientY-r.top-r.height/2)*.3}px)`; }; const off = () => el.style.transform = ''; el.addEventListener('mousemove', on); el.addEventListener('mouseleave', off); return () => { el.removeEventListener('mousemove', on); el.removeEventListener('mouseleave', off); }; }, []); return ( {children} ); } function Counter({ to, on }) { return <>{Math.floor(useCount(to, on))}; } function Stats({ loaded }) { const lang = useLang(); const ref = useRef(); const inView = useInView(ref); const on = loaded && inView; const items = [ { v:3, en:'AI Products', zh:'AI 产品', suffix:'' }, { v:2, en:'Live & Deployed', zh:'已上线产品', suffix:'' }, { v:50, en:'Languages Supported', zh:'支持语言数', suffix:'+' }, { v:'Web3', en:'Native Expertise', zh:'原生专业背景' }, ]; return (
{items.map((s,i) => (
{typeof s.v === 'number' ? : {s.v} } {s.suffix && {s.suffix}}
{lang === 'zh' ? s.zh : s.en}
))}
); } function Hero() { const lang = useLang(); const [loaded, setLoaded] = useState(false); useEffect(() => { const t = setTimeout(() => setLoaded(true), 150); return () => clearTimeout(t); }, []); const title = useScramble('ZEROAI · CRYPTO × AI BUILDER', loaded); return (
{[0,1,2,3].map(i => (
))}
{title}

{lang === 'en' ? <> Building AI at the Edge of Intelligence : <> 在加密与智能 的边界 构建 AI }

{lang === 'en' ?

From deep crypto operations to AI product engineering — every product starts with a real business problem.

:

从深厚的加密行业运营经验出发，每一个 AI 产品都源于真实的业务痛点。

}
↘
SCROLL
); } /* ── Section helpers ── */ function SectionLabel({ idx, en, zh }) { const lang = useLang(); const ref = useRef(); const inView = useInView(ref); return (
{idx} {lang === 'zh' ? zh : en}
); } function BigTitle({ en, zh }) { const lang = useLang(); const ref = useRef(); const v = useInView(ref); return (

{lang === 'zh' ? zh : en}

); } /* ── About ── */ function AsciiFace() { const [f, setF] = useState(0); useEffect(() => { const id = setInterval(() => setF(x => x+1), 600); return () => clearInterval(id); }, []); const frames = [ ' ┌─────────────┐\n │ ▲ ▲ │\n │ │\n │ ─ │\n │ ◟ ◞ │\n └─────────────┘', ' ┌─────────────┐\n │ ● ● │\n │ │\n │ ─ │\n │ ◟ ◞ │\n └─────────────┘', ]; return 
{frames[f%2]}
; } function ProfileCard() { const lang = useLang(); const ref = useRef(); const v = useInView(ref); const rows = [ { en:'Identity', zh:'身份', val:'ZeroAI' }, { en:'Domain', zh:'领域', val:'Crypto × AI' }, { en:'Products Built', zh:'已构建产品', val:'3' }, { en:'Live Products', zh:'已上线', val:'2 ↑' }, { en:'Philosophy', zh:'理念', val: lang==='zh' ? '真实场景优先' : 'Real Use Cases' }, { en:'Status', zh:'状态', val: lang==='zh' ? '构建中' : 'Builder Mode' }, ]; return (
SYS.ID-0xAI
// operator.render()
{rows.map((r,i) => (
{lang==='zh' ? r.zh : r.en} {r.val}
))}
); } function About() { const lang = useLang(); const tags = ['Crypto Operations','AI Product Dev','Web3 Native','Multi-platform','Business Automation','DeFi']; return (
{lang === 'en' ?

From Crypto Ops to AI Builder

:

从加密运营 到 AI 产品构建者

}
{lang === 'en' ? <>

Years operating at the frontier of the crypto industry gave me something most AI builders don't have — a visceral understanding of real business pain. I know what breaks, what scales, and what users actually need.

Now I build AI products — not to chase trends, but to solve problems I've personally lived through. ZeroAI is the vessel for that journey.

: <>

多年在加密行业前线的运营经验，让我拥有大多数 AI 产品人所没有的东西——对真实业务痛点的深刻理解。我清楚什么会出问题，什么能规模化，用户真正需要什么。

现在我构建 AI 产品，不是为了追风口，而是为了解决我亲身经历过的问题。ZeroAI 是这段旅程的载体。

}
{tags.map((t,i) => {t})}
{lang === 'en' ? <>
"

Every product I build solves a problem I've seen with my own eyes. No vaporware. No demos. Just tools that work.

: <>
「

每一个产品，都源于我亲眼见过的真实问题。不做 PPT 产品，不做 Demo 展示，只做真正能用的工具。

}
); } /* ── Products ── */ const PRODUCTS = [ { id:'meetsimul', status:'LIVE', statusZh:'已上线', name:'Meet', italic:'Simul', desc:'AI-powered simultaneous interpretation for every online meeting — speak your language, they hear theirs.', descZh:'AI 驱动的实时同声传译，兼容所有主流会议平台。你说中文，对方听英文。', stats:[{v:'<0.5s',k:'Latency',kz:'延迟'},{v:'50+',k:'Languages',kz:'支持语种'},{v:'7+',k:'Platforms',kz:'会议平台'},{v:'Free',k:'To Try',kz:'试用'}], bullets:[ ['Zoom, Teams, Meet, Webex, 腾讯会议, 飞书, 钉钉','兼容 Zoom、Teams、腾讯会议、飞书、钉钉等 7+ 平台'], ['System-level audio bridge — no plugins or API keys required','系统级音频桥接，无需插件，无需平台 API'], ['Natural AI voice synthesis — sounds human, not robotic','AI 自然语音合成，听起来像真人，不像机器'], ['14-day free trial, macOS app, under 6MB','14 天免费试用，macOS 应用，不足 6MB'], ], cta:{en:'Launch App →', zh:'立即体验 →', href:'https://afadsfd.github.io/AI/'}, visual:'waves', }, { id:'cryptobox', status:'LIVE', statusZh:'已上线', name:'Crypto', italic:'Box', desc:'All your exchange balances in one dashboard. API keys encrypted on-device, never leave your phone.', descZh:'聚合多交易所资产，API 密钥本地加密存储，零服务器风险，一屏掌握全部持仓。', stats:[{v:'6',k:'Exchanges',kz:'交易所'},{v:'0',k:'Registration',kz:'注册'},{v:'Free',k:'Forever',kz:'永久免费'},{v:'Local',k:'Keys Only',kz:'密钥本地'}], chips:['Binance','OKX','Bybit','Gate','Coinbase','Bitget'], bullets:[ ['iOS Keychain / Android Keystore — hardware-level encryption','iOS Keychain / Android Keystore 硬件级加密'], ['Read-only API access — no withdrawal risk, ever','只读 API，从架构上杜绝提币风险'], ['Real-time P&L with 7 / 30 / 90-day history charts','实时持仓盈亏 + 7/30/90 天历史曲线'], ['~21MB install, no account, no tracking','约 21MB，无账号，无追踪'], ], cta:{en:'Try Now →', zh:'立即体验 →', href:'https://afadsfd.github.io/CryptoBox/'}, visual:'portfolio', }, { id:'predmarket', status:'COMING SOON', statusZh:'即将上线', name:'Pred', italic:'Market', desc:'Prediction market aggregator — all platforms, one view, built for crypto-native traders.', descZh:'预测市场聚合器，多平台数据汇总，专为加密原生用户打造。', chipsEn:['Multi-platform','Real-time data','Info arbitrage'], chipsZh:['多平台聚合','实时数据','信息套利'], cta:{en:'Join Waitlist →', zh:'加入等待名单 →', href:'#contact'}, visual:'orbs', soon:true, }, ]; function AudioWave({ color, animate }) { return (
{Array.from({length:40}).map((_,i) => (
))}
); } function WavesVisual({ hover }) { return (
meetsimul · live
● REC
ZH → EN · 0.3s
你好，感谢今天来参加会议
EN OUT · synthesized
"Hello, thanks for joining today's meeting"
{['Zoom','Teams','Meet','腾讯','飞书','钉钉','Webex'].map((p,i) => {p})}
); } function PortfolioVisual({ hover }) { const holdings = [{name:'BTC',v:42380.12,pct:+2.34,color:'#f7931a'},{name:'ETH',v:18920.50,pct:+1.12,color:'#627eea'},{name:'SOL',v:6240.00,pct:-0.48,color:'#c6ff3f'},{name:'USDT',v:12400.00,pct:0,color:'#888'}]; const total = holdings.reduce((a,b)=>a+b.v,0); return (
TOTAL PORTFOLIO SYNC · 6 exchanges
${total.toLocaleString(undefined,{maximumFractionDigits:2})}
+$1,847.22 · +2.38% · 24h
`L ${(i+1)*10} ${50-Math.sin((i+1)*.4)*15}`).join('')}`} fill="none" stroke="var(--accent)" strokeWidth="1.5"/> `L ${(i+1)*10} ${50-Math.sin((i+1)*.4)*15}`).join('')}L 300 80Z`} fill="url(#pg)"/>
{holdings.map((h,i) => (
{h.name[0]}
{h.name}
${h.v.toLocaleString()}
0?'var(--accent)':h.pct<0?'#ff6b5d':'var(--ink-dim)' }}>{h.pct>0?'+':''}{h.pct}%
))}
); } function OrbsVisual() { return (
{[0,1,2,3,4,5].map(i => )} {[0,45,90,135,180,225,270,315].map((a,i) => { const r=90+(i%3)*24, x=Math.cos(a*Math.PI/180)*r, y=Math.sin(a*Math.PI/180)*r; return ; })} PredMarket aggregating…
); } function ProductCard({ p, i }) { const lang = useLang(); const ref = useRef(); const v = useInView(ref,{threshold:.08}); const [hover, setHover] = useState(false); const chips = p.chipsEn ? (lang==='zh' ? p.chipsZh : p.chipsEn) : p.chips; return (
setHover(true)} onMouseLeave={()=>setHover(false)} style={{ position:'relative', borderRadius:24, border:'1px solid', borderColor: hover?'rgba(198,255,63,.35)':'var(--line-2)', background:'linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.005))', overflow:'hidden', opacity:v?1:0, transform:v?'translateY(0)':'translateY(40px)', transition:`opacity 1s cubic-bezier(.2,.8,.2,1) ${i*.1}s, transform 1s cubic-bezier(.2,.8,.2,1) ${i*.1}s, border-color .3s` }}>
{lang==='zh' ? p.statusZh : p.status} 0{i+1} / 0{PRODUCTS.length}

{p.name}{p.italic}

{lang==='zh' ? p.descZh : p.desc}

{p.stats && (
{p.stats.map((s,j) => (
{s.v}
{lang==='zh' ? s.kz : s.k}
))}
)} {chips &&
{chips.map((c,j) => {c})}
} {p.bullets && (
    {p.bullets.map((b,j) => (
  • ◆ {lang==='zh' ? b[1] : b[0]}
    • ))}
)}
{lang==='zh' ? p.cta.zh : p.cta.en}
{p.visual==='waves' && } {p.visual==='portfolio' && } {p.visual==='orbs' && }
); } function Products() { const lang = useLang(); return (
Products by ZeroAI} zh={<>ZeroAI 旗下产品} />

{PRODUCTS.map((p,i) => )}

More products in development — ZeroAI is just getting started} zh={<>更多产品正在开发中 — ZeroAI 才刚开始} />

); } /* ── Services ── */ const SERVICES = [ { n:'01', en:'AI Product Consulting', zh:'AI 产品咨询与规划', desc:'Turn business pain points into AI product blueprints. From ideation to architecture to go-to-market strategy.', descZh:'帮助你将业务痛点转化为可落地的 AI 产品方案，从 0 到 1 全程规划。', for:'Founders & Teams', forZh:'创业团队' }, { n:'02', en:'Meeting AI Solutions', zh:'会议 AI 解决方案', desc:'Enterprise multilingual meeting systems built on MeetSimul — custom translation, transcription and automation.', descZh:'基于 MeetSimul 为企业定制多语言会议系统、同声传译与会议记录自动化。', for:'Global Teams & DAOs', forZh:'跨国团队 & DAO' }, { n:'03', en:'Crypto × AI Development', zh:'加密 × AI 产品开发', desc:'AI tooling built for the crypto industry: asset management, data analytics, and operational automation.', descZh:'专为加密行业构建 AI 工具：资产管理、数据分析与运营自动化。', for:'Exchanges & Projects', forZh:'交易所 & 项目方' }, { n:'04', en:'Partnership & Collaboration', zh:'早期项目合作', desc:"Open to early-stage collaborations. If you need a builder with Crypto + AI background, let's talk.", descZh:'开放早期项目合作，欢迎需要 Crypto + AI 复合背景的创始人探讨。', for:'Early-stage Founders', forZh:'早期创业者' }, ]; function ServiceCard({ s, i }) { const lang = useLang(); const ref = useRef(); const v = useInView(ref,{threshold:.2}); const [hover, setHover] = useState(false); return (
setHover(true)} onMouseLeave={()=>setHover(false)} style={{ position:'relative', padding:'40px 36px 36px', borderRight:i%2===0?'1px solid var(--line)':'none', borderBottom:i<2?'1px solid var(--line)':'none', minHeight:280, opacity:v?1:0, transform:v?'translateY(0)':'translateY(30px)', transition:`all .9s cubic-bezier(.2,.8,.2,1) ${i*.1}s, background .3s`, background:hover?'rgba(198,255,63,.02)':'transparent', cursor:'default' }}>
{s.n} → {lang==='zh' ? s.forZh : s.for}

{lang==='zh' ? s.zh : s.en}

{lang==='zh' ? s.descZh : s.desc}

→
); } function Services() { const lang = useLang(); return (
What ZeroAI Can Do For You} zh={<>ZeroAI 能为你做什么} />

{SERVICES.map((s,i) => )}
); } /* ── Contact ── */ function ContactCard({ href, label, value }) { const [hover, setHover] = useState(false); return ( setHover(true)} onMouseLeave={()=>setHover(false)} style={{ position:'relative', padding:'36px 32px', borderRadius:20, border:'1px solid', borderColor:hover?'var(--accent)':'var(--line-2)', background:'linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.005))', display:'flex', flexDirection:'column', gap:18, overflow:'hidden', transition:'all .3s' }}>
{label} ↗
{value}
 ); } function Contact() { const lang = useLang(); return (
ZeroAI
Let's Connect} zh={<>与我 建立连接} />

); } /* ── Footer ── */ function Footer() { return (
ZeroAI
CRYPTO × INTELLIGENCE
); } /* ── Marquee ── */ function Marquee({ text }) { return (
{Array.from({length:6}).map((_,i) => ( {text} ✦ ))}
); } /* ── App ── */ function App() { const [lang, setLang] = useState('en'); useTweaks(); return (