{% extends 'base.html' %}

{% block title %}Dashboard | Cilvera{% endblock title %}

{% block content %}
<div class="row g-3">
  <div class="col-12">
    <div class="card shadow-sm border-0">
      <div class="card-body">
        <h1 class="h4 mb-2">Financial Services CRM</h1>
        <p class="text-secondary mb-0">Cilvera helps advisors and intermediaries centralize customer knowledge and improve daily productivity.</p>
      </div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="card h-100 shadow-sm border-0">
      <div class="card-body">
        <h2 class="h6">Customers</h2>
        <p class="text-secondary">Manage prospects and clients.</p>
        <a class="btn btn-outline-primary btn-sm" href="/customers/">Open list</a>
      </div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="card h-100 shadow-sm border-0">
      <div class="card-body">
        <h2 class="h6">Tasks</h2>
        <p class="text-secondary">Follow actions and opportunities.</p>
        <a class="btn btn-outline-primary btn-sm" href="/tasks/">Open list</a>
      </div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="card h-100 shadow-sm border-0">
      <div class="card-body">
        <h2 class="h6">Chat</h2>
        <p class="text-secondary">Communicate internally with teams.</p>
        <a class="btn btn-outline-primary btn-sm" href="/chat/">Open timeline</a>
      </div>
    </div>
  </div>
</div>
{% endblock content %}