{% extends "!page.html" %}

{% block footer %}
<div class="related-pages">
  {% if next -%}
    <a class="next-page" href="{{ next.link }}">
      <div class="page-info">
        <div class="context"><span>{{ _("Next") }}</span></div>
        <div class="title">{{ next.title }}</div>
      </div>
      <svg class="furo-related-icon"><use href="#svg-arrow-right"></use></svg>
    </a>
  {%- endif %}
  {% if prev -%}
    <a class="prev-page" href="{{ prev.link }}">
      <svg class="furo-related-icon"><use href="#svg-arrow-right"></use></svg>
      <div class="page-info">
        <div class="context"><span>{{ _("Previous") }}</span></div>
        {% if prev.link == pathto(master_doc) %}
        <div class="title">{{ _("Home") }}</div>
        {% else %}
        <div class="title">{{ prev.title }}</div>
        {% endif %}
      </div>
    </a>
  {%- endif %}
</div>
<div class="bottom-of-page">
  <div class="left-details">
    {%- if show_copyright %}
    <div class="copyright">
      {%- if hasdoc('copyright') %}
        {% trans path=pathto('copyright'), copyright=copyright|e -%}
          <a href="{{ path }}">Copyright</a> &#169; {{ copyright }}
        {%- endtrans %}
      {%- else %}
        {% trans copyright=copyright|e -%}
          Copyright &#169; {{ copyright }}
        {%- endtrans %}
      {%- endif %}
    </div>
    {%- endif %}
    {%- if last_updated -%}
    <div class="last-updated">
      {% trans last_updated=last_updated|e -%}
        Last updated on {{ last_updated }}
      {%- endtrans -%}
    </div>
    {%- endif %}
  </div>
  <div class="right-details">
    {% if theme_footer_icons -%}
    <div class="icons">
      {% for icon_dict in theme_footer_icons -%}
      <a class="muted-link {{ icon_dict.class }}" href="{{ icon_dict.url }}" aria-label="{{ icon_dict.name }}">
        {{- icon_dict.html -}}
      </a>
      {% endfor %}
    </div>
    {%- endif %}
  </div>
</div>
{% endblock footer %}

{% block content %}
  {% if pagename == "index" %}
    <script>
      document.body.classList.add("mxl-landing");
    </script>
    <a class="mxl-skip-link" href="#mxl-main">Skip to content</a>

    <header class="mxl-topbar">
      <div class="mxl-topbar__inner">
        <a class="mxl-brand" href="{{ pathto('index') }}" aria-label="MaxwellLink home">
          <span class="mxl-brand__mark" aria-hidden="true">
            <img src="{{ pathto('_static/img/mark.svg', 1) }}" alt="" loading="eager" decoding="async" />
          </span>
          <span class="mxl-brand__name">MaxwellLink</span>
        </a>

        <nav class="mxl-topbar__nav" aria-label="Site navigation">
          <a class="mxl-topbar__link" href="{{ pathto('introduction') }}">Introduction</a>
          <a class="mxl-topbar__link" href="{{ pathto('tutorials/index') }}">Tutorials</a>
          <a class="mxl-topbar__link" href="{{ pathto('agent_skills') }}">Agent Skills</a>
        </nav>

        <div class="mxl-topbar__actions">
          <a class="mxl-topbar__cta" href="{{ pathto('overview') }}">Docs</a>
          <a class="mxl-topbar__cta" href="https://github.com/TaoELi/MaxwellLink" target="_blank" rel="noopener noreferrer">GitHub</a>
          <a class="mxl-button mxl-button--primary mxl-button--sm" href="{{ pathto('installation') }}">
            Get started
          </a>
        </div>
      </div>
    </header>

    <main id="mxl-main">

      <!-- Hero -->
      <section class="mxl-hero" id="top">
        <div class="mxl-hero__copy">
          <h1 class="mxl-hero__title">
            Self-consistent light&ndash;matter simulations
          </h1>
          <p class="mxl-hero__lead">
            MaxwellLink couples electromagnetic solvers with quantum and classical
            molecular drivers through a unified Python interface and a socket-based
            communication layer.
          </p>
          <div class="mxl-hero__actions">
            <a class="mxl-button mxl-button--primary" href="{{ pathto('installation') }}">Get started</a>
            <a class="mxl-button mxl-button--outline" href="{{ pathto('overview') }}">Read the docs</a>
          </div>
        </div>
      </section>

    </main>
  {% else %}
    <script>
      document.body.classList.remove("mxl-landing");
    </script>
    {{ super() }}
  {% endif %}
{% endblock %}