> ## Documentation Index
> Fetch the complete documentation index at: https://docs.leapfinancial.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Leapfinancial Documentation

> Technical documentation for Leapfinancial products — M2M, RaaS, and VNA

<div className="px-6 py-20 lg:py-32 max-w-4xl mx-auto text-center">
  <h1 className="text-5xl font-bold text-gray-900 dark:text-zinc-50 tracking-tight">
    Developer Documentation
  </h1>

  <p className="mt-5 text-lg text-gray-500 dark:text-zinc-400 max-w-2xl mx-auto leading-relaxed">
    Technical guides, API references, and integration resources for our payment and remittance products.
  </p>
</div>

<div className="max-w-4xl mx-auto px-6 pb-24 grid sm:grid-cols-3 gap-6">
  <a className="group block p-8 rounded-2xl border border-gray-200 dark:border-zinc-800 hover:border-teal-400 dark:hover:border-teal-500 transition-all duration-200" href="/m2m/index">
    <div className="flex items-center gap-3 mb-3">
      <div className="text-teal-600 dark:text-teal-400">
        <Icon icon="arrows-repeat" size={24} />
      </div>

      <h3 className="text-xl font-semibold text-gray-900 dark:text-zinc-50 group-hover:text-teal-600 dark:group-hover:text-teal-400 transition-colors">
        M2M
      </h3>
    </div>

    <p className="text-base text-gray-500 dark:text-zinc-400 leading-relaxed">
      Merchant integration and data exchange. Embed cross-border payments with magic links and a simple API.
    </p>
  </a>

  <a className="group block p-8 rounded-2xl border border-gray-200 dark:border-zinc-800 hover:border-teal-400 dark:hover:border-teal-500 transition-all duration-200" href="/raas/index">
    <div className="flex items-center gap-3 mb-3">
      <div className="text-teal-600 dark:text-teal-400">
        <Icon icon="money-bill-transfer" size={24} />
      </div>

      <h3 className="text-xl font-semibold text-gray-900 dark:text-zinc-50 group-hover:text-teal-600 dark:group-hover:text-teal-400 transition-colors">
        RaaS
      </h3>
    </div>

    <p className="text-base text-gray-500 dark:text-zinc-400 leading-relaxed">
      Remittance as a Service — Partner API. Build remittance flows with our full-featured partner platform.
    </p>
  </a>

  <a className="group block p-8 rounded-2xl border border-gray-200 dark:border-zinc-800 hover:border-teal-400 dark:hover:border-teal-500 transition-all duration-200" href="/vna/index">
    <div className="flex items-center gap-3 mb-3">
      <div className="text-teal-600 dark:text-teal-400">
        <Icon icon="network-wired" size={24} />
      </div>

      <h3 className="text-xl font-semibold text-gray-900 dark:text-zinc-50 group-hover:text-teal-600 dark:group-hover:text-teal-400 transition-colors">
        VNA
      </h3>
    </div>

    <p className="text-base text-gray-500 dark:text-zinc-400 leading-relaxed">
      Virtual Network Agent — Client Interface Implementation. Connect to the Leap network with standardized client interfaces.
    </p>
  </a>
</div>

<div className="max-w-4xl mx-auto px-6 pb-24">
  <div className="p-8 rounded-2xl border border-dashed border-teal-300 dark:border-teal-700 bg-teal-50/50 dark:bg-teal-950/30">
    <div className="flex items-center gap-3 mb-3">
      <div className="text-teal-600 dark:text-teal-400">
        <Icon icon="robot" size={24} />
      </div>

      <h3 className="text-xl font-semibold text-gray-900 dark:text-zinc-50">
        MCP Server Available
      </h3>

      <span className="ml-auto text-xs font-medium uppercase tracking-wider text-teal-600 dark:text-teal-400 border border-teal-300 dark:border-teal-700 rounded-full px-3 py-1">
        New
      </span>
    </div>

    <p className="text-base text-gray-500 dark:text-zinc-400 leading-relaxed mb-4">
      Connect your AI tools directly to our documentation via the Model Context Protocol.
      Query API references, guides, and integration details from Cursor, Claude, or any MCP-compatible client.
    </p>

    <div className="flex items-center gap-2">
      <code className="flex-1 block px-4 py-3 rounded-lg bg-gray-900 dark:bg-zinc-900 text-teal-300 text-sm font-mono">
        [https://docs.leapfinancial.com/mcp](https://docs.leapfinancial.com/mcp)
      </code>

      <button
        className="shrink-0 px-4 py-3 rounded-lg bg-teal-600 hover:bg-teal-700 text-white text-sm font-medium transition-colors cursor-pointer"
        onClick={(e) => {
      navigator.clipboard.writeText('https://docs.leapfinancial.com/mcp');
      const btn = e.currentTarget;
      btn.textContent = 'Copied!';
      setTimeout(() => { btn.textContent = 'Copy'; }, 2000);
    }}
      >
        Copy
      </button>
    </div>
  </div>
</div>