import type { Metadata } from "next";
import { Breadcrumb } from "@/components/patterns/Breadcrumb";
import { Timeline } from "@/components/patterns/Timeline";
import { FaqAccordion } from "@/components/patterns/FaqAccordion";
import { CtaSection } from "@/components/patterns/CtaSection";

export const metadata: Metadata = {
  title: "How It Works",
  description:
    "The six stages of the ROPTS process, from discovery and self-qualification through application, advisory review, preparation, and introduction.",
  alternates: { canonical: "/how-it-works" },
  openGraph: {
    title: "How It Works — ROPTS Venture Capital",
    description:
      "Six stages, from discovery to introduction — how ROPTS prepares organizations and connects them to investors and partners.",
    type: "website",
    url: "/how-it-works",
  },
};

const founderStages = [
  { label: "Stage 1", title: "Discovery", description: "Arrive via search, referral, or Insights content; review the relevant Who We Serve page." },
  { label: "Stage 2", title: "Self-Qualification", description: "Review eligibility criteria and take the Readiness Review." },
  { label: "Stage 3", title: "Application", description: "Submit your organization profile, stage, sector, and funding need." },
  { label: "Stage 4", title: "Advisory Review", description: "ROPTS reviews readiness — either declining with specific feedback, or proceeding to preparation." },
  { label: "Stage 5", title: "Preparation", description: "Pitch deck review, valuation guidance, and fundraising strategy delivered through the Portal." },
  { label: "Stage 6", title: "Introduction", description: "Matched and introduced to relevant investors or partners. ROPTS's role ends at introduction." },
];

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 and partners; the investment decision and terms remain between you and them.",
  },
  {
    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 long does the process take?",
    answer:
      "The Readiness Review is typically completed within a week. Time to introduction varies by sector and stage, and is communicated plainly once your Advisory Review is complete.",
  },
];

export default function HowItWorksPage() {
  return (
    <div className="container py-16">
      <Breadcrumb items={[{ label: "Home", href: "/" }, { label: "How It Works" }]} />

      <h1 className="mt-6 max-w-2xl font-display text-display-md font-normal text-ink">How It Works</h1>
      <p className="mt-4 max-w-xl text-body-lg text-ink-soft">
        Six stages, from discovery to introduction. ROPTS&apos;s role ends where the direct relationship between your
        organization and the investor or partner begins.
      </p>

      <div className="mt-16 max-w-2xl">
        <h2 className="mb-6 font-display text-h1 font-normal text-ink">The Six Stages</h2>
        <Timeline steps={founderStages} />
      </div>

      <div className="mt-20 max-w-2xl">
        <h2 className="mb-6 font-display text-h1 font-normal text-ink">Frequently Asked</h2>
        <FaqAccordion items={faqs} />
      </div>

      <div className="mt-8 -mx-5 sm:mx-0">
        <CtaSection
          title="Ready to find out if you're fundraising-ready?"
          primaryLabel="Take the Readiness Review"
          primaryHref="/apply/organization"
        />
      </div>
    </div>
  );
}