{% extends "base.html" %}

{% block title %}KapiohoNet - Akses On-Demand{% endblock title %}

{% block content %}
<div class="hero-section">
    <div class="container text-center">
        <h1 class="hero-title">Selamat Datang di KapiohoNet</h1>
        <p class="hero-subtitle">Dashboard Akses On-Demand untuk Jaringan RT/RW Anda.</p>
        <a href="{% url 'admin:index' %}" class="btn btn-cta">Dashboard Login</a>
    </div>
</div>

<div class="container features-section">
    <div class="row text-center">
        <div class="col-md-4">
            <div class="feature-card">
                <h3 class="feature-title">Manajemen Pengguna</h3>
                <p>Kelola data pelanggan, status langganan, dan riwayat pembayaran dengan mudah.</p>
            </div>
        </div>
        <div class="col-md-4">
            <div class="feature-card">
                <h3 class="feature-title">Integrasi MikroTik</h3>
                <p>Monitor dan kelola traffic, bandwidth, dan koneksi pengguna secara real-time.</p>
            </div>
        </div>
        <div class="col-md-4">
            <div class="feature-card">
                <h3 class="feature-title">Laporan & Statistik</h3>
                <p>Dapatkan wawasan tentang penggunaan jaringan dan pendapatan melalui laporan terperinci.</p>
            </div>
        </div>
    </div>
</div>
{% endblock content %}
