{% extends "onboarding_base.html" %} {% load static %} {% load i18n %} {% block content %}
<div class="home-page">
  <div class="home-hero">
    <div class="home-hero-inner">
      <h1 class="home-hero-title">
        Better grazing decisions start with better data.
      </h1>
      <p class="home-hero-subtitle">
        Empowering the data-driver transition to regenerative grazing.
      </p>
      <div class="home-hero-actions">
        <a href="{{ join_url }}">
          <button class="btn-primary" disabled>
            {% trans 'Join the network' %}
          </button>
        </a>
        <a href="{{ data_explorer_url }}">
          <button class="btn-white">{% trans 'Explore data' %}</button>
        </a>
      </div>
      <p class="home-hero-orgs">
        <strong>23</strong> {% trans "Organizations already sharing data" %}
      </p>
    </div>
  </div>

  <div class="form-side">
    <div class="success-page">
      <div class="success-body">
        <div class="success-icon">
          <svg width="71" height="71" viewBox="0 0 71 71" fill="none" xmlns="http://www.w3.org/2000/svg">
            <path d="M68.6667 32.2857V35.3524C68.6626 42.5405 66.335 49.5347 62.0311 55.2918C57.7272 61.049 51.6776 65.2607 44.7845 67.2988C37.8914 69.3368 30.5242 69.0921 23.7816 66.601C17.0389 64.11 11.2822 59.5061 7.36987 53.476C3.45755 47.4459 1.5993 40.3126 2.07226 33.1401C2.54521 25.9676 5.32402 19.1402 9.99427 13.676C14.6645 8.21181 20.976 4.40369 27.9873 2.81957C34.9986 1.23544 42.3342 1.9602 48.9 4.88575M68.6667 8.66667L35.3333 42.0333L25.3333 32.0333" stroke="#0D4A3C" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
          </svg>
        </div>
        <h1 class="success-title">
          {% trans "Application submitted successfully!" %}
        </h1>
        <p class="success-message">
          {% blocktrans %}Thank you for your interest in joining GLDI. Your application is now under review.{% endblocktrans %}
        </p>
        <div class="success-support">
          <p>
            {% blocktrans %}You will receive an email shortly with further details.{% endblocktrans %}
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock %}