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

# Granola Help Center

> Search Granola documentation. Get help with setup, note-taking, transcription, integrations, and more.

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

export function openChat() {
  if (typeof Decimal !== "undefined") {
    Decimal.show();
  }
}

<div
  className="bg-[#F2F2EC] dark:bg-[#212121]"
  style={{ 
minHeight: 'calc(100vh - 120px)', 
padding: '2rem 1rem',
width: '100%',
display: 'flex',
flexDirection: 'column',
alignItems: 'center',
justifyContent: 'center'
}}
>
  <div style={{ textAlign: 'center', width: '100%', maxWidth: '700px', margin: '0 auto' }}>
    <h1
      className="text-black dark:text-white !text-center w-full"
      style={{
      fontSize: 'clamp(24px, 4vw, 48px)',
      fontWeight: 500,
      margin: '0 auto 2rem auto',
  }}
    >
      Ask a question about Granola
    </h1>

    <button type="button" className="w-full flex items-center justify-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] ring-2 ring-[#788c15] hover:ring-[#5b6f00] dark:ring-[#b2c248] dark:hover:ring-[#d1e043] focus:outline-primary" id="home-search-entry" onClick={openSearch}>
      <svg
        className="h-4 w-4 flex-none bg-[#788c15] dark:bg-[#b2c248]"
        style={{
      marginRight: '0.5rem',
      maskImage: 'url("https://mintlify.b-cdn.net/v6.5.1/solid/magnifying-glass.svg")',
      maskRepeat: 'no-repeat',
      maskPosition: 'center center',
    }}
      />

      Type here to explore docs, guides, and more...
    </button>
  </div>

  <div style={{ marginTop: '3rem', maxWidth: '52rem', width: '100%', margin: '3rem auto 0 auto' }}>
    <CardGroup cols={3}>
      <Card title="Desktop" icon="desktop" href="/help-center/getting-started/setting-up-granola-for-the-first-time">
        Get started with Granola on macOS or Windows
      </Card>

      <Card title="Mobile" icon="mobile" href="/help-center/ios/getting-started">
        Get started with Granola on iOS
      </Card>

      <Card title="Chat" icon="comments" href="/help-center/search#chat">
        Get answers to your questions about Granola
      </Card>
    </CardGroup>
  </div>
</div>