{#-
Landing page: hero (logo + text) → example → features → install.
Selected via `template: home.html` in index.md front matter.
Extends main.html so the header/nav bar is preserved.
-#}
{% extends "main.html" %}

{% block tabs %}
{{ super() }}
{# Page-scoped resets: only active when this template is rendered. #}
<style>
  .md-header {
    position: initial;
    background: var(--pollux-blue-900)
  }

  .md-header[data-md-state="shadow"] {
    box-shadow: none
  }

  .md-header__option {
    position: relative
  }

  .md-main__inner {
    margin: 0
  }

  .md-content {
    display: none
  }

  .md-sidebar--primary,
  .md-sidebar--secondary {
    display: none
  }

  .md-container::after {
    display: none
  }

  .md-footer {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
    padding-inline: 0;
  }
</style>

{# ── Hero ─────────────────────────────────────────────────────── #}
<section class="pollux-hero">
  <div class="pollux-hero__grid">
    <div class="pollux-hero__logo">
      <img src="{{ 'assets/logo.avif' | url }}" alt="Pollux" class="pollux-hero__logo-img" width="400" height="600" />
    </div>
    <h1 class="pollux-hero__heading pollux-hero__heading-serif">
      Send prompts and files through one Python interface
    </h1>
    <p class="pollux-hero__tagline">
      Pollux handles uploads, shared context, retries, provider differences,
      and normalized results.
    </p>
    <div class="pollux-hero__actions">
      <a href="{{ 'getting-started/' | url }}" class="pollux-hero__cta pollux-hero__cta--primary">
        Get started
      </a>
      <a href="{{ 'reference/api/' | url }}" class="pollux-hero__cta pollux-hero__cta--secondary">
        API reference
      </a>
    </div>
  </div>
</section>

{# ── Example ──────────────────────────────────────────────────── #}
<section class="pollux-example">
  <div class="pollux-example__inner">
    <div class="pollux-example__frame">
      <div class="pollux-example__bar"></div>
      <pre><code>from pollux import run, Config, Source

result = await run(
    "Summarize the key findings",
    source=Source.from_file("paper.pdf"),
    config=Config(
        provider="gemini",
        model="gemini-2.5-flash-lite",
    ),
)
print(result.text)</code></pre>
    </div>
  </div>
</section>

{# ── Features ─────────────────────────────────────────────────── #}
<section class="pollux-features">
  <div class="pollux-features__grid">
    <div class="pollux-features__card">
      <h2 class="pollux-features__title">Files and URLs</h2>
      <p class="pollux-features__desc">
        PDFs, images, video, YouTube, arXiv.
        Use the same entry point for each.
      </p>
    </div>
    <div class="pollux-features__card">
      <h2 class="pollux-features__title">Shared context</h2>
      <p class="pollux-features__desc">
        Ask several questions without writing
        upload and concurrency machinery.
      </p>
    </div>
    <div class="pollux-features__card">
      <h2 class="pollux-features__title">Provider differences</h2>
      <p class="pollux-features__desc">
        Use one result model without hiding
        capabilities that genuinely differ.
      </p>
    </div>
    <div class="pollux-features__card">
      <h2 class="pollux-features__title">Useful results</h2>
      <p class="pollux-features__desc">
        Read text, structured data, tool calls,
        usage, and completion state directly.
      </p>
    </div>
  </div>
</section>

{# ── Install ──────────────────────────────────────────────────── #}
<section class="pollux-install">
  <div class="pollux-install__inner">
    <pre class="pollux-install__cmd"><code>pip install --upgrade pollux-ai</code></pre>
  </div>
</section>
{% endblock %}

{# Suppress Markdown body (SEO fallback text lives in index.md but
does not render visually). #}
{% block content %}{% endblock %}

{# Homepage footer: meta row only (copyright + social), no prev/next pills.
Reuses pollux-footer-meta__* classes from extra.css. #}
{% block footer %}
<footer class="md-footer pollux-home-footer">
  <div class="pollux-home-footer__inner">
    {% if config.copyright %}
    <p class="pollux-footer-meta__copyright">{{ config.copyright }}</p>
    {% endif %}
    {% if config.extra.social %}
    <div class="pollux-footer-meta__social">
      {% for social in config.extra.social %}
      {% set rel = "noopener" %}
      {% if "mastodon" in social.icon %}
      {% set rel = rel ~ " me" %}
      {% endif %}
      <a href="{{ social.link }}" target="_blank" rel="{{ rel }}" title="{{ social.name | e }}"
        class="pollux-footer-meta__social-link">
        {% include ".icons/" ~ social.icon ~ ".svg" %}
      </a>
      {% endfor %}
    </div>
    {% endif %}
  </div>
</footer>
{% endblock %}