Todo site bom tem um
rodapé com história

<style>
.feito-com {
  background: #fff8ea;
  color: #3b2f22;
  border-top: 1px solid rgba(59, 47, 34, 0.12);
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.5;
  padding: 18px 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.feito-com a {
  color: #ef476f;
  text-decoration: none;
  border-bottom: 1px solid currentColor;
}
.feito-com a:hover { opacity: 0.75; }
.fc-home {
  color: inherit;
  border-bottom: none;
  text-decoration: none;
}
.fc-quave {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border: 1px solid rgba(59, 47, 34, 0.12);
  border-bottom: 1px solid rgba(59, 47, 34, 0.12);
  border-radius: 999px;
  color: #3b2f22;
  font-size: 12px;
  letter-spacing: 0.02em;
  line-height: 1.4;
}
.fc-quave-pre { opacity: 0.7; }
.fc-quave-name { font-weight: 700; color: #ef476f; }
.fc-rotator {
  display: inline-grid;
  vertical-align: bottom;
}
.fc-item {
  grid-area: 1 / 1;
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 0.4s ease, transform 0.4s ease;
  white-space: nowrap;
}
.fc-item[data-active="true"] {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  .fc-item { transition: none; }
}
</style>

<footer class="feito-com">
  <p style="margin:0">
    <a class="fc-home" href="https://feitocom.com.br" data-fc-campaign="feito-com-rodape" target="_blank" rel="noopener">Feito com</a> <span class="fc-rotator">
        <span class="fc-item" data-active="true"><a href="https://ervatoken.com/" data-fc-campaign="feito-com-terere" target="_blank" rel="noopener">🧉 tereré</a></span>
        <span class="fc-item" data-active="false">❤️</span>
        <span class="fc-item" data-active="false">🤖 IA</span>
      </span> em Dourados (MS)
  </p>
  <a class="fc-quave" href="https://quave.one/" data-fc-campaign="hosted-by" target="_blank" rel="noopener">
    <span class="fc-quave-pre">Hosted on</span>
    <span class="fc-quave-name">Quave One</span>
  </a>
</footer>

<script>
  (function () {
    var root = document.querySelector(".feito-com");
    if (!root) return;

    // Rastreamento: identifica o site e a página de onde veio o clique.
    var links = root.querySelectorAll("a[data-fc-campaign]");
    for (var n = 0; n < links.length; n++) {
      try {
        var u = new URL(links[n].getAttribute("href"), location.href);
        u.searchParams.set("utm_source", location.hostname);
        u.searchParams.set("utm_medium", "footer");
        u.searchParams.set("utm_campaign", links[n].getAttribute("data-fc-campaign"));
        u.searchParams.set("utm_content", location.pathname);
        links[n].setAttribute("href", u.toString());
      } catch (e) {}
    }
    var items = root.querySelectorAll(".fc-item");
    if (items.length > 1) {
      var i = 0;
      setInterval(function () {
        items[i].setAttribute("data-active", "false");
        i = (i + 1) % items.length;
        items[i].setAttribute("data-active", "true");
      }, 2400);
    }
  })();
</script>