First commit

components/FaqSection.tsx

@@ -0,0 +1,32 @@
+export default function FaqSection() {
+  return (
+      <section className="content-section faq-section" id="faq" aria-labelledby="faq-title">
+        <div className="section-heading narrow">
+          <p className="eyebrow">Questions</p>
+          <h2 id="faq-title">Business email questions, answered directly.</h2>
+        </div>
+        <div className="faq-list">
+          <details>
+            <summary>What is a professional business email address?</summary>
+            <p>It is an email address on your domain, such as info@yourcompany.com or name@yourcompany.com, instead of a free Gmail or Yahoo address.</p>
+          </details>
+          <details>
+            <summary>Why are my business emails going to spam?</summary>
+            <p>Common causes include missing or incorrect SPF, DKIM, and DMARC records, old provider reputation, shared sending systems, or inconsistent domain settings.</p>
+          </details>
+          <details>
+            <summary>Can you migrate our existing email?</summary>
+            <p>Yes. The migration plan depends on your current provider, mailbox count, domain access, and preferred migration window.</p>
+          </details>
+          <details>
+            <summary>Does this work with Outlook, iPhone, and iPad?</summary>
+            <p>Yes. Outlook, iPhone, iPad, web, and desktop access are part of the setup conversation.</p>
+          </details>
+          <details>
+            <summary>Is this Microsoft 365 or Google Workspace?</summary>
+            <p>No. It is a managed business email hosting service for teams that want professional email, DNS correctness, migration help, and local support without buying a full office suite by default.</p>
+          </details>
+        </div>
+      </section>
+  );
+}