> ## Documentation Index
> Fetch the complete documentation index at: https://nusaai-edit.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

export function openSearch() {
  document.getElementById("search-bar-entry").click();
}

<div className="relative w-full pt-12 pb-0">
  <div id="background-div" className="absolute inset-0" />

  <div className="relative z-10 flex flex-col md:flex-row gap-6" style={{ maxWidth: '70rem', marginLeft: 'auto', marginRight: 'auto', paddingLeft: '1.25rem', paddingRight: '1.25rem' }}>
    <div className="flex-1 text-center">
      <div id="home-header">
        <span className="text-left" style={{ fontWeight: '100px' }}>Integrate</span>

        <span className="brightness-0 dark:brightness-100">
          <img src="https://mintlify.s3.us-west-1.amazonaws.com/nusaai-edit/logo/logo.svg%3Ffit=max&auto=format&n=PF_69UDRSEsLpN9D&q=85&s=0bd1a46d17016e53435d2362ce8213b4" alt="Neosantara" className="neosantara-logo" width="866" height="206" data-path="logo/logo.svg" />
        </span>
      </div>

      <p
        className="description-text"
        style={{
    fontWeight: '400',
    fontSize: '20px',
    maxWidth: '42rem',
    textAlign: 'center',
    margin: '0 auto 1rem auto',
  }}
      >
        Learn how to get started with the Neosantara API
      </p>

      <div className="flex items-center justify-center">
        <button
          type="button"
          className="w-full flex items-center text-sm leading-6 rounded-lg mt-6 py-2.5 px-4 shadow-sm text-white ring-1 ring-gray-400/20 hover:ring-gray-600/25 focus:outline-primary"
          id="home-search-entry"
          style={{
    maxWidth: '32rem',
  }}
          onClick={openSearch}
        >
          <span className="ml-[-0.3rem]">Search Neosantara documentations...</span>
        </button>
      </div>
    </div>
  </div>
</div>

<div style={{ maxWidth: '70rem', marginLeft: 'auto', marginRight: 'auto', paddingLeft: '1.25rem', paddingRight: '1.25rem', marginTop: '3rem' }}>
  <h2 className="description-text" style={{ fontWeight: '60', fontSize: '28px', marginBottom: '1.5rem', textAlign: 'center' }}>
    Developer Platform
  </h2>

  <div className="home-cards-custom">
    <Card title="Get started" icon="play" href="/api-reference/quickstart">
      Make your first API call in minutes.
    </Card>

    <Card title="API reference" icon="code-simple" href="/api-reference/introduction">
      Integrate and scale using our APIs.
    </Card>

    <Card title="Neosantara APP" icon="desktop" href="https://app.neosantara.xyz">
      Craft and test powerful prompts directly in your browser.
    </Card>

    <Card title="Integrations" icon="circle-nodes" href="/en/agent-overview">
      Learn how to build agent with Neosantara.
    </Card>

    <Card title="Try Neosantara Models" icon="planet-ringed" href="/en/models-overview">
      Explore Neosantara models and their capability.
    </Card>
  </div>
</div>