// WhatWeHandle.jsx — Section D (long-form trust)
const HANDLED = [
  'Curated truck selection matched to your headcount, budget, and dietary mix',
  'COI issued naming your company / building / venue',
  'Municipal permits and health-department coordination',
  'On-site coordinator the day of the event',
  'Card, ACH, or PO / NET-30 billing',
  'Allergen and dietary accommodations (vegan, gluten-free, halal, kosher)',
  'Post-event invoice and receipt the next morning',
  'Multi-truck logistics for any guest count',
];

const WhatWeHandle = () => (
  <section style={{ padding:'clamp(64px, 8vw, 96px) 24px', background: T.bgAlt }}>
    <div style={{ maxWidth:1000, margin:'0 auto' }}>
      <h2 style={{ margin:'0 0 40px' }}>What "managed" actually means</h2>
      <div style={{ display:'grid', gridTemplateColumns:'1fr 1fr', gap:'18px 48px' }} className="handle-grid">
        {HANDLED.map((item, i) => (
          <div key={i} style={{ display:'flex', alignItems:'flex-start', gap:12 }}>
            <span style={{
              width:24, height:24, borderRadius:999, background: T.teal, color: T.white,
              display:'inline-flex', alignItems:'center', justifyContent:'center', flex:'0 0 auto', marginTop:1,
            }}><IconCheck size={14} stroke={2.5} /></span>
            <span style={{ fontSize:16, lineHeight:1.5, color: T.ink }}>{item}</span>
          </div>
        ))}
      </div>
      <div style={{
        marginTop:40, padding:'22px 26px', background: T.white,
        border:`1px solid ${T.border}`, borderRadius:12, borderLeft:`3px solid ${T.teal}`,
      }}>
        <p style={{ margin:0, fontSize:16, lineHeight:1.6, color: T.ink }}>
          Behind it all: a real booking platform — online quotes, e-signed contracts, integrated payments.
          The same rigor an enterprise caterer runs, built for food trucks.
        </p>
      </div>
    </div>
    <style>{`
      @media (max-width: 720px) { .handle-grid { grid-template-columns: 1fr !important; } }
    `}</style>
  </section>
);

Object.assign(window, { WhatWeHandle });