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

# FieldPal Knowledge Base

> Guides and how-tos for every FieldPal user.

<div className="flex w-full flex-col gap-8 max-w-5xl mx-auto px-4 md:px-8 lg:px-12 py-10 lg:gap-14 lg:py-16">
  <div className="flex max-w-[540px] flex-col gap-2 self-center text-center">
    <h1 className="text-[30px] font-medium leading-9 tracking-tight text-gray-900 dark:text-gray-50">
      FieldPal Knowledge Base
    </h1>

    <p className="text-balance text-base leading-relaxed tracking-tight text-gray-600 dark:text-gray-400">
      Everything you need to get the most out of FieldPal, from setting up your account to submitting reports and building custom templates. Browse the guides below, or jump straight to a common task.
    </p>
  </div>

  <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
    <Card title="Getting started" icon="rocket" href="/getting-started/what-is-fieldpal">
      New to FieldPal? Learn what it does and how to get set up.
    </Card>

    <Card title="Using the app" icon="smartphone" href="/app/starting-a-conversation">
      Learn how to use the AI assistant on site to complete and submit reports.
    </Card>

    <Card title="Dashboard" icon="layout-dashboard" href="/dashboard/overview">
      View, filter, and export your team's reports from the web dashboard.
    </Card>

    <Card title="Report templates" icon="file-text" href="/templates/creating-a-template">
      Build custom forms for any job type and deploy them to your team.
    </Card>
  </div>

  <hr className="border-0 border-t border-border" />

  <div className="flex flex-col gap-4">
    <h2 className="text-xl font-medium leading-normal text-gray-900 dark:text-gray-50">Common tasks</h2>

    <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
      <a href="/getting-started/logging-in" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="log-in" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="text-base font-medium text-gray-900 dark:text-gray-50">Log in to the dashboard</span>
          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">Access your FieldPal organisation at dashboard.fieldpal.ai.</span>
        </div>
      </a>

      <a href="/getting-started/your-first-report" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="file-plus" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="text-base font-medium text-gray-900 dark:text-gray-50">Submit your first report</span>
          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">Walk through a report from open to submit.</span>
        </div>
      </a>

      <a href="/templates/creating-a-template" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="layout-template" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="text-base font-medium text-gray-900 dark:text-gray-50">Create a report template</span>
          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">Design a custom form for your team to use on site.</span>
        </div>
      </a>

      <a href="/dashboard/viewing-reports" className="rounded-2xl flex flex-col gap-4 border bg-gray-50 p-4 outline-none shadow-sm shadow-gray-950/5 transition hover:border-primary hover:shadow-md dark:bg-gray-950 dark:shadow-black/20 dark:hover:border-primary">
        <Icon icon="table" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="text-base font-medium text-gray-900 dark:text-gray-50">View submitted reports</span>
          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">Browse, filter, and search reports from your team.</span>
        </div>
      </a>
    </div>
  </div>
</div>