{% load static %}
<section class="landing-hero" aria-labelledby="landing-title">
  <div class="landing-shell landing-hero__grid">
    <div class="landing-hero__copy">
      <p class="landing-eyebrow">IELTS practice, built for exam day</p>
      <h1 id="landing-title">Practice IELTS.<br><span>Fix weak areas.</span></h1>
      <p class="landing-hero__lead">Timed practice, clear scoring, and passage evidence for objective answers.</p>
      <div class="landing-actions">
        <a href="{% url 'account_signup' %}" class="landing-button landing-button--primary">Start free</a>
        <a href="{% url 'exam_list' %}" class="landing-button landing-button--secondary">Browse tests <i class="bi bi-arrow-right" aria-hidden="true"></i></a>
      </div>
    </div>
    {% include "components/leaderboard_preview.html" %}
  </div>
</section>