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

# Welcome to our Documentation

<div style={{textAlign: 'center', marginBottom: '2rem'}}>
  <img src="https://mintcdn.com/monieswitch-a80c7231/b9VCGopr8ctPliW8/logo/dark.svg?fit=max&auto=format&n=b9VCGopr8ctPliW8&q=85&s=118a7a692ac0e659f958f1de960344b2" alt="Monieswitch Logo" width="80" height="80" style={{marginBottom: '1rem', opacity: 0.8}} data-path="logo/dark.svg" />

  <p style={{ fontSize: "1.25rem", margin: "1rem 0 2rem 0" }}>
    Build, integrate, and scale with Monieswitch’s APIs and developer tools.
  </p>

  <Button href="/quickstart" style={{marginRight: '1rem'}}>Get Started</Button>
  <Button href="/api-reference/introduction" type="secondary">API Reference</Button>
</div>

<div className="msw-card-grid">
  <a className="msw-card" href="/quickstart">
    <div className="msw-card-icon" style={{ display: "flex", flexDirection: "column", alignItems: "center" }}>
      <Icon icon="rocket-launch" size={150} color="#e99415ff" iconType="duotone" />

      <hr
        style={{
      margin: "1rem 0 0.5rem 0",
      border: "none",
      borderTop: "1.5px solid #e0e0e0",
      width: "80%",
    }}
      />
    </div>

    <h3 style={{ marginTop: "1rem", marginBottom: "0.5rem" }}>Quickstart</h3>

    <span style={{ fontWeight: 400 }}>
      Start building with Monieswitch in minutes. Step-by-step setup for
      businesses.
    </span>
  </a>

  <a className="msw-card" href="/features/introduction">
    <div className="msw-card-icon" style={{ display: "flex", flexDirection: "column", alignItems: "center" }}>
      <Icon icon="globe" size={150} color="#FB9701" iconType="duotone" />

      <hr
        style={{
      margin: "1rem 0 0.5rem 0",
      border: "none",
      borderTop: "1.5px solid #e0e0e0",
      width: "80%",
    }}
      />
    </div>

    <h3 style={{ marginTop: "1rem", marginBottom: "0.5rem" }}>Products</h3>

    <span style={{ fontWeight: 400 }}>
      Explore all Monieswitch products: Payments, Payouts, Wallets, and more.
    </span>
  </a>

  <a className="msw-card" href="/guides/introduction">
    <div className="msw-card-icon" style={{ display: "flex", flexDirection: "column", alignItems: "center" }}>
      <Icon icon="book-open" size={150} color="#FB9701" iconType="duotone" />

      <hr
        style={{
      margin: "1rem 0 0.5rem 0",
      border: "none",
      borderTop: "1.5px solid #e0e0e0",
      width: "80%",
    }}
      />
    </div>

    <h3 style={{ marginTop: "1rem", marginBottom: "0.5rem" }}>Guides</h3>

    <span style={{ fontWeight: 400 }}>
      In-depth guides and best practices for every integration scenario.
    </span>
  </a>

  <a className="msw-card" href="/sdks/plugins/introduction">
    <div className="msw-card-icon" style={{ display: "flex", flexDirection: "column", alignItems: "center" }}>
      <Icon icon="store" size={150} color="#FB9701" iconType="duotone" />

      <hr
        style={{
      margin: "1rem 0 0.5rem 0",
      border: "none",
      borderTop: "1.5px solid #e0e0e0",
      width: "80%",
    }}
      />
    </div>

    <h3 style={{ marginTop: "1rem", marginBottom: "0.5rem" }}>Storefront</h3>

    <span style={{ fontWeight: 400 }}>
      Plugins and SDKs for your favorite platforms. Extend Monieswitch easily.
    </span>
  </a>
</div>