const PainPoints = () => {
  const items = [
    {
      title: "Instant Stop of Player Betting",
      problem: "Regulatory or provider blocks make the platform inaccessible.",
      impact: "Operations stop instantly, ad budget wasted. Losses $50k–$140k/hour.",
      result: "Switch to backup platforms in 3 minutes, saving 95% of marketing spend."
    },
    {
      title: "System Failures During Peak Traffic",
      problem: "Crashes during major events or jackpot promotions.",
      impact: "Loss of 30–50% revenue from key events; VIP churn.",
      result: "Handles 10× traffic without slowdowns."
    },
    {
      title: "Uncontrolled Infrastructure Costs",
      problem: "Cloud costs grow faster than revenue.",
      impact: "Profit drops; wasted resources across environments.",
      result: "Reduce IT spending 3–5× while maintaining reliability."
    },
    {
      title: "Hidden Technical Failures",
      problem: "Bets and deposits fail unnoticed in the payment funnel.",
      impact: "Conversion drops 5–15% before anyone notices.",
      result: "Detect financial anomalies within 60s; full real-time control."
    },
    {
      title: "Slow Recovery After Critical Failures",
      problem: "Disaster-recovery plans fail in practice when needed.",
      impact: "Downtime 4–24h, potential data loss, regulatory penalties.",
      result: "Business restored in 10–15 minutes, data loss ≤30s."
    },
    {
      title: "Fragmented Provider Integrations",
      problem: "Multiple game and payment providers with inconsistent uptime.",
      impact: "Cascading failures when a single upstream breaks.",
      result: "Resilient routing + graceful degradation per provider."
    },
  ];

  return (
    <section className="section section-light" data-track-section="pain_points">
      <div className="container">
        <div className="section-head">
          <span className="eyebrow">The cost of downtime</span>
          <h2>Most costly infrastructure problems in iGaming</h2>
          <p className="lead">Every minute offline burns marketing spend, erodes player trust, and invites regulatory risk. Here's where operators lose money — and what we fix.</p>
        </div>
        <div className="pain-grid">
          {items.map((it,i)=>(
            <article className="pain-card" key={i}>
              <div className="pain-card-head">
                <div className="pain-card-num">{String(i+1).padStart(2,"0")}</div>
                <h3>{it.title}</h3>
              </div>
              <div className="pain-row"><b>Problem</b>{it.problem}</div>
              <div className="pain-row"><b>Impact</b>{it.impact}</div>
              <div className="pain-row pain-row--result"><b>WiseOps result</b>{it.result}</div>
            </article>
          ))}
        </div>
      </div>
    </section>
  );
};

window.PainPoints = PainPoints;