{% extends 'admin/layouts/base.html' %}

{% block title %}Dashboard{% endblock %}

{% block content %}
<div class="container hero text-center">
  <h1 class="display-4">Welcome to Raystack</h1>
  <p class="lead">Minimalist dashboard.</p>
  <a href="#" class="btn btn-primary btn-lg mt-3">Get Started</a>
</div>

<div class="container py-5">
  <div class="row gy-4">
    <div class="col-md-4">
      <div class="card shadow-sm text-center">
        <div class="card-body">
          <h2 class="mb-0">2,300</h2>
          <p class="text-muted mb-0">Users</p>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="card shadow-sm text-center">
        <div class="card-body">
          <h2 class="mb-0">3,462</h2>
          <p class="text-muted mb-0">Clients</p>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="card shadow-sm text-center">
        <div class="card-body">
          <h2 class="mb-0">103,430</h2>
          <p class="text-muted mb-0">Sales</p>
        </div>
      </div>
    </div>
  </div>
</div>
{% endblock content %}

{% block scripts %}{% endblock scripts %}