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

# OneBalance Documentation

> A documentation for OneBalance - guides, API reference, tutorials, and resources to build chain-abstracted applications with ease

<div className="max-w-8xl px-4 mx-auto lg:px-8">
  <div className="flex flex-col gap-10 mb-14">
    <div className="flex flex-col text-center items-center justify-center gap-4 main-background mt-6 py-24 text-gray-800 dark:text-white dark:main-background-dark">
      <h1 className="flex flex-col md:flex-row items-center justify-center sm:gap-2">
        <span className="sm:text-5xl block font-bold !mt-0 text-3xl main-text-color">OneBalance</span>
        <span className="sm:text-5xl block font-bold !mt-0 text-3xl">Documentation</span>
      </h1>

      <p className="text-xl max-w-2xl mb-4">
        Explore our guides and examples to integrate the OneBalance Toolkit
      </p>

      {/* Search Bar */}

      <div className="w-full max-w-2xl mb-3">
        <button
          onClick={() => {
        // Trigger Mintlify's search popup
        const event = new KeyboardEvent('keydown', {
          key: 'k',
          metaKey: true,
          ctrlKey: true,
          bubbles: true
        });
        document.dispatchEvent(event);
      }}
          className="w-full flex items-center justify-between px-5 py-3 bg-background-light dark:bg-background-dark border border-neutral-200 dark:border-neutral-800 rounded-xl hover:opacity-80 transition-all duration-200 group shadow-lg hover:shadow-xl hover:shadow-orange-500/10 dark:hover:shadow-orange-400/10"
          style={{
        boxShadow: '0 4px 20px rgba(251, 146, 60, 0.15), 0 1px 3px rgba(0, 0, 0, 0.1)',
      }}
        >
          <div className="flex items-center gap-3 text-gray-700 dark:text-gray-400">
            <span className="text-left">Ask me anything...</span>
          </div>
        </button>
      </div>

      <div className="flex flex-col sm:flex-row items-center gap-3">
        <a href="/getting-started/introduction" className="bg-primary text-white font-semibold rounded-xl px-6 py-2.5 hover:opacity-90 transition-opacity">
          Start building
        </a>

        <a href="/overview/what-is-onebalance" className="border border-neutral-200 dark:border-neutral-800 font-semibold rounded-xl px-6 py-2.5 bg-background-light dark:bg-background-dark hover:opacity-80 transition-colors">
          Learn about OneBalance
        </a>
      </div>
    </div>

    <div className="flex flex-col gap-8">
      <div className="text-center">
        <h2 className="text-3xl font-bold justify-center text-gray-800 dark:text-white mb-2">Get started in minutes</h2>
        <p className="text-lg">Everything you need to integrate OneBalance into your application</p>
      </div>

      <CardGroup cols={3}>
        <Card title="Quickstart" icon="rocket" href="/getting-started/introduction">
          **5 minutes** - Make your first chain-abstracted transaction
        </Card>

        <Card title="Developer Guides" icon="book-open" href="/guides/overview">
          **Step-by-step** - Integration examples and tutorials
        </Card>

        <Card title="API Reference" icon="code" href="/api-reference/introduction">
          **Complete docs** - Explore all endpoints with examples
        </Card>
      </CardGroup>
    </div>

    <div className="flex flex-col gap-8">
      <div className="text-center">
        <h2 className="text-3xl font-bold justify-center text-gray-800 dark:text-white mb-2">Popular guides</h2>
        <p className="text-lg">Step-by-step tutorials to get you building quickly</p>
      </div>

      <CardGroup cols={4}>
        <Card title="Privy Integration" icon="shield-check" href="/guides/chain-abstracted-swap-with-privy">
          Connect OneBalance with Privy for seamless wallet management
        </Card>

        <Card title="Account Models" icon="user-cog" href="/concepts/accounts">
          Choose the right account configuration for your application
        </Card>

        <Card title="Resource Locks" icon="lock" href="/concepts/resource-locks">
          Deep dive into how RL Service enable fast cross-chain execution
        </Card>

        <Card title="Fee Configuration" icon="dollar-sign" href="/concepts/fees">
          Set up dynamic fees that work towards your goals
        </Card>
      </CardGroup>
    </div>

    <div className="flex flex-col gap-8">
      <div className="text-center">
        <h2 className="text-3xl font-bold justify-center text-gray-800 dark:text-white mb-2">Developer resources</h2>
        <p className="text-lg">Tools and resources to accelerate your development</p>
      </div>

      <CardGroup cols={3}>
        <Card title="Example Applications" icon="github" href="https://github.com/OneBalance-io/onebalance-examples">
          **GitHub** - Deployable apps built with OneBalance
        </Card>

        <Card title="Supported Networks" icon="globe" href="/resources/supported-networks">
          **10+ chains** - Complete list of supported networks
        </Card>

        <Card title="FAQs & Troubleshooting" icon="message-circle-question-mark" href="/faq">
          **Get help** - Common questions and solutions
        </Card>

        <Card title="Discord Community" icon="messages-square" href="https://discord.com/invite/vHkw7rpdT8">
          **Join us** - Connect with other developers
        </Card>

        <Card title="AI Integration" icon="brain" href="/ai/building-with-llms">
          **LLM-powered** - Build with AI agents and automation
        </Card>

        <Card title="Changelog" icon="clock" href="/changelog">
          **What's new** - Latest features and updates
        </Card>
      </CardGroup>
    </div>
  </div>
</div>