/* Case studies / results */
function Cases() {
  const cases = [
    { metric: "3.4x", unit: "ROAS", type: "Furniture retail", loc: "HSR Layout, Bangalore", note: "Meta Ads + CTWA + WhatsApp bot" },
    { metric: "68%", unit: "fewer calls", type: "Dental clinic", loc: "Indiranagar", note: "WA bookings + reminders" },
    { metric: "₹12L", unit: "in new orders", type: "D2C tea brand", loc: "Online", note: "Abandoned-cart WA flow" },
  ];
  return (
    <section id="cases" className="tight">
      <div className="wrap">
        <div className="sec-head">
          <h2>The numbers from real <span className="serif">businesses we run</span>.</h2>
          <p>Stories, not vanity metrics. Here's what actually moved in the P&L.</p>
        </div>
        <div className="cases">
          {cases.map(c => (
            <div className="case" key={c.type}>
              <div className="eyebrow">{c.note}</div>
              <div className="case-metric" style={{marginTop: 18}}>{c.metric}<small>{c.unit}</small></div>
              <div className="case-type">
                <div>
                  <div className="k">Client</div>
                  <div className="v">{c.type}</div>
                </div>
                <div style={{textAlign: 'right'}}>
                  <div className="k">Market</div>
                  <div className="v">{c.loc}</div>
                </div>
              </div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
window.Cases = Cases;