First commit

components/ProblemSection.tsx

@@ -0,0 +1,31 @@
+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>Free addresses cost trust</strong>
+            <p>Gmail and Yahoo are fine for personal use. A business domain signals that your company is established.</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>Shared hosting mail breaks quietly</strong>
+            <p>Old hosting mailboxes often hide weak deliverability, limited storage, and unclear support paths.</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>
+  );
+}