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

# Quick Start

> Sign up, connect your apps, and send your first message. Five minutes, start to finish.

export const Chat = ({messages = []}) => {
  const css = `
.docs-imsg-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin: 1.25rem 0;
}
.docs-imsg-bubble {
  word-wrap: break-word;
  line-height: 24px;
  position: relative;
  padding: 8px 20px;
  max-width: 85%;
  border-radius: 20px;
  font-size: 0.875rem;
  white-space: pre-line;
}
.docs-imsg-bubble::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 20px;
  height: 18px;
}
.docs-imsg-from-them {
  background: #27272a;
  color: #fafafa;
  align-self: flex-start;
}
.docs-imsg-from-them::before {
  left: -7px;
  background-color: #27272a;
  clip-path: path("M 20 0 L 20 2 A 16 16 0 0 1 4 18 L 0 18 L 0 17.54 A 10 10 0 0 0 7 8 L 7 0 Z");
}
.docs-imsg-from-me {
  color: black;
  background: #00bbff;
  align-self: flex-end;
}
.docs-imsg-from-me::before {
  right: -7px;
  background-color: #00bbff;
  clip-path: path("M 0 0 L 0 2 A 16 16 0 0 0 16 18 L 20 18 L 20 17.54 A 10 10 0 0 1 13 8 L 13 0 Z");
}
.docs-imsg-no-tail::before {
  display: none;
}
.docs-imsg-group-gap {
  margin-top: 8px;
}
`;
  return <div className="docs-imsg-list not-prose">
      <style>{css}</style>
      {messages.map((msg, idx) => {
    const from = msg.from === "user" ? "me" : "them";
    const next = messages[idx + 1];
    const prev = messages[idx - 1];
    const lastOfGroup = !next || next.from !== msg.from;
    const newGroup = prev && prev.from !== msg.from;
    const classes = ["docs-imsg-bubble", `docs-imsg-from-${from}`, lastOfGroup ? "" : "docs-imsg-no-tail", newGroup ? "docs-imsg-group-gap" : ""].filter(Boolean).join(" ");
    return <div key={idx} className={classes}>
            {msg.text}
          </div>;
  })}
    </div>;
};

GAIA works the moment you sign up, and gets dramatically more useful once it can see your email and calendar. Here's the fastest path.

<Steps>
  <Step title="Create your account">
    Go to [heygaia.io](https://heygaia.io) and sign up with your email or Google account.
  </Step>

  <Step title="Connect Gmail and Calendar">
    This is the step that makes GAIA yours. Open **Settings → Integrations** and connect Gmail and Google Calendar. Now GAIA can read your inbox, manage your schedule, and act on your behalf instead of answering in the abstract.

    You can connect more later: GitHub, Notion, Linear, and 60+ other apps. See [Connecting Integrations](/guides/connecting-integrations).
  </Step>

  <Step title="Send your first message">
    Ask for something real:

    <Chat
      messages={[
    { from: "user", text: "What's on my calendar today?" },
    { from: "gaia", text: "Three meetings: design review at 11, 1:1 with Sam at 2, sprint planning at 4." },
    { from: "user", text: "Remind me to follow up with Sam on Friday" },
    { from: "gaia", text: "Done, I'll remind you on Friday." },
  ]}
    />

    If the answer isn't quite right, just keep talking, "only the ones from this week", "make it shorter". GAIA remembers the thread.
  </Step>

  <Step title="Put GAIA in your pocket">
    You don't have to live in the web app. Message GAIA on [WhatsApp](https://wa.me/12762088737), add it to [Slack](/guides/slack-bot), [Discord](/guides/discord-bot), or [Telegram](/guides/telegram-bot), or install the [desktop app](/guides/desktop-app).
  </Step>
</Steps>

## Where to go next

<CardGroup cols={2}>
  <Card title="Chatting Effectively" icon="comments" href="/guides/chatting-effectively">
    Phrase requests so GAIA nails them on the first try.
  </Card>

  <Card title="Build Your First Workflow" icon="wand-magic-sparkles" href="/guides/building-workflows">
    Automate the things you ask for every day.
  </Card>
</CardGroup>

Stuck or curious? Join the [Discord community](https://discord.heygaia.io) or contact [support](https://heygaia.io/support).