{% extends "base.html" %}

{# Hide default MkDocs chrome — we own the full viewport #}
{% block header %}{% endblock %}
{% block footer %}{% endblock %}
{% block tabs %}{% endblock %}
{% block site_nav %}{% endblock %}

{% block content %}
<div class="ov-landing">

  {# ── Three.js particle canvas (background layer) ── #}
  <canvas id="hero-canvas" class="ov-landing__canvas" aria-hidden="true"></canvas>

    <a href="https://github.com/trobz/odoo-addons-path" class="ov-github-badge" target="_blank" rel="noopener noreferrer">
      <svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor">
        <path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z" />
      </svg>
      <span id="github-commit-count">46 commits</span>
    </a>

  {# ── Split layout: left = copy, right = demo/screenshot ── #}
  <main class="ov-split">

    {# ── LEFT — hero copy ── #}
    <div class="ov-split__copy">

      <header class="ov-hero__header">
        <div class="ov-hero__badge" aria-label="Terminal command example">
          <span class="ov-hero__prompt">$</span>
          <span class="ov-hero__cmd">uv tool install odoo-addons-path</span>
          <span class="ov-hero__cursor" aria-hidden="true"></span>
        </div>

        <h1 class="ov-hero__title">
          <span class="ov-hero__line ov-hero__line--1">odoo-addons-path</span>
        </h1>
      </header>

      <p class="ov-hero__subtitle">
        Auto-detect Odoo project layouts and generate the correct<br>
        <span class="ov-hero__accent">addons_path — zero configuration needed</span>
      </p>

      <div class="ov-hero__features">
        <span class="ov-feature">
          <svg class="ov-feature__icon" width="14" height="14" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <polyline points="20 6 9 17 4 12" />
          </svg>
          5 layout patterns supported
        </span>
        <span class="ov-feature">
          <svg class="ov-feature__icon" width="14" height="14" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <polyline points="20 6 9 17 4 12" />
          </svg>
          CLI + Python API
        </span>
        <span class="ov-feature">
          <svg class="ov-feature__icon" width="14" height="14" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
            <polyline points="20 6 9 17 4 12" />
          </svg>
          Python 3.10–3.13
        </span>
      </div>

      <div class="ov-hero__actions">
        <a href="{{ base_url }}/getting-started/" class="ov-btn ov-btn--primary">
          Get Started
          <svg class="ov-btn__icon" width="16" height="16" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <path d="M5 12h14M12 5l7 7-7 7" />
          </svg>
        </a>
      </div>

    </div>

    {# ── RIGHT — terminal demo ── #}
    <div class="ov-split__demo">
      <div class="ov-terminal-frame" role="img" aria-label="CLI demo">
        <div class="ov-terminal-frame__body">
          <img src="{{ base_url }}/demo.gif"
            alt="odoo-addons-path CLI demo"
            class="ov-terminal-frame__gif"
            loading="eager" decoding="async" width="900">
        </div>
      </div>
    </div>

  </main>
</div>

<script src="{{ base_url }}/javascripts/commit-count.js"></script>
{% endblock %}