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

# Shootbin: Photo Proofing for Photographers

> Shootbin documentation, learn how to proof shoot galleries, collect client annotations and approvals, and deliver final images securely.

<div data-product-guide-index className="flex w-full flex-col gap-8 max-w-3xl 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">
      Shootbin Documentation
    </h1>

    <p className="text-balance text-base leading-relaxed tracking-tight text-gray-600 dark:text-gray-400">
      Everything you need to proof shoots, collect client feedback, manage approvals, and deliver final images to your clients.
    </p>
  </div>

  <div className="grid grid-cols-1 gap-6 sm:grid-cols-2">
    <a href="/introduction" className="rounded-2xl flex flex-col gap-5 border bg-gray-50 p-6 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="camera" color="rgb(var(--primary))" size={24} className="shrink-0" />

      <div className="flex flex-col gap-2">
        <span className="text-lg font-semibold text-gray-900 dark:text-gray-50">Owner's Manual</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          For photographers and studios. Learn how to create projects, upload photos, manage albums, invite clients, set up contracts and payments, and deliver final images.
        </span>
      </div>
    </a>

    <a href="/clients" className="rounded-2xl flex flex-col gap-5 border bg-gray-50 p-6 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="users" color="rgb(var(--primary))" size={24} className="shrink-0" />

      <div className="flex flex-col gap-2">
        <span className="text-lg font-semibold text-gray-900 dark:text-gray-50">Client / Reviewer Manual</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          For clients and reviewers. Learn how to browse projects, approve or reject photos, add annotations, sign contracts, make payments, and download your delivery.
        </span>
      </div>
    </a>
  </div>
</div>