# Documentation

<div class="not-prose">
  <h1 class="text-3xl font-display text-slate-900 dark:text-white mb-4">Documentation</h1>
  <p class="text-lg text-slate-600 dark:text-slate-400 mb-8">
    How to set up Tinylytics, understand what it is telling you, and put your numbers to work &mdash; on your site, in your inbox, or through the API. If this is day one, start with <a href="/docs/getting-started" class="text-indigo-600 dark:text-indigo-400 hover:underline">Getting started</a>. If Overview stays at zero, skip to <a href="/docs/troubleshooting/no-hits" class="text-indigo-600 dark:text-indigo-400 hover:underline">Hits not showing</a>. The API, MCP, and widget pages are for looking something up while you work.
  </p>

  <h2 class="text-sm font-semibold uppercase tracking-wide text-slate-500 dark:text-slate-400 mb-4">Popular paths</h2>
  <div class="grid gap-3 sm:grid-cols-2 mb-12">
    
      <a href="" class="block p-5 bg-white/70 dark:bg-slate-800/50 border border-slate-200 dark:border-slate-700 rounded-xl hover:border-indigo-300 dark:hover:border-indigo-500/50 transition-colors">
        <h3 class="font-semibold text-slate-900 dark:text-white"></h3>
        
        
          <p class="mt-1 text-sm text-slate-600 dark:text-slate-400"></p>
        
      </a>
    
  </div>

  <h2 class="text-sm font-semibold uppercase tracking-wide text-slate-500 dark:text-slate-400 mb-4">Browse by section</h2>
  <div class="grid gap-4 sm:grid-cols-2">
    
      <a href="" class="block p-5 bg-white/70 dark:bg-slate-800/50 border border-slate-200 dark:border-slate-700 rounded-xl hover:border-slate-300 dark:hover:border-slate-600 transition-colors">
        <div class="flex items-center gap-3 mb-2">
          <div class="w-10 h-10 rounded-lg bg-slate-100 dark:bg-slate-700 flex items-center justify-center">
            
          </div>
          <h3 class="font-semibold text-slate-900 dark:text-white"></h3>
        </div>
        <p class="text-sm text-slate-600 dark:text-slate-400"></p>
        <p class="mt-3 text-xs font-medium text-slate-500 dark:text-slate-400"></p>
      </a>
    
  </div>

  <div class="mt-10 p-4 bg-white/70 dark:bg-slate-800/50 rounded-lg text-sm text-slate-600 dark:text-slate-400">
    Need help? Email <a href="mailto:hello@tinylytics.app" class="text-indigo-600 dark:text-indigo-400 hover:underline">hello@tinylytics.app</a>
  </div>
</div>