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

# Home

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

<div className="relative w-full flex items-center justify-center" style={{ height: '24rem', overflow: 'hidden' }}>
  <div id="background-div" class="absolute inset-0" style={{height: "24rem", backgroundColor: "#117866", backgroundSize: "cover", backgroundPosition: "center"}} />

  <div style={{ position: 'absolute', textAlign: 'center', padding: '0 1rem', maxWidth: '100%', left: '50%', transform: 'translateX(-50%)' }}>
    <h1
      className="text-white "
      style={{
      marginTop: '4rem',
      fontSize: '42px',
      fontWeight: 500,
      margin: '0',
      whiteSpace: 'nowrap',
      textAlign: 'center'
  }}
    >
      Welcome to PearsDB
    </h1>

    <p className="mt-2 text-white">How can we help you? </p>

    <div className="flex items-center justify-center">
      <div className="flex items-center justify-center" style={{ width: '100%' }}>
        <button
          type="button"
          className="hidden w-full lg:flex items-center text-sm leading-6 rounded-full py-2 pl-3 pr-3 shadow-sm text-gray-400 dark:text-white/50 bg-background-light dark:bg-background-dark dark:brightness-[1.1] dark:ring-1 dark:hover:brightness-[1.25] ring-1 ring-gray-400/20 hover:ring-gray-600/25 dark:ring-gray-600/30 dark:hover:ring-gray-500/30 focus:outline-primary"
          id="home-search-entry"
          style={{
    marginTop: '2rem',
    maxWidth: '100rem',
    width: '90%',
    margin: '2rem auto 0'
  }}
          onClick={openSearch}
        >
          <svg
            className="h-4 w-4 ml-1.5 flex-none bg-primary-light hover:bg-gray-600 dark:bg-white/50 dark:hover:bg-white/70"
            style={{
      marginRight: '0.5rem',
     maskImage:
       'url("https://mintlify.b-cdn.net/v6.5.1/solid/magnifying-glass.svg")',
     maskRepeat: 'no-repeat',
     maskPosition: 'center center',
    }}
          />

          Search docs, APIs, and more...
        </button>
      </div>
    </div>
  </div>
</div>

<div
  style={{
marginTop: '0rem',
marginBottom: '8rem',
maxWidth: '70rem',
marginLeft: 'auto',
marginRight: 'auto',
paddingLeft: '1.25rem',
paddingRight: '1.25rem'
}}
>
  <h2
    className="text-gray-900 dark:text-gray-200 text-center"
    style={{
  marginTop: '2rem',
  marginBottom: '1rem',
  fontWeight: '500',
  fontSize: '2rem'
}}
  >
    Get <span className="text-primary-dark">started</span>
  </h2>

  <CardGroup cols={3}>
    <Card title="Quickstart" icon="bolt" href="docs/introduction" horizontal={true}>
      What is PearsDB and how do I onboard?
    </Card>

    <Card title="APIs" icon="code" iconType="solid" href="api-reference/introduction" horizontal={true}>
      What endpoints are available?
    </Card>

    <Card title="Libaries" icon="folder-tree" iconType="solid" href="libraries/nodejs" horizontal={true}>
      What SDKs do you have?
    </Card>
  </CardGroup>

  <Banner title="We're an X Partner" img="https://mintlify.s3-us-west-1.amazonaws.com/x-preview/images/XOPP_logo_black.png" description="Follow us on X to stay up to date with the latest news and updates releases. We'll also be posting about PearsDB and AI Database Prediction. Also follow our founder @RuhanPonnada!" />
</div>