// S3 - How It Works
const HowItWorks = () => {
  const steps = [
    {
      icon: <MessageIcon size={28} />,
      title: 'שולחים הודעה',
      desc: 'תגובה בתוך שעתיים, ישירות מדניאל. לא בוט, לא טופס — שיחה אישית.',
    },
    {
      icon: <StethoscopeIcon size={28} />,
      title: 'שיחת ייעוץ',
      desc: '15 דקות, הסבר מלא, מחיר מדויק, אפס לחץ. מחליטים רק אחרי שכל השאלות נענו.',
    },
    {
      icon: <HomeIcon size={28} />,
      title: 'הפרוצדורה והחזרה הביתה',
      desc: 'באותו יום, ללא אשפוז. בערב חיית המחמד שלכם בבית - עם מעקב צמוד של ד״ר דניאל.',
    },
  ];
  return (
    <section id="how-it-works">
      <div className="container">
        <div className="section-head center">
          <span className="eyebrow">איך זה עובד</span>
          <h2>שלושה שלבים. בלי הפתעות.</h2>
          <p className="subtitle mt-8">המסלול פשוט בכוונה. אתם מבקרים במרפאה פעם אחת - השאר קורה ב־WhatsApp.</p>
        </div>
        <div className="steps">
          {steps.map((s, i) => (
            <div className="step" key={i}>
              <div className="step-num">{i + 1}</div>
              <div className="step-icon">{s.icon}</div>
              <h3>{s.title}</h3>
              <p>{s.desc}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
};
window.HowItWorks = HowItWorks;