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

# Welcome

> Your starting point for building with the meCash API platform.

<div
  style={{
display: 'flex',
flexDirection: 'column',
gap: '4rem',
padding: '4rem 0',
maxWidth: '1100px',
margin: '0 auto'
}}
>
  <section className="hero-gradient">
    <div className="hero-copy">
      <span className="hero-kicker" style={{ color: '#000000' }}>meCash Developer Hub</span>

      <h1 className="hero-title" style={{ color: '#000000' }}>
        Make global payouts, wallets, and collections faster.
      </h1>

      <p className="hero-subtitle" style={{ color: '#000000' }}>
        Build real-time money movement into your product with clear guides, OpenAPI references,
        and prebuilt examples. Move from sandbox to production-ready integrations in hours, not weeks.
      </p>

      <div className="hero-actions">
        <a className="hero-primary" href="/quickstart">
          Let's get started
        </a>

        <a className="hero-secondary" href="/api-reference/introduction">
          Explore API Reference
        </a>
      </div>
    </div>

    <div className="hero-illustration">
      <img className="hero-illustration-dark" src="https://mintcdn.com/mecash-0665cec5/YwWwP-Aa6_SDT7kC/public/images/code-banner.png?fit=max&auto=format&n=YwWwP-Aa6_SDT7kC&q=85&s=00448a034a371c9a3ad6bead83cee86d" alt="Purple document illustration" width="542" height="581" data-path="public/images/code-banner.png" />
    </div>
  </section>

  <section style={{ borderTop: '1px solid var(--border-color, #e5e7eb)', borderBottom: '1px solid var(--border-color, #e5e7eb)', background: 'var(--bg-muted, rgba(0,0,0,0.02))', borderRadius: '16px', padding: '2rem 2.5rem' }}>
    <div style={{ display: 'grid', gridTemplateColumns: 'repeat(4, 1fr)', gap: '1.5rem', textAlign: 'center' }}>
      <div>
        <p style={{ fontSize: '2rem', fontWeight: '700', background: 'linear-gradient(to right, #7c3aed, #8b5cf6)', WebkitBackgroundClip: 'text', WebkitTextFillColor: 'transparent', margin: '0 0 4px' }}>150+</p>
        <p style={{ fontSize: '0.875rem', color: 'var(--text-muted, #6b7280)', margin: 0 }}>Payout Corridors</p>
      </div>

      <div>
        <p style={{ fontSize: '2rem', fontWeight: '700', margin: '0 0 4px' }}>REST</p>
        <p style={{ fontSize: '0.875rem', color: 'var(--text-muted, #6b7280)', margin: 0 }}>API Architecture</p>
      </div>

      <div>
        <p style={{ fontSize: '2rem', fontWeight: '700', margin: '0 0 4px' }}>⚡ Fast</p>
        <p style={{ fontSize: '0.875rem', color: 'var(--text-muted, #6b7280)', margin: 0 }}>Reliable Webhooks</p>
      </div>

      <div>
        <p style={{ fontSize: '2rem', fontWeight: '700', color: '#16a34a', margin: '0 0 4px' }}>99.9%</p>
        <p style={{ fontSize: '0.875rem', color: 'var(--text-muted, #6b7280)', margin: 0 }}>Uptime SLA</p>
      </div>
    </div>
  </section>

  <section>
    <h2 className="section-title centered">
      Navigate the Docs
    </h2>

    <CardGroup cols={4}>
      <Card title="Getting Started" icon="rocket" href="/quickstart">
        Create your workspace, secure your credentials, and verify IPs before your first request.
      </Card>

      <Card title="Documentation" icon="book" href="/documentation-overview">
        Learn how wallets, quotes, payouts, and virtual accounts work together across flows.
      </Card>

      <Card title="API Reference" icon="code" href="/api-reference/introduction">
        Browse every endpoint schema, test requests in the playground, and grab ready-made examples.
      </Card>

      <Card title="Resources" icon="lightbulb" href="/faq">
        Tap into FAQs, troubleshooting guides, and support channels whenever you need assistance.
      </Card>
    </CardGroup>
  </section>

  <section style={{ background: 'var(--bg-muted, rgba(0,0,0,0.02))', border: '1px solid var(--border-color, #e5e7eb)', borderRadius: '20px', padding: '2.5rem 3rem' }}>
    <div style={{ display: 'flex', flexDirection: 'column', gap: '2rem' }}>
      <div style={{ display: 'flex', gap: '0.5rem', alignItems: 'center' }}>
        <span style={{ width: '8px', height: '8px', borderRadius: '50%', background: '#10b981', display: 'inline-block' }} />

        <span style={{ fontSize: '0.75rem', fontWeight: '600', textTransform: 'uppercase', letterSpacing: '0.05em', color: '#059669' }}>Quick Integration</span>
      </div>

      <div style={{ display: 'flex', flexDirection: 'row', gap: '3rem', alignItems: 'flex-start', flexWrap: 'wrap' }}>
        <div style={{ flex: '1', minWidth: '260px' }}>
          <h2 style={{ fontSize: '1.75rem', fontWeight: '700', margin: '0 0 1rem' }}>Ship in hours, not weeks.</h2>

          <p style={{ color: 'var(--text-muted, #6b7280)', lineHeight: '1.7', marginBottom: '1.5rem' }}>
            A clean REST API with predictable responses, real code examples in 12+ languages, and a sandbox you can hit immediately.
          </p>

          <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>
            <div style={{ display: 'flex', gap: '0.75rem', alignItems: 'flex-start' }}>
              <span style={{ fontSize: '1rem' }}>✅</span>

              <div>
                <p style={{ fontWeight: '600', margin: '0 0 2px', fontSize: '0.9rem' }}>Instant Sandbox Access</p>
                <p style={{ color: 'var(--text-muted, #6b7280)', margin: 0, fontSize: '0.85rem' }}>Test every endpoint with zero risk before going live.</p>
              </div>
            </div>

            <div style={{ display: 'flex', gap: '0.75rem', alignItems: 'flex-start' }}>
              <span style={{ fontSize: '1rem' }}>✅</span>

              <div>
                <p style={{ fontWeight: '600', margin: '0 0 2px', fontSize: '0.9rem' }}>Webhook-First Architecture</p>
                <p style={{ color: 'var(--text-muted, #6b7280)', margin: 0, fontSize: '0.85rem' }}>Real-time notifications for every state change.</p>
              </div>
            </div>

            <div style={{ display: 'flex', gap: '0.75rem', alignItems: 'flex-start' }}>
              <span style={{ fontSize: '1rem' }}>✅</span>

              <div>
                <p style={{ fontWeight: '600', margin: '0 0 2px', fontSize: '0.9rem' }}>Interactive Playground</p>
                <p style={{ color: 'var(--text-muted, #6b7280)', margin: 0, fontSize: '0.85rem' }}>Try requests directly from the docs — no Postman needed.</p>
              </div>
            </div>
          </div>
        </div>

        <div style={{ flex: '1', minWidth: '260px' }}>
          <img src="https://mintcdn.com/mecash-0665cec5/DGAQrYCZiOuRMgwg/public/hero-api-response.png?fit=max&auto=format&n=DGAQrYCZiOuRMgwg&q=85&s=bf6845f52cbfab8ad43e962721b92947" alt="200 OK Payout Completed API Response" style={{ width: '100%', borderRadius: '14px', boxShadow: '0 8px 32px rgba(0,0,0,0.10)', border: '1px solid var(--border-color, #e5e7eb)', display: 'block' }} width="640" height="640" data-path="public/hero-api-response.png" />
        </div>
      </div>
    </div>
  </section>

  <section>
    <h2 className="section-title centered">
      Launch a Use Case
    </h2>

    <CardGroup cols={2}>
      <Card title="Manage Wallets" icon="wallet" href="/wallet-docs/wallet-overview">
        Issue and monitor multi-currency wallets, sync balances, and reconcile funds across regions.
      </Card>

      <Card title="Lock in Rates" icon="calculator" href="/quote-docs/about-quote">
        Generate guaranteed quotes with fee transparency and corridor-specific compliance rules.
      </Card>

      <Card title="Send Payouts" icon="money-bill-transfer" href="/payout-docs/payout">
        Orchestrate bank transfers and mobile money payouts with detailed, corridor-specific recipes.
      </Card>

      <Card title="Collect via Virtual Accounts" icon="building-columns" href="/virtual-accounts-docs/about-virtual-account">
        Spin up static or dynamic collection accounts, automate notifications, and reconcile deposits seamlessly.
      </Card>

      <Card title="Bulk Payouts" icon="users" href="/payout-docs/bulk-payout">
        Disburse funds to multiple beneficiaries in a single request, manage batch results, and automate high-volume transfers.
      </Card>
    </CardGroup>
  </section>

  <section>
    <h2 className="section-title centered">
      Need a Hand?
    </h2>

    <CardGroup cols={2}>
      <Card title="Request a Demo" icon="calendar" href="/request-demo">
        Book a personalized walkthrough with our product experts to explore payouts and collections.
      </Card>

      <Card title="Join the Community" icon="discord" href="https://discord.com/invite/CC5v6h52Wk">
        Chat with the meCash team and other builders in our Discord server for quick tips and support.
      </Card>

      <Card title="Follow Updates on X" icon="twitter" href="https://x.com/mecash14">
        Stay in the loop on releases, maintenance windows, and product highlights directly on X (Twitter).
      </Card>

      <Card title="Email Support" icon="envelope" href="mailto:support@me-cash.com">
        Prefer email? Reach the support team anytime at [support@me-cash.com](mailto:support@me-cash.com) for tailored assistance.
      </Card>
    </CardGroup>
  </section>

  <div aria-hidden="true" style={{ display: 'none' }}>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/biel-search/dist/biel-search/biel-search.css" />

    <script type="module" src="https://cdn.jsdelivr.net/npm/biel-search/dist/biel-search/biel-search.esm.js" />
  </div>

  <biel-button project="xvqjfh6ecf" header-title="Biel.ai Chatbot" button-position="bottom-right" modal-position="sidebar-right" button-style="dark">
    Ask AI
  </biel-button>
</div>