export default function ProblemSection() {
  return (
      <section className="content-section problem-section" aria-labelledby="problem-title">
        <div className="section-heading">
          <p className="eyebrow">Why it matters</p>
          <h2 id="problem-title">Email problems rarely look technical at first.</h2>
          <p>
            They show up as missed leads, delayed approvals, confused customers, and a team that does not know who to call.
          </p>
        </div>
        <div className="pain-grid">
          <article>
            <strong>Unprofessional email hurts trust</strong>
            <p>Free Gmail or Yahoo addresses and unreliable shared-hosting mailboxes both signal to customers that your business is not serious about communication.</p>
          </article>
          <article>
            <strong>DNS mistakes send mail to spam</strong>
            <p>SPF, DKIM, and DMARC help receiving servers recognize legitimate mail from your domain.</p>
          </article>
          <article>
            <strong>Support queues slow the fix</strong>
            <p>When email breaks, a local team can assess the domain, provider, device, and DNS together.</p>
          </article>
        </div>
      </section>
  );
}
