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

# Home

> Documentation for onboarding, core workflows, and authentication in ApyGuard.

<div data-product-guide-index 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">
      ApyGuard Docs
    </h1>

    <p className="text-balance text-base leading-relaxed tracking-tight text-gray-600 dark:text-gray-400">
      Everything you need to get started with ApyGuard, understand core workflows, and configure authentication.
    </p>
  </div>

  <div className="grid grid-cols-1 gap-4 md:grid-cols-3">
    <Card title={<span className="product-guide-feature-card-title">Get Started</span>} icon="rocket" href="/get-started/introduction" className="product-guide-feature-card product-guide-feature-card-onboarding" size={64}>
      <span className="product-guide-feature-card-description">Start with the basic setup and first actions in ApyGuard.</span>
    </Card>

    <Card title={<span className="product-guide-feature-card-title">Core Workflows</span>} icon="shield" href="/core-workflows/assets" className="product-guide-feature-card product-guide-feature-card-workflows" size={64}>
      <span className="product-guide-feature-card-description">Document assets, collections, credentials, and scheduled scans.</span>
    </Card>

    <Card title={<span className="product-guide-feature-card-title">Authentication</span>} icon="key-round" href="/authentication/overview" className="product-guide-feature-card product-guide-feature-card-auth" size={64}>
      <span className="product-guide-feature-card-description">Explain the supported authentication flows and token options.</span>
    </Card>
  </div>

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

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

    <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
      <a href="/get-started/quick-start" className="product-guide-resource-card product-guide-resource-card-quick-start">
        <Icon icon="zap" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Quick Start</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Fill in the fastest path for a new user to reach value.
          </span>
        </div>
      </a>

      <a href="/get-started/create-your-first-asset" className="product-guide-resource-card product-guide-resource-card-asset">
        <Icon icon="box" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Create Your First Asset</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Add the first end-to-end example for creating an asset.
          </span>
        </div>
      </a>

      <a href="/get-started/import-collection" className="product-guide-resource-card product-guide-resource-card-import">
        <Icon icon="file-input" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Import Collection</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Document how users bring existing collections into ApyGuard.
          </span>
        </div>
      </a>

      <a href="/get-started/security-scanning" className="product-guide-resource-card product-guide-resource-card-scanning">
        <Icon icon="scan-search" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Security Scanning</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Explain scanning behavior, inputs, and expected results.
          </span>
        </div>
      </a>

      <a href="/core-workflows/scheduled-scan-tasks" className="product-guide-resource-card product-guide-resource-card-scheduled">
        <Icon icon="calendar-clock" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Scheduled Scan Tasks</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Add the operating guide for recurring scans and automation.
          </span>
        </div>
      </a>

      <a href="/authentication/predefined-token" className="product-guide-resource-card product-guide-resource-card-token">
        <Icon icon="key" color="rgb(var(--primary))" size={18} className="shrink-0" />

        <div className="flex flex-col gap-1">
          <span className="font-serif text-base font-medium text-gray-900 dark:text-gray-50">Predefined Token</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Write the authentication setup for predefined tokens.
          </span>
        </div>
      </a>
    </div>
  </div>
</div>