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

# AI Code Review That Fixes Your Code

> AI code review that fixes your code automatically — not just comments on it. Validates against CI, catches issues before merge, and ships cleaner code faster.

export const ThemeImage = ({src, alt}) => {
  let lightSrc, darkSrc;
  if (src.includes("-light.")) {
    lightSrc = src;
    darkSrc = src.replace("-light.", "-dark.");
  } else if (src.includes("-dark.")) {
    darkSrc = src;
    lightSrc = src.replace("-dark.", "-light.");
  } else {
    lightSrc = src;
    darkSrc = src;
  }
  return <span>
      <img className="block dark:hidden rounded-lg border" src={lightSrc} alt={alt} />
      <img className="hidden dark:block rounded-lg border" src={darkSrc} alt={alt} />
    </span>;
};

export const HeroCard = ({icon, title, description, href}) => {
  const iconMap = {
    'magnifying-glass': <svg className="w-8 h-8 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
      </svg>,
    'wrench': <svg className="w-8 h-8 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" />
        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
      </svg>,
    'robot': <svg className="w-8 h-8 text-primary" fill="none" stroke="currentColor" viewBox="0 0 24 24">
        <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z" />
      </svg>
  };
  return <a className="group cursor-pointer block p-6 rounded-xl border border-gray-200 dark:border-zinc-800 hover:border-primary/50 dark:hover:border-primary/50 hover:shadow-lg transition-all duration-200" href={href}>
      <div className="mb-4">
        {iconMap[icon]}
      </div>
      <h3 className="text-lg font-semibold text-gray-900 dark:text-zinc-50 mb-2">
        {title}
      </h3>
      <p className="text-gray-600 dark:text-zinc-400 text-sm">
        {description}
      </p>
    </a>;
};

<div className="relative py-8">
  <div className="max-w-3xl mx-auto text-center mb-12">
    <h1 className="text-4xl font-bold text-gray-900 dark:text-zinc-50 tracking-tight mb-4">
      AI Code Review That Actually Fixes Your Code
    </h1>

    <p className="text-lg text-gray-600 dark:text-zinc-400 max-w-2xl mx-auto">
      Not just comments — Gitar automatically fixes broken builds, failing tests, and code review feedback. Ship cleaner code faster.
    </p>
  </div>

  <div className="grid sm:grid-cols-3 gap-6 mb-12">
    <HeroCard icon="magnifying-glass" title="Code Review" description="AI-powered code review that catches security issues, bugs, and code quality problems before merge." href="/features/code-review" />

    <HeroCard icon="wrench" title="CI Failure Analysis" description="Automatically detect failing builds and tests, analyze root cause, and push fixes to your PR." href="/features/ci-failure-analysis" />

    <HeroCard icon="robot" title="Automations" description="Create automated workflows using natural language rules. No code required." href="/features/rules" />
  </div>
</div>

## I want to...

<CardGroup cols={3}>
  <Card title="Start using Gitar" icon="rocket" href="/quickstart">
    Get up and running in under 5 minutes
  </Card>

  <Card title="Configure rules" icon="scroll" href="/features/rules">
    Customize how Gitar reviews your code
  </Card>

  <Card title="Set up for my organization" icon="users" href="/quickstart">
    Enterprise setup with GitLab, SSO, and more
  </Card>
</CardGroup>

## Get Started

<Card title="Quickstart Guide" icon="rocket" href="/quickstart">
  Install Gitar and see it work on a PR in under 5 minutes. Free 14-day trial, no credit card required.
</Card>

## See It In Action

Here's what happens when Gitar reviews a PR with a failing test:

<Tabs>
  <Tab title="Before Gitar">
    ```
    ❌ CI Failed: test_user_authentication

    AssertionError: expected 200 but got 401
      at test_user_authentication (tests/auth.test.js:42)

    --- Developer manually debugs for 30 minutes ---
    --- Finds missing auth header in test setup ---
    --- Pushes fix, waits for CI again ---
    ```
  </Tab>

  <Tab title="With Gitar">
    ```
    ❌ CI Failed: test_user_authentication

    🤖 Gitar analyzed the failure:
    "Test is missing auth header in request setup.
     Adding Bearer token to test fixture."

    ✅ Gitar pushed fix → CI passing
    ```

    *Total time: 2 minutes, zero developer effort*
  </Tab>
</Tabs>

## What Makes Gitar Different

<CardGroup cols={2}>
  <Card title="Fixes, Not Just Comments" icon="hammer">
    Unlike traditional code review tools that just leave comments, Gitar actually pushes fixes to your PR.
  </Card>

  <Card title="CI-Aware" icon="circle-check">
    Validates all fixes against your CI pipeline before pushing, ensuring changes that actually work.
  </Card>

  <Card title="Works Where You Work" icon="code-pull-request">
    All interactions happen in your PR interface — no context switching to external dashboards.
  </Card>

  <Card title="Zero Config" icon="bolt">
    Install the app and Gitar starts working immediately. Customize later with `.gitar/` rules.
  </Card>
</CardGroup>

## Learn More

<CardGroup cols={2}>
  <Card title="Commands & Interactions" icon="book-open" href="/commands">
    Full list of commands you can use to interact with Gitar on your PRs
  </Card>

  <Card title="Repository Rules" icon="scroll" href="/features/rules">
    Create automated workflows with natural language
  </Card>

  <Card title="Integrations" icon="plug" href="/integrations/slack">
    Connect Slack, Jira, Linear, and more
  </Card>

  <Card title="API Reference" icon="code" href="/api-reference/overview">
    Programmatically trigger Gitar agent runs
  </Card>
</CardGroup>