> ## 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 1.2rem auto',
  }}
    >
      Get help with Granola
    </h1>

    <div
      style={{
    display: "flex",
    alignItems: "center",
    justifyContent: "center",
    gap: "0.9rem",
    width: "100%",
    maxWidth: "52rem",
    margin: "0 auto",
  }}
    >
      <button type="button" className="flex items-center justify-center text-sm leading-6 rounded-full py-2 pl-3 pr-3 shadow-sm bg-background-light dark:bg-background-dark dark:brightness-[1.1] dark:text-white/50 border border-[#b9c57a] dark:border-[#89924a] focus:outline-primary" id="home-search-entry" onClick={openSearch} style={{ width: "100%", backgroundColor: "#ffffff", color: "#6f6f69" }}>
        <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",
      }}
        />

        Search our docs...
      </button>
    </div>
  </div>

  <div style={{ marginTop: '2.5rem', maxWidth: '52rem', width: '100%', margin: '2.5rem auto 0 auto' }}>
    <div className="help-home-grid">
      <a className="help-home-tile" href="/help-center/managing-your-account/subscriptions-and-billing#subscriptions-and-billing">
        <span className="help-home-tile-icon" style={{ maskImage: 'url("https://mintlify.b-cdn.net/v6.5.1/solid/credit-card.svg")', WebkitMaskImage: 'url("https://mintlify.b-cdn.net/v6.5.1/solid/credit-card.svg")' }} />

        <span className="help-home-tile-label" style={{ fontSize: "1.05rem", lineHeight: 1.2, fontWeight: 500 }}>Subscriptions & billing</span>
      </a>

      <a className="help-home-tile" href="/help-center/getting-started/setting-up-granola-for-the-first-time">
        <span className="help-home-tile-icon" style={{ maskImage: 'url("https://mintlify.b-cdn.net/v6.5.1/solid/desktop.svg")', WebkitMaskImage: 'url("https://mintlify.b-cdn.net/v6.5.1/solid/desktop.svg")' }} />

        <span className="help-home-tile-label" style={{ fontSize: "1.05rem", lineHeight: 1.2, fontWeight: 500 }}>Desktop setup</span>
      </a>

      <a className="help-home-tile" href="/help-center/ios/getting-started">
        <span className="help-home-tile-icon" style={{ maskImage: 'url("https://mintlify.b-cdn.net/v6.5.1/solid/mobile.svg")', WebkitMaskImage: 'url("https://mintlify.b-cdn.net/v6.5.1/solid/mobile.svg")' }} />

        <span className="help-home-tile-label" style={{ fontSize: "1.05rem", lineHeight: 1.2, fontWeight: 500 }}>Mobile setup</span>
      </a>

      <a className="help-home-tile" href="/help-center/transfer-notes-between-workspaces#transfer-notes-between-workspaces">
        <span className="help-home-tile-icon" style={{ maskImage: 'url("https://mintlify.b-cdn.net/v6.5.1/solid/folder-open.svg")', WebkitMaskImage: 'url("https://mintlify.b-cdn.net/v6.5.1/solid/folder-open.svg")' }} />

        <span className="help-home-tile-label" style={{ fontSize: "1.05rem", lineHeight: 1.2, fontWeight: 500 }}>Transfer notes to workspace</span>
      </a>

      <a className="help-home-tile" href="/help-center/transfer-notes-between-accounts#transfer-notes-between-accounts">
        <span className="help-home-tile-icon" style={{ maskImage: 'url("https://mintlify.b-cdn.net/v6.5.1/solid/user.svg")', WebkitMaskImage: 'url("https://mintlify.b-cdn.net/v6.5.1/solid/user.svg")' }} />

        <span className="help-home-tile-label" style={{ fontSize: "1.05rem", lineHeight: 1.2, fontWeight: 500 }}>Transfer notes to account</span>
      </a>

      <a className="help-home-tile" href="/help-center/getting-started/syncing-your-calendars">
        <span className="help-home-tile-icon" style={{ maskImage: 'url("https://mintlify.b-cdn.net/v6.5.1/solid/calendar.svg")', WebkitMaskImage: 'url("https://mintlify.b-cdn.net/v6.5.1/solid/calendar.svg")' }} />

        <span className="help-home-tile-label" style={{ fontSize: "1.05rem", lineHeight: 1.2, fontWeight: 500 }}>Calendar sync</span>
      </a>

      <a className="help-home-tile" href="/help-center/troubleshooting/transcription-issues">
        <span className="help-home-tile-icon" style={{ maskImage: 'url("https://mintlify.b-cdn.net/v6.5.1/solid/microphone-lines.svg")', WebkitMaskImage: 'url("https://mintlify.b-cdn.net/v6.5.1/solid/microphone-lines.svg")' }} />

        <span className="help-home-tile-label" style={{ fontSize: "1.05rem", lineHeight: 1.2, fontWeight: 500 }}>Transcription help</span>
      </a>

      <a className="help-home-tile" href="/help-center/sharing/integrations/mcp">
        <span className="help-home-tile-icon" style={{ maskImage: 'url("https://mintlify.b-cdn.net/v6.5.1/solid/plug.svg")', WebkitMaskImage: 'url("https://mintlify.b-cdn.net/v6.5.1/solid/plug.svg")' }} />

        <span className="help-home-tile-label" style={{ fontSize: "1.05rem", lineHeight: 1.2, fontWeight: 500 }}>Granola MCP</span>
      </a>

      <a className="help-home-tile" href="/introduction">
        <span className="help-home-tile-icon" style={{ maskImage: 'url("https://mintlify.b-cdn.net/v6.5.1/solid/square-terminal.svg")', WebkitMaskImage: 'url("https://mintlify.b-cdn.net/v6.5.1/solid/square-terminal.svg")' }} />

        <span className="help-home-tile-label" style={{ fontSize: "1.05rem", lineHeight: 1.2, fontWeight: 500 }}>Granola API</span>
      </a>
    </div>

    <div style={{ display: "flex", justifyContent: "center", marginTop: "2rem" }}>
      <button type="button" className="inline-flex items-center justify-center text-sm leading-6 rounded-full py-2 px-6 shadow-sm text-white dark:text-black bg-[#788c15] hover:bg-[#5b6f00] dark:bg-[#b2c248] dark:hover:bg-[#d1e043] focus:outline-primary" onClick={openChat}>
        <svg
          className="h-4 w-4 flex-none bg-white dark:bg-black"
          style={{
        marginRight: "0.5rem",
        maskImage: 'url("https://mintlify.b-cdn.net/v6.5.1/solid/comments.svg")',
        maskRepeat: "no-repeat",
        maskPosition: "center center",
      }}
        />

        Chat with AI support
      </button>
    </div>
  </div>
</div>