/* What it does — six tiles, one each for the things a client uses weekly.
 *
 * Every tile maps to a real route in src/app/shell.jsx. Do not add a tile
 * for something that isn't shipped; the whole point of this section is that
 * a prospect can log in and find exactly what it describes. Eight tiles
 * became six on 9 Oct 2026: ad results and branding moved into the dealer
 * block and the plan lists, where they are specific enough to mean something.
 *
 * Copy rule: never call it "the platform" here. A shop owner landing cold has
 * to understand what it does without knowing that word. The first tile
 * carries the mechanics that keep a number safe, because "without getting
 * blocked" in the hero is only believable once those are named.
 */
function Platform() {
  const features = [
    { icon: 'meta', t: 'Broadcasts that keep your number safe', d: 'Pick a segment and an approved template, send. Paced to the daily limit Meta sets for you, filtered against consent, STOP honoured in English and Hindi, refused numbers never retried.' },
    { icon: 'chat', t: 'One shared inbox', d: 'Every WhatsApp conversation in one place. Your team claims a chat, replies and hands over — on a phone or a desktop, from one login.' },
    { icon: 'crm', t: 'Your customer list, yours', d: 'Import a CSV, tag, note, record consent, export it back out any day. Your data, in your name, from day one.' },
    { icon: 'cal', t: 'Reminders that go out on their own', d: 'Service due, insurance expiry, a birthday, the callback promised on Tuesday — each on an approved template, with a "what goes out tomorrow" panel so nothing surprises you.' },
    { icon: 'database', t: 'Templates from inside the app', d: 'Draft a message, submit it to Meta, watch the approval land — without opening Business Manager. Meta decides; the app shows you what it decided.' },
    { icon: 'sparkle', t: 'An assistant on your own key', d: 'Answers common questions, drafts replies and hands over to a person the moment it is unsure. Runs on your own API key — your account, your bill, nothing resold.' },
  ];

  return (
    <section id="features" className="tight">
      <div className="wrap">
        <div className="sec-head">
          <h2>One app for everything your business <span className="serif">does on WhatsApp</span>.</h2>
          <p>Your team logs in every day. Import customers, send broadcasts, set reminders, answer chats — all from your own official number.</p>
        </div>
        <div className="tiles">
          {features.map(f => (
            <div className="tile" key={f.t}>
              <div className="tile-icon" aria-hidden="true">{Ic[f.icon] ? Ic[f.icon]({ size: 17 }) : null}</div>
              <h4>{f.t}</h4>
              <p>{f.d}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
window.Platform = Platform;