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

# Caplena Documentation

> Find answers quickly and move from setup to insight.

<div className="not-prose">
  <section className="relative overflow-hidden bg-[#D0F4FF] px-10 py-10 dark:bg-slate-950 md:px-16 md:py-14 lg:px-20">
    <div className="pointer-events-none absolute inset-0 bg-[#D0F4FF] dark:bg-gradient-to-br dark:from-slate-900 dark:to-slate-950" />

    <div className="relative mx-auto flex max-w-4xl flex-col items-center text-center">
      <h1 className="mt-3 text-3xl font-semibold leading-tight text-slate-900 dark:text-slate-100 md:text-5xl">
        Welcome to <br />Caplena Documentation
      </h1>

      <p className="mt-4 max-w-3xl text-base leading-relaxed text-slate-600 dark:text-slate-300 md:text-lg">
        Use Caplena docs to set up projects, analyze open-ended feedback with AI topic assignment, and build and share insights faster.
      </p>

      <div className="mt-7 flex flex-wrap justify-center gap-3">
        <a href="/get-started" className="rounded-lg bg-slate-900 px-4 py-2 text-sm font-semibold text-white transition-colors hover:bg-[#191919] dark:bg-white dark:text-slate-900 dark:hover:bg-[#D0F4FF]">
          Get Started
        </a>

        <a href="/integrations" className="rounded-lg border border-slate-300 bg-white px-4 py-2 text-sm font-medium text-slate-700 transition-colors hover:bg-slate-100 dark:border-slate-700 dark:bg-slate-900 dark:text-slate-200 dark:hover:bg-slate-800">
          Integrations
        </a>
      </div>
    </div>
  </section>

  <section className="bg-white px-5 py-12 dark:bg-slate-950">
    <div className="mx-auto grid max-w-6xl grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3">
      <a href="/get-started" className="group block min-h-[220px] rounded-none border-4 border-[#D0F4FF] bg-white shadow-none transition-[box-shadow] duration-300 ease-in-out hover:shadow-lg dark:bg-slate-900" style={{ border: "4px solid #D0F4FF", transition: "box-shadow 0.3s ease" }}>
        <div className="flex h-full min-h-[220px] flex-col items-center justify-center gap-3 px-6 py-8 text-center">
          <div className="text-slate-500 dark:text-slate-400" aria-hidden>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" className="h-12 w-12 shrink-0 fill-current" aria-hidden="true">
              <path d="M470.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L402.7 256 265.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160zm-352 160l160-160c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L210.7 256 73.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0z" />
            </svg>
          </div>

          <h3 className="text-lg font-bold text-slate-900 dark:text-slate-100">Get started</h3>

          <p className="max-w-xs text-sm leading-relaxed text-slate-900 dark:text-slate-200">
            Start here to learn the essentials, from navigating the interface to your first analysis.
          </p>
        </div>
      </a>

      <a href="/topic-assignment" className="group block min-h-[220px] rounded-none border-4 border-[#D0F4FF] bg-white shadow-none transition-[box-shadow] duration-300 ease-in-out hover:shadow-lg dark:bg-slate-900" style={{ border: "4px solid #D0F4FF", transition: "box-shadow 0.3s ease" }}>
        <div className="flex h-full min-h-[220px] flex-col items-center justify-center gap-3 px-6 py-8 text-center">
          <div className="text-slate-500 dark:text-slate-400" aria-hidden>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" className="h-12 w-12 shrink-0 fill-current" aria-hidden="true">
              <path d="M183.6 469.6C177.5 476.2 169 480 160 480s-17.5-3.8-23.6-10.4l-88-96c-11.9-13-11.1-33.3 2-45.2s33.3-11.1 45.2 2L128 365.7V64c0-17.7 14.3-32 32-32s32 14.3 32 32V365.7l32.4-35.4c11.9-13 32.2-13.9 45.2-2s13.9 32.2 2 45.2l-88 96zM320 320c0-17.7 14.3-32 32-32H480c12.9 0 24.6 7.8 29.6 19.8s2.2 25.7-6.9 34.9L429.3 416H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H352c-12.9 0-24.6-7.8-29.6-19.8s-2.2-25.7 6.9-34.9L402.7 352H352c-17.7 0-32-14.3-32-32zM416 32c12.1 0 23.2 6.8 28.6 17.7l64 128 16 32c7.9 15.8 1.5 35-14.3 42.9s-35 1.5-42.9-14.3L460.2 224H371.8l-7.2 14.3c-7.9 15.8-27.1 22.2-42.9 14.3s-22.2-27.1-14.3-42.9l16-32 64-128C392.8 38.8 403.9 32 416 32zM395.8 176h40.4L416 135.6 395.8 176z" />
            </svg>
          </div>

          <h3 className="text-lg font-bold text-slate-900 dark:text-slate-100">Topic Analysis</h3>

          <p className="max-w-xs text-sm leading-relaxed text-slate-900 dark:text-slate-200">
            Learn how to generate topics with AI, refine your topic structure, and get accurate assignments.
          </p>
        </div>
      </a>

      <a href="/insight-and-reports" className="group block min-h-[220px] rounded-none border-4 border-[#D0F4FF] bg-white shadow-none transition-[box-shadow] duration-300 ease-in-out hover:shadow-lg dark:bg-slate-900" style={{ border: "4px solid #D0F4FF", transition: "box-shadow 0.3s ease" }}>
        <div className="flex h-full min-h-[220px] flex-col items-center justify-center gap-3 px-6 py-8 text-center">
          <div className="text-slate-500 dark:text-slate-400" aria-hidden>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" className="h-12 w-12 shrink-0 fill-current" aria-hidden="true">
              <path d="M160 80c0-26.5 21.5-48 48-48h32c26.5 0 48 21.5 48 48V432c0 26.5-21.5 48-48 48H208c-26.5 0-48-21.5-48-48V80zM0 272c0-26.5 21.5-48 48-48H80c26.5 0 48 21.5 48 48V432c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V272zM368 96h32c26.5 0 48 21.5 48 48V432c0 26.5-21.5 48-48 48H368c-26.5 0-48-21.5-48-48V144c0-26.5 21.5-48 48-48z" />
            </svg>
          </div>

          <h3 className="text-lg font-bold text-slate-900 dark:text-slate-100">Insight & Reports</h3>
          <p className="max-w-xs text-sm leading-relaxed text-slate-900 dark:text-slate-200">Learn how to generate and share insights</p>
        </div>
      </a>

      <a href="/data-project-management" className="group block min-h-[220px] rounded-none border-4 border-[#D0F4FF] bg-white shadow-none transition-[box-shadow] duration-300 ease-in-out hover:shadow-lg dark:bg-slate-900" style={{ border: "4px solid #D0F4FF", transition: "box-shadow 0.3s ease" }}>
        <div className="flex h-full min-h-[220px] flex-col items-center justify-center gap-3 px-6 py-8 text-center">
          <div className="text-slate-500 dark:text-slate-400" aria-hidden>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512" className="h-12 w-12 shrink-0 fill-current" aria-hidden="true">
              <path d="M448 80v48c0 44.2-100.3 80-224 80S0 172.2 0 128V80C0 35.8 100.3 0 224 0S448 35.8 448 80zM393.2 214.7c20.8-7.4 39.9-16.9 54.8-28.6V288c0 44.2-100.3 80-224 80S0 332.2 0 288V186.1c14.9 11.8 34 21.2 54.8 28.6C99.7 230.7 159.5 240 224 240s124.3-9.3 169.2-25.3zM0 346.1c14.9 11.8 34 21.2 54.8 28.6C99.7 390.7 159.5 400 224 400s124.3-9.3 169.2-25.3c20.8-7.4 39.9-16.9 54.8-28.6V432c0 44.2-100.3 80-224 80S0 476.2 0 432V346.1z" />
            </svg>
          </div>

          <h3 className="text-lg font-bold text-slate-900 dark:text-slate-100">Data Management</h3>
          <p className="max-w-xs text-sm leading-relaxed text-slate-900 dark:text-slate-200">Learn how to organize your data in Caplena</p>
        </div>
      </a>

      <a href="/integrations" className="group block min-h-[220px] rounded-none border-4 border-[#D0F4FF] bg-white shadow-none transition-[box-shadow] duration-300 ease-in-out hover:shadow-lg dark:bg-slate-900" style={{ border: "4px solid #D0F4FF", transition: "box-shadow 0.3s ease" }}>
        <div className="flex h-full min-h-[220px] flex-col items-center justify-center gap-3 px-6 py-8 text-center">
          <div className="text-slate-500 dark:text-slate-400" aria-hidden>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" className="h-12 w-12 shrink-0 fill-current" aria-hidden="true">
              <path d="M512 416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96C0 60.7 28.7 32 64 32H192c20.1 0 39.1 9.5 51.2 25.6l19.2 25.6c6 8.1 15.5 12.8 25.6 12.8H448c35.3 0 64 28.7 64 64V416zM232 376c0 13.3 10.7 24 24 24s24-10.7 24-24V312h64c13.3 0 24-10.7 24-24s-10.7-24-24-24H280V200c0-13.3-10.7-24-24-24s-24 10.7-24 24v64H168c-13.3 0-24 10.7-24 24s10.7 24 24 24h64v64z" />
            </svg>
          </div>

          <h3 className="text-lg font-bold text-slate-900 dark:text-slate-100">Integrations</h3>

          <p className="max-w-xs text-sm leading-relaxed text-slate-900 dark:text-slate-200">
            Learn how to connect external platforms, automate data imports, and manage your integrated data sources.
          </p>
        </div>
      </a>

      <a href="/settings-administration" className="group block min-h-[220px] rounded-none border-4 border-[#D0F4FF] bg-white shadow-none transition-[box-shadow] duration-300 ease-in-out hover:shadow-lg dark:bg-slate-900" style={{ border: "4px solid #D0F4FF", transition: "box-shadow 0.3s ease" }}>
        <div className="flex h-full min-h-[220px] flex-col items-center justify-center gap-3 px-6 py-8 text-center">
          <div className="text-slate-500 dark:text-slate-400" aria-hidden>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" className="h-12 w-12 shrink-0 fill-current" aria-hidden="true">
              <path d="M224 0a128 128 0 1 1 0 256A128 128 0 1 1 224 0zM178.3 304h91.4c11.8 0 23.4 1.2 34.5 3.3c-2.1 18.5 7.4 35.6 21.8 44.8c-16.6 10.6-26.7 31.6-20 53.3c4 12.9 9.4 25.5 16.4 37.6s15.2 23.1 24.4 33c15.7 16.9 39.6 18.4 57.2 8.7v.9c0 9.2 2.7 18.5 7.9 26.3H29.7C13.3 512 0 498.7 0 482.3C0 383.8 79.8 304 178.3 304zM436 218.2c0-7 4.5-13.3 11.3-14.8c10.5-2.4 21.5-3.7 32.7-3.7s22.2 1.3 32.7 3.7c6.8 1.5 11.3 7.8 11.3 14.8v30.6c7.9 3.4 15.4 7.7 22.3 12.8l24.9-14.3c6.1-3.5 13.7-2.7 18.5 2.4c7.6 8.1 14.3 17.2 20.1 27.2s10.3 20.4 13.5 31c2.1 6.7-1.1 13.7-7.2 17.2l-25 14.4c.4 4 .7 8.1 .7 12.3s-.2 8.2-.7 12.3l25 14.4c6.1 3.5 9.2 10.5 7.2 17.2c-3.3 10.6-7.8 21-13.5 31s-12.5 19.1-20.1 27.2c-4.8 5.1-12.5 5.9-18.5 2.4l-24.9-14.3c-6.9 5.1-14.3 9.4-22.3 12.8l0 30.6c0 7-4.5 13.3-11.3 14.8c-10.5 2.4-21.5 3.7-32.7 3.7s-22.2-1.3-32.7-3.7c-6.8-1.5-11.3-7.8-11.3-14.8V454.8c-8-3.4-15.6-7.7-22.5-12.9l-24.7 14.3c-6.1 3.5-13.7 2.7-18.5-2.4c-7.6-8.1-14.3-17.2-20.1-27.2s-10.3-20.4-13.5-31c-2.1-6.7 1.1-13.7 7.2-17.2l24.8-14.3c-.4-4.1-.7-8.2-.7-12.4s.2-8.3 .7-12.4L343.8 325c-6.1-3.5-9.2-10.5-7.2-17.2c3.3-10.6 7.7-21 13.5-31s12.5-19.1 20.1-27.2c4.8-5.1 12.4-5.9 18.5-2.4l24.8 14.3c6.9-5.1 14.5-9.4 22.5-12.9V218.2zm92.1 133.5a48.1 48.1 0 1 0 -96.1 0 48.1 48.1 0 1 0 96.1 0z" />
            </svg>
          </div>

          <h3 className="text-lg font-bold text-slate-900 dark:text-slate-100">Settings & Administration</h3>

          <p className="max-w-xs text-sm leading-relaxed text-slate-900 dark:text-slate-200">
            Manage users, permissions, and platform settings to keep your workspace secure and organized.
          </p>
        </div>
      </a>
    </div>
  </section>
</div>