// Ticker.jsx — kinetic marquee, constant speed
function Ticker() {
  const items = [
    'NOW OR NEVER',
    '要麼現在做，要麼別做',
    'SHIP IT',
    'BUILD WHAT MATTERS',
    'DO IT NOW',
  ];
  const loop = Array(4).fill(items).flat();
  return (
    <div style={{
      borderTop: '1px solid var(--fg)',
      borderBottom: '1px solid var(--fg)',
      overflow: 'hidden',
      padding: '18px 0',
      background: 'var(--bg)',
    }}>
      <div className="nn-ticker">
        {loop.map((s, i) => (
          <span key={i} style={{ display: 'inline-flex', gap: 40 }}>
            {s}
            <span style={{ color: 'var(--fg-3)' }}>·</span>
          </span>
        ))}
      </div>
      <style>{`@keyframes nn-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}`}</style>
    </div>
  );
}
window.Ticker = Ticker;