// ClosingCTA.jsx — Section K
const ClosingCTA = ({ onQuote }) => (
  <section style={{ padding:'clamp(80px, 10vw, 128px) 24px', background: T.navy, color: T.white }}>
    <div style={{ maxWidth: 900, margin:'0 auto', textAlign:'center' }}>
      <h2 style={{ color: T.white, fontSize:'clamp(40px, 5vw, 56px)', lineHeight:1.05, letterSpacing:'-0.025em',
                   fontWeight:700, margin:'0 0 20px' }}>
        Ready when you are.
      </h2>
      <p style={{ color:'rgba(255,255,255,.85)', fontSize:'clamp(17px, 1.4vw, 21px)', lineHeight:1.55,
                  margin:'0 0 36px', maxWidth: 640, marginLeft:'auto', marginRight:'auto' }}>
        One coordinator. One quote. All NJ. Tell us about your event and we'll send a curated proposal in under 4 hours.
      </p>
      <div style={{ display:'inline-flex', gap:16, alignItems:'center', flexWrap:'wrap', justifyContent:'center' }}>
        <button onClick={onQuote} className="btn" style={{
          background: T.teal, color: T.white, fontSize:17, padding:'16px 28px', fontWeight:700,
        }}>
          Get a Quote
        </button>
        <a href="tel:+12012082682" style={{
          color: T.white, border:'1px solid rgba(255,255,255,.4)', borderRadius:8,
          padding:'15px 22px', fontWeight:600, display:'inline-flex', alignItems:'center', gap:8,
        }}>
          <IconPhone size={16} /> (201) 208-2682
        </a>
      </div>
    </div>
  </section>
);

Object.assign(window, { ClosingCTA });