> ## Documentation Index
> Fetch the complete documentation index at: https://docs.gp.scale.com/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 className="absolute inset-0 bg-primary dark:bg-primary-light" style={{opacity: 0.05 }} />

  <div style={{ position: 'absolute', textAlign: 'center', padding: '0 1rem' }}>
    <div
      className="text-gray-900 dark:text-gray-200"
      style={{
 fontWeight: '600',
 fontSize: '42px',
 margin: '0',
}}
    >
      Scale GP <span className="text-primary dark:text-primary-light">Documentation</span>
    </div>

    <p
      className="prose prose-gray dark:prose-invert"
      style={{
  marginTop: '1rem',
 fontWeight: '400',
 fontSize: '16px',
 maxWidth: '42rem'
}}
    >
      Explore our Guides and API Reference to get the most out of the Scale GenAI Platform.
    </p>

    <div className="flex items-center justify-center">
      <button
        type="button"
        className="hidden w-full lg:flex items-center text-sm leading-6 rounded-lg py-1.5 pl-2.5 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: '28rem',
}}
        onClick={openSearch}
      >
        <svg
          className="h-4 w-4 ml-1.5 mr-3 flex-none bg-gray-500 hover:bg-gray-600 dark:bg-white/50 dark:hover:bg-white/70"
          style={{
   maskImage:
     'url("https://mintlify.b-cdn.net/v6.5.1/solid/magnifying-glass.svg")',
   maskRepeat: 'no-repeat',
   maskPosition: 'center center',
   marginRight: '1rem'
  }}
        />

        How do I create an evaluation...
      </button>
    </div>
  </div>
</div>

<div
  style={{marginTop: '6rem', marginBottom: '8rem', maxWidth: '70rem', marginLeft: 'auto',
marginRight: 'auto', paddingLeft: '1.25rem',
paddingRight: '1.25rem', fontWeight: 'bold' }}
>
  <div
    className="text-gray-900 dark:text-gray-200"
    style={{
textAlign: 'center',
fontSize: '24px',
fontWeight: '400',
marginBottom: '3rem',
}}
  >
    Choose a topic below or
    <a href="/docs/introduction" className="text-primary dark:text-primary-light">Get Started</a>
  </div>

  <h2 className="text-gray-900 dark:text-gray-200" style={{marginTop: '2rem', marginBottom: '2rem', fontWeight: '600', fontSize:'50'}} />

  <CardGroup cols={3}>
    <Card title="Quick Start" icon="play" href="/docs/getting-started">
      Make your first API call in minutes
    </Card>

    <Card title="API Reference" icon="code-simple" href="/reference">
      Integrate and scale using our API and SDKs
    </Card>

    <Card title="Guides" icon="books" href="/docs/intro-to-the-sgp-ui">
      End-to-end tutorials of key workflows
    </Card>

    <Card title="Recipes" icon="utensils" href="/recipes">
      Code samples and implementations
    </Card>

    <Card title="Platform" icon="layer-group" href="https://app.sgp.scale.com/">
      Go to the Scale GP Dashboard
    </Card>

    <Card title="Solutions" icon="lightbulb" href="https://scale.com/enterprise/generative-ai-solutions">
      Prebuilt GenAI Solutions for Enterprise
    </Card>
  </CardGroup>
</div>