import { SectionHeading } from "@/components/patterns/SectionHeading";
import { FaqAccordion } from "@/components/patterns/FaqAccordion";

/** Section 15 — FAQ. Answers the questions a first-time visitor across any audience is most likely to have. */
const faqs = [
  {
    question: "Does ROPTS invest directly in my organization?",
    answer:
      "No. ROPTS is a fundraising advisory and connectivity firm. We prepare your organization and introduce you to investors, CSR partners, or grant providers; the funding decision and terms remain between you and them.",
  },
  {
    question: "Is there a cost to apply?",
    answer:
      "No. There is no cost to submit a Readiness Review, and no obligation on either side until an introduction is made.",
  },
  {
    question: "How are NGOs and Trusts matched differently from startups?",
    answer:
      "NGOs and Trusts go through a compliance-first review — registration, governance, and FCRA (or equivalent) status — and are matched to Grant Discovery and CSR Partnership pathways rather than equity-investor pipelines.",
  },
  {
    question: "What happens if we're declined?",
    answer:
      "You receive specific, constructive feedback on what would change the outcome, not a generic rejection. Many organizations reapply once the gap is addressed.",
  },
  {
    question: "How does ROPTS verify investors and partners?",
    answer:
      "Investors and partners register a thesis or mandate and complete an accreditation or entity verification step before receiving any introductions.",
  },
];

export function FaqSection() {
  return (
    <section aria-labelledby="faq-heading" className="border-b border-line py-24">
      <div className="container max-w-3xl">
        <SectionHeading id="faq-heading" eyebrow="Frequently Asked" title="Questions we hear from every audience." />
        <div className="mt-12">
          <FaqAccordion items={faqs} />
        </div>
      </div>
    </section>
  );
}