website/templates/home/components/_banner-new.html

<div class="index-banner__container">
  <div class="index-banner">

    <div class="index-banner__content-container">
      <h1 class="index-banner__title">
        Free Forge Ecosystem for Free Developers
      </h1>
      <p class="index-banner__tagline">Hostea is a self-hostable libre software development
      suite comprising Gitea, Woodpecker CI, Librepages and GitPad with payments integration.</p>
      <ul class="index-banner__features-list">
        <li class="index-banner__features">100% Free Software</li>
        <li class="index-banner__features">Fully Self-Hostable</li>
        <li class="index-banner__features">Observable and Reliable</li>
        <li class="index-banner__features">Federation when available</li>
        <li class="index-banner__features">Radically Transparent</li>
        <li class="index-banner__features">Horizontal Community</li>
        <li class="index-banner__features">Run Hostea and become a service provider!</li>
      </ul>
      <button class="index-banner__main-action-btn">
        <a href="https://dash.hostea.org" class="index-banner__main-action-link"
          >Get Started</a
        >
      </button>
    </div>

    <div class="index-banner__logo-container">
      <img
        class="index-banner__logo"
        src="{{ get_url(path='/tmp-logo.png', cachebust=true) }}"
        alt="Hostea temporary logo"
      />
    </div>


  </div>
</div>