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

# Home

> Learn how ZeroRank shows you the way your brand appears in AI answers, and how to show up more often.

<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">
      ZeroRank Docs
    </h1>

    <p className="text-balance text-base leading-relaxed tracking-tight text-gray-600 dark:text-gray-400">
      See how your brand shows up when people ask AI questions, and learn how to show up more. These guides explain everything in plain words.
    </p>
  </div>

  <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
    <Card title={<span className="product-guide-feature-card-title">Start here</span>} icon="rocket" href="/start/what-is-zerorank" className="product-guide-feature-card" size={64}>
      <span className="product-guide-feature-card-description">New to ZeroRank? Learn what it does and set up your account.</span>
    </Card>

    <a href="/results/overview-dashboard" 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="eye" 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">See your results</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          Read your dashboard, scores, rankings, and reports.
        </span>
      </div>
    </a>

    <a href="/improve/recommendations" 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="trending-up" 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">Improve your visibility</span>

        <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
          Find gaps, follow recommendations, and create content AI wants to cite.
        </span>
      </div>
    </a>
  </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="/start/sign-up-and-set-up" 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="user-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">Set up your account</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Sign up, add your brand and competitors, and pick your topics.
          </span>
        </div>
      </a>

      <a href="/results/visibility-score" 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="gauge" 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">Understand your visibility score</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Learn what the number means and how to make it grow.
          </span>
        </div>
      </a>

      <a href="/tracking/prompts" 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="list-checks" 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">Add prompts to track</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Choose the questions ZeroRank asks AI engines for you every day.
          </span>
        </div>
      </a>

      <a href="/improve/create-content" 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="pen-line" 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">Write AEO content</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Create or improve articles so AI engines want to cite them.
          </span>
        </div>
      </a>

      <a href="/integrations/mcp-server" 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="plug" 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">Connect Claude with MCP</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Ask your AI assistant about your ZeroRank data in plain chat.
          </span>
        </div>
      </a>

      <a href="/account/billing" 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="credit-card" 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">Pick a plan</span>

          <span className="text-sm leading-relaxed text-gray-600 dark:text-gray-400">
            Compare plans, start your free trial, and manage billing.
          </span>
        </div>
      </a>
    </div>
  </div>
</div>