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>How does mail stay online if a server goes down?</summary>
            <div className="faq-answer-body">
              <p>Incoming mail is temporarily held in Amazon AWS if the primary server needs maintenance or encounters an issue — your messages aren&rsquo;t lost. A standby backup environment is ready to take over, so your team can keep sending and receiving. Once things are back to normal, buffered mail is delivered to your inboxes automatically.</p>
              <img
                className="faq-diagram-image faq-diagram-dark"
                src="/assets/mail-flow-panel.png"
                alt="Diagram of Bay Area Email mail flow: inbound buffering, mailbox delivery, outbound via Amazon SES, and standby failover."
                loading="lazy"
              />
              <img
                className="faq-diagram-image faq-diagram-light"
                src="/assets/mail-flow-panel-light.png"
                alt=""
                aria-hidden="true"
                loading="lazy"
              />
              <p className="sr-only">
                Inbound messages are collected from the internet, remote mail servers, and other providers, buffered and processed through Amazon S3, delivered to mailboxes, sent outbound through Amazon SES, and supported by standby infrastructure.
              </p>
            </div>
          </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>
          <details>
            <summary>What does switching cost?</summary>
            <p>Setup and migration are included at no extra charge for teams that switch by July 31, 2026. After that, the ongoing cost is $5 per mailbox per month. We confirm the final scope in your assessment before any work begins.</p>
          </details>
        </div>
      </section>
  );
}
