{% extends "base.html" %}

{% block announce %}
<div class="announce-wrapper">
  <div id="announce-left">
    <div class="item">
      <a class="announce-link" href="https://fastapicloud.com" target="_blank">
        <span class="twemoji">
          {% include ".icons/material/cloud-arrow-up.svg" %}
        </span> Deploy on <strong>FastAPI Cloud</strong> 🚀
      </a>
    </div>
    <div class="item">
      <a class="announce-link" href="https://fastapiconf.com" target="_blank">
        <span class="twemoji">
          {% include ".icons/material/calendar-star.svg" %}
        </span> <strong>FastAPI Conf '26</strong> — Oct 28, 2026, Amsterdam 🎤
      </a>
    </div>
    <div class="item">
      <a class="announce-link" href="https://x.com/fastapi" target="_blank">
        <span class="twemoji">
          {% include ".icons/fontawesome/brands/x-twitter.svg" %}
        </span> Follow <strong>@fastapi</strong> on <strong>X (Twitter)</strong> to stay updated
      </a>
    </div>
    <div class="item">
      <a class="announce-link" href="https://www.linkedin.com/company/fastapi" target="_blank">
        <span class="twemoji linkedin">
          {% include ".icons/fontawesome/brands/linkedin.svg" %}
        </span> Follow <strong>FastAPI</strong> on <strong>LinkedIn</strong> to stay updated
      </a>
    </div>
    <div class="item">
      <a class="announce-link" href="https://fastapi.tiangolo.com/newsletter/">
        <span class="twemoji">
          {% include ".icons/material/email.svg" %}
        </span> Subscribe to the <strong>FastAPI and friends</strong> newsletter 🎉
      </a>
    </div>
  </div>
  <div id="announce-right" style="position: relative;">
    {% include "partials/banner-sponsors.html" %}
  </div>
</div>
{% endblock %}