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

export const metadata: Metadata = {
  title: "Services",
  description:
    "ROPTS Venture Capital's services span fundraising advisory, capital raising, sector-specific funding guidance, and CSR & grants — preparing organizations to raise and connecting them to the right investors and partners.",
  alternates: { canonical: "/services" },
  openGraph: {
    title: "Services — ROPTS Venture Capital",
    description:
      "Fundraising advisory, capital raising, sector funding, and CSR & grants — the four service categories through which ROPTS prepares organizations and makes introductions.",
    type: "website",
    url: "/services",
  },
};

const categories = [
  {
    title: "Fundraising Advisory",
    href: "/services/fundraising-advisory",
    description:
      "Structured preparation — pitch deck review, fundraising strategy, valuation guidance, and investment readiness — before an organization approaches investors.",
  },
  {
    title: "Capital Raising",
    href: "/services/capital-raising",
    description:
      "Investor discovery, strategic introductions, capital raising advisory, and due diligence support that carry a prepared organization through to introduction.",
  },
  {
    title: "Sector Funding",
    href: "/services/sector-funding",
    description:
      "Funding guidance tailored to the realities of startups, MSMEs, SMEs, NGOs, and trusts — each sector raises differently.",
  },
  {
    title: "CSR & Grants",
    href: "/services/csr-and-grants",
    description:
      "CSR partnership matchmaking, grant discovery, government funding guidance, and impact investment advisory for mission-driven organizations.",
  },
];

const serviceJsonLd = {
  "@context": "https://schema.org",
  "@type": "Service",
  name: "Fundraising Advisory and Venture Connectivity Services",
  description:
    "ROPTS Venture Capital's fundraising advisory and connectivity services, spanning pitch preparation, capital raising, sector funding, and CSR & grants.",
  provider: { "@type": "Organization", name: "ROPTS Venture Capital" },
};

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

      <PageHero
        breadcrumb={[{ label: "Home", href: "/" }, { label: "Services" }]}
        eyebrow="What We Do"
        title="Services"
        description="Four categories of work, each addressing a distinct part of the journey from an unprepared organization to a curated investor introduction. ROPTS advises and connects — the investment decision always rests with the investor."
        primaryLabel="Apply to Raise Capital"
        primaryHref="/apply/organization"
        secondaryLabel="How It Works"
        secondaryHref="/how-it-works"
      />

      <section className="container py-16 md:py-20">
        <h2 className="sr-only">Service Categories</h2>
        <div className="grid gap-6 sm:grid-cols-2">
          {categories.map((category) => (
            <Link key={category.href} href={category.href} className="block focus:outline-none">
              <Card className="h-full">
                <CardHeader>
                  <CardTitle>{category.title}</CardTitle>
                </CardHeader>
                <div className="p-6 pt-3">
                  <CardDescription>{category.description}</CardDescription>
                </div>
              </Card>
            </Link>
          ))}
        </div>
      </section>

      <CtaSection
        title="Ready to find out which service fits where you are?"
        description="Apply in minutes. There is no cost, and no obligation until an introduction is made."
        primaryLabel="Apply to Raise Capital"
        primaryHref="/apply/organization"
        secondaryLabel="How It Works"
        secondaryHref="/how-it-works"
      />
    </>
  );
}