const NODES = [
  { type: 'hq', name: 'New York', code: 'NYC', x: 27, y: 40, label: 'Global HQ' },
  { type: 'hq', name: 'Dublin', code: 'DUB', x: 46, y: 34, label: 'EU HQ' },
  { type: 'hq', name: 'Shanghai', code: 'SHA', x: 80, y: 44, label: 'APAC HQ' },
  { type: 'mfg', name: 'Shenzhen', code: 'SZX', x: 78, y: 50 },
  { type: 'mfg', name: 'Ho Chi Minh', code: 'SGN', x: 76, y: 57 },
  { type: 'mfg', name: 'Phnom Penh', code: 'PNH', x: 77, y: 56 },
  { type: 'mfg', name: 'Medellín', code: 'MDE', x: 25, y: 60 },
  { type: 'wh', name: 'Los Angeles', code: 'LAX', x: 15, y: 44 },
  { type: 'wh', name: 'Dallas', code: 'DFW', x: 23, y: 48 },
  { type: 'wh', name: 'Atlanta', code: 'ATL', x: 26, y: 46 },
  { type: 'wh', name: 'New Jersey', code: 'EWR', x: 28, y: 41 },
  { type: 'wh', name: 'Rotterdam', code: 'RTM', x: 48, y: 33 },
];

function Network() {
  return (
    <section className="net" id="network">
      <div className="container net-inner">
        <div className="net-layout" style={{gridTemplateColumns: '1fr', justifyItems: 'center'}}>
          <div className="net-side" style={{maxWidth: 820, textAlign: 'center'}}>
            <span className="kicker" style={{justifyContent: 'center'}}><span className="dot"></span>THE NETWORK</span>
            <h2 style={{marginLeft: 'auto', marginRight: 'auto'}}>A network that <span style={{fontFamily:'var(--font-serif)', fontStyle:'italic', color:'var(--accent-text)', fontWeight: 400}}>moves with you.</span></h2>
            <p>TORO is a community of e-commerce and DTC brands that share supply chain infrastructure, intelligence, and buying power — competing at a scale no single brand could reach alone.</p>
            <h3 style={{fontFamily:'var(--font-serif)', fontWeight: 400, fontSize: 'clamp(26px, 2.4vw, 34px)', letterSpacing: '-0.01em', lineHeight: 1.1, margin: '48px 0 16px'}}>
              Stronger <span style={{fontStyle:'italic', color:'var(--accent-text)'}}>Together</span>
            </h3>
            <p>The challenges brands face — from tariffs and sourcing to fulfillment and last-mile delivery — are shared. TORO turns that shared complexity into collective advantage, combining scale, AI-powered infrastructure, and operational visibility so every member moves faster, with more control and lower cost.</p>
          </div>
        </div>
      </div>
    </section>
  );
}

window.Network = Network;