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

# Voucherify docs

> Welcome to Voucherify documentation!

export const HeroCard = ({filename, title, description, href}) => {
  return <a className="group cursor-pointer pb-8" href={href}>
      <img src={`/images/${filename}.jpg`} className="block dark:hidden pointer-events-none rounded-xl group-hover:scale-105 transition-all duration-100" />
      <img src={`/images/${filename}-dark.jpg`} className="pointer-events-none group-hover:scale-105 rounded-xl transition-all duration-100 hidden dark:block" />
      <h3 className="mt-5 text-gray-900 dark:text-zinc-50 font-medium">
        {title}
      </h3>
      <span className="mt-1.5">{description}</span>
    </a>;
};

<div className="max-w-4xl mx-auto py-10">
  <h1 className="block text-4xl font-medium text-center text-gray-900 dark:text-zinc-50 tracking-tight">
    Documentation
  </h1>

  <div className="max-w-xl mx-auto px-4 mt-4 text-lg text-center text-gray-500 dark:text-zinc-500">
    Everything you need to build, launch, and fine-tune incentives that actually work. Explore Voucherify's APIs, SDKs, and recipes to quickly go from first call to full rollout.
  </div>

  <div className="px-6 lg:px-0 mt-12 lg:mt-24 grid sm:grid-cols-2 gap-x-6 gap-y-4">
    <HeroCard filename="herocard-quickstart" title="API quickstart" description="Create an account and make your first API call with a step-by-step tutorial" href="/guides/api-quickstart" />

    <HeroCard filename="herocard-integration" title="Integration blueprint" description="Follow along for the fundamentals of integrating Voucherify into your stack" href="/get-started/integration-overview" />

    <HeroCard filename="herocard-dashboard" title="User guides" description="Configure campaigns and manage data with Voucherify dashboard" href="/discover/voucherify-user-guide" />

    <HeroCard filename="herocard-API" title="API reference" description="Take a deep dive into Voucherify API" href="/api-reference/introduction-api" />
  </div>
</div>