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: "Careers",
  description:
    "ROPTS Venture Capital hires for fundraising advisory review, investor and partner relationships, and sector research. Register your interest — there is no live job board.",
  alternates: { canonical: "/careers" },
  openGraph: {
    title: "Careers — ROPTS Venture Capital",
    description:
      "The kind of work ROPTS hires for: advisory review, investor and partner relationships, and sector research in service of fundraising advisory and venture connectivity.",
    type: "website",
    url: "/careers",
  },
};

const jsonLd = {
  "@context": "https://schema.org",
  "@type": "WebPage",
  name: "Careers — ROPTS Venture Capital",
  description:
    "ROPTS Venture Capital is a fundraising advisory and venture-connectivity firm. This page describes the kind of work it hires for and how to register interest.",
  url: "https://www.ropts.com/careers",
};

const workAreas = [
  {
    title: "Advisory Review",
    description:
      "Assessing an organization's fundraising readiness — narrative, valuation, documentation — against a consistent, sector-appropriate standard, and giving specific, actionable feedback.",
  },
  {
    title: "Investor & Partner Relationships",
    description:
      "Maintaining and deepening working relationships with angel investors, VC firms, family offices, CSR partners, grant providers, and other partners in the network, so introductions are matched on genuine focus.",
  },
  {
    title: "Sector Research",
    description:
      "Tracking funding trends, investor mandates, and compliance expectations across startups, MSMEs, SMEs, NGOs, trusts, and social enterprises to keep readiness criteria and matching current.",
  },
  {
    title: "Operations & Client Support",
    description:
      "Running the day-to-day process that moves an organization from application through review, preparation, and introduction without friction.",
  },
];

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

      <PageHero
        breadcrumb={[{ label: "Home", href: "/" }, { label: "Careers" }]}
        eyebrow="Careers"
        title="Work on the advisory side of fundraising"
        description="ROPTS doesn't currently maintain a public job board. If the kind of work below is a fit, register your interest and we'll follow up when there's a genuine match."
        primaryLabel="Get in Touch"
        primaryHref="/contact"
      />

      <div className="container py-16">
        <div className="max-w-2xl">
          <SectionHeading eyebrow="Why ROPTS" title="Advisory work with a clear boundary" />
          <p className="mt-6 text-body-md text-ink-soft">
            ROPTS is a fundraising advisory and venture-connectivity firm, not a fund — the work here is about
            preparing organizations to raise well and matching them to investors and partners on genuine fit, not
            about managing a portfolio. People who do well in this work tend to care as much about giving an honest
            &quot;not yet, and here&apos;s why&quot; as they do about making a strong introduction, and are comfortable operating
            across very different kinds of organizations, from early-stage startups to NGOs and trusts.
          </p>
        </div>

        <div className="mt-16">
          <SectionHeading eyebrow="The Kind of Work" title="What we hire for" />
          <div className="mt-8 grid gap-6 sm:grid-cols-2">
            {workAreas.map((area) => (
              <Card key={area.title}>
                <CardHeader>
                  <CardTitle>{area.title}</CardTitle>
                  <CardDescription>{area.description}</CardDescription>
                </CardHeader>
              </Card>
            ))}
          </div>
        </div>

        <div className="mt-16 max-w-2xl">
          <SectionHeading eyebrow="How To Apply" title="Register your interest" />
          <p className="mt-6 text-body-md text-ink-soft">
            There is no standing list of open roles on this page. If your background sits in one of the areas above,
            get in touch and tell us where your experience fits — we review interest against actual need rather than
            keeping a fixed set of requisitions open.
          </p>
        </div>
      </div>

      <CtaSection title="Interested in working with ROPTS?" primaryLabel="Get in Touch" primaryHref="/contact" />
    </>
  );
}