import type { Metadata } from "next";
import { PageHero } from "@/components/patterns/PageHero";
import { SectionHeading } from "@/components/patterns/SectionHeading";
import { CtaSection } from "@/components/patterns/CtaSection";
import { Card, CardHeader, CardTitle, CardDescription } from "@/components/ui/Card";

export const metadata: Metadata = {
  title: "Vision & Mission",
  description:
    "ROPTS Venture Capital's vision and mission: closing the gap between organizations that deserve funding and the investors and partners who could fund them.",
  alternates: { canonical: "/about/vision-and-mission" },
  openGraph: {
    title: "Vision & Mission — ROPTS Venture Capital",
    description:
      "Why ROPTS exists as a fundraising advisory and connectivity firm, and the principles that guide how it prepares organizations and makes introductions.",
    type: "website",
    url: "/about/vision-and-mission",
  },
};

const jsonLd = {
  "@context": "https://schema.org",
  "@type": "AboutPage",
  name: "Vision & Mission — ROPTS Venture Capital",
  description:
    "ROPTS Venture Capital's vision is a funding landscape where organizations are matched to capital on genuine fit; its mission is to prepare organizations for that conversation and introduce them responsibly.",
  url: "https://www.ropts.com/about/vision-and-mission",
};

const principles = [
  {
    title: "Readiness before introduction",
    description:
      "An organization is only introduced once its narrative, documentation, and governance can withstand real investor scrutiny — not before.",
  },
  {
    title: "Fit over volume",
    description:
      "A curated introduction to a genuinely aligned investor or partner is worth more than a wide, unfiltered mailing list of contacts.",
  },
  {
    title: "Honest feedback",
    description:
      "Where an organization isn't ready, it receives specific, constructive reasons why — not silence and not a generic rejection.",
  },
  {
    title: "A clear boundary at introduction",
    description:
      "ROPTS does not sit at the negotiating table. What happens after an introduction is a direct relationship between the organization and the investor or partner.",
  },
];

export default function VisionAndMissionPage() {
  return (
    <>
      <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }} />

      <PageHero
        breadcrumb={[{ label: "Home", href: "/" }, { label: "About", href: "/about" }, { label: "Vision & Mission" }]}
        eyebrow="About"
        title="Vision & Mission"
        description="A funding landscape where organizations are matched to capital and partnership on genuine fit — not on who happens to have the right contact."
        primaryLabel="See How It Works"
        primaryHref="/how-it-works"
        secondaryLabel="Apply to Raise Capital"
        secondaryHref="/apply/organization"
      />

      <div className="container py-16">
        <div className="max-w-2xl">
          <SectionHeading eyebrow="Vision" title="Fundraising decided on fit, not proximity" />
          <p className="mt-6 text-body-md text-ink-soft">
            Too many organizations that deserve funding never reach the investors or partners who would fund them,
            while too many investors and partners spend their time on mandates that were never a fit in the first
            place. ROPTS&apos;s vision is a funding landscape where that mismatch is the exception, not the rule — where
            startups, MSMEs, SMEs, NGOs, trusts, and social enterprises are evaluated on readiness and genuine sector
            or stage fit, and where investors, CSR partners, and grant providers can trust that what reaches them has
            already been reviewed.
          </p>
        </div>

        <div className="mt-16 max-w-2xl">
          <SectionHeading eyebrow="Mission" title="Prepare, then introduce, responsibly" />
          <p className="mt-6 text-body-md text-ink-soft">
            ROPTS&apos;s mission is to prepare organizations for the fundraising conversations they are about to have, and
            to introduce them only when that preparation is genuinely in place. That means an honest readiness
            review before anything else, plain feedback when an organization isn&apos;t yet ready, and introductions built
            on stated investor focus rather than volume. It also means recognizing the limit of our role: ROPTS
            advises and connects; it does not invest directly, and it does not guarantee that any introduction leads
            to funding.
          </p>
        </div>

        <div className="mt-16">
          <SectionHeading eyebrow="How We Operate" title="The principles behind every mandate" />
          <div className="mt-8 grid gap-6 sm:grid-cols-2">
            {principles.map((principle) => (
              <Card key={principle.title}>
                <CardHeader>
                  <CardTitle>{principle.title}</CardTitle>
                  <CardDescription>{principle.description}</CardDescription>
                </CardHeader>
              </Card>
            ))}
          </div>
        </div>
      </div>

      <CtaSection
        title="See how readiness and introduction actually work."
        primaryLabel="See How It Works"
        primaryHref="/how-it-works"
        secondaryLabel="Apply to Raise Capital"
        secondaryHref="/apply/organization"
      />
    </>
  );
}