# Source: https://docs.squared.ai/home/welcome.md

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

# null

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

<div className="relative w-full flex items-center justify-center" style={{ height: '31.25rem', backgroundColor: '#1F1F33', overflow: 'hidden' }}>
  <div style={{ flex: 'none' }}>
    <img className="pointer-events-none" src="https://mintcdn.com/multiwoven-74/0cWhN_GlAyOtF2Qi/images/aisquared_banner.png?fit=max&auto=format&n=0cWhN_GlAyOtF2Qi&q=85&s=c23108c90e3c60287fce1cd197c03509" data-og-width="3840" width="3840" data-og-height="1474" height="1474" data-path="images/aisquared_banner.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/multiwoven-74/0cWhN_GlAyOtF2Qi/images/aisquared_banner.png?w=280&fit=max&auto=format&n=0cWhN_GlAyOtF2Qi&q=85&s=78e5499aeaefb60c2d2b775425e87994 280w, https://mintcdn.com/multiwoven-74/0cWhN_GlAyOtF2Qi/images/aisquared_banner.png?w=560&fit=max&auto=format&n=0cWhN_GlAyOtF2Qi&q=85&s=62d24823fa1fd91dd762a8ae4ed64afb 560w, https://mintcdn.com/multiwoven-74/0cWhN_GlAyOtF2Qi/images/aisquared_banner.png?w=840&fit=max&auto=format&n=0cWhN_GlAyOtF2Qi&q=85&s=2331dcee14b809fdc24fb372ebae46ca 840w, https://mintcdn.com/multiwoven-74/0cWhN_GlAyOtF2Qi/images/aisquared_banner.png?w=1100&fit=max&auto=format&n=0cWhN_GlAyOtF2Qi&q=85&s=a5806f7fbd6c7e27d238b9e504fc4a64 1100w, https://mintcdn.com/multiwoven-74/0cWhN_GlAyOtF2Qi/images/aisquared_banner.png?w=1650&fit=max&auto=format&n=0cWhN_GlAyOtF2Qi&q=85&s=3432d9faee48ee380dacf6af7b1466a3 1650w, https://mintcdn.com/multiwoven-74/0cWhN_GlAyOtF2Qi/images/aisquared_banner.png?w=2500&fit=max&auto=format&n=0cWhN_GlAyOtF2Qi&q=85&s=e6fe17095797e5c87aec44cc5b2d01fa 2500w" />
  </div>

  <div style={{ position: 'absolute', textAlign: 'center' }}>
    <div
      style={{
      color: 'white',
      fontWeight: '400',
      fontSize: '48px',
      margin: '0',
    }}
    >
      Bring AI To Where Work Happens
    </div>

    <p
      style={{
      color: 'white',
      fontWeight: '400',
      fontSize: '20px',
      opacity: '0.7',
    }}
    >
      What can we help you build?
    </p>

    <button
      type="button"
      className="mx-auto w-full flex items-center text-sm leading-6 shadow-sm text-gray-400 bg-white gap-2 ring-1 ring-gray-400/20 focus:outline-primary"
      id="home-search-entry"
      style={{
      maxWidth: '24rem',
      borderRadius: '4px',
      marginTop: '3rem',
      paddingLeft: '0.75rem',
      paddingRight: '0.75rem',
      paddingTop: '0.75rem',
      paddingBottom: '0.75rem',
    }}
      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',
      }}
      />

      Start a chat with us...
    </button>
  </div>
</div>

<div
  style={{marginTop: '6rem', marginBottom: '8rem', maxWidth: '70rem', marginLeft: 'auto',
  marginRight: 'auto', paddingLeft: '1.25rem',
  paddingRight: '1.25rem' }}
>
  <div
    style={{
  textAlign: 'center',
  fontSize: '24px',
  fontWeight: '600',
  marginBottom: '3rem',
}}
  >
    <h1 className="text-black dark:text-white">
      Choose a topic below or simply{' '}
      <a href="https://app.squared.ai" className="text-primary underline" style={{textUnderlineOffset: "5px"}}>get started</a>
    </h1>
  </div>

  <CardGroup cols={3}>
    <Card title="Getting Started" icon="book-open" href="/getting-started">
      Onboarding, setup, and key concepts to get started with AI Squared.
    </Card>

    <Card title="AI Activation" icon="brain" href="/activation/ai-modelling/introduction">
      Connect to AI/ML models, databases, and business data sources.
    </Card>

    <Card title="AI Workflows" icon="party-horn" href="/workflows">
      Latest features, enhancements, and release notes.
    </Card>

    <Card title="Data Movement" icon="database" iconType="solid" href="/guides/core-concepts">
      Add AI-powered insights, chatbots, and automation into business apps.
    </Card>

    <Card title="Deployment & Security" icon="link-simple" href="/deployment-and-security/overview">
      Deployment options, security best practices, and compliance.
    </Card>

    <Card title="Developers" icon="code" href="/api-reference/introduction">
      API documentation, integration guides, and developer resources.
    </Card>
  </CardGroup>
</div>