<div class="card bg-gradient-primary text-white shadow-lg mb-4" style="background: linear-gradient(135deg, #4e73df 0%, #224abe 100%);">
    <div class="card-body p-5">
        <div class="row align-items-center">
            <div class="col-md-8">
                <h2 class="h1 font-weight-bold mb-3">Selamat Datang di SPK MARCOS</h2>
                <p class="lead mb-4" style="opacity: 0.9;">
                    Sistem Pendukung Keputusan untuk Penentuan Siswa Berprestasi di SMK Negeri Bali Mandara. Lihat hasil peringkat siswa atau login sebagai admin untuk mengelola data.
                </p>
            </div>
            <div class="col-md-4 text-center d-none d-md-block">
                <i class="fas fa-trophy fa-7x" style="opacity: 0.2;"></i>
            </div>
        </div>
    </div>
</div>

<h3 class="h4 my-4 text-gray-800">Navigasi Cepat</h3>

<div class="row">
    <div class="col-lg-6 mb-4">
        <a href="<?= base_url('Homepage'); ?>" class="card bg-primary text-white shadow h-100 card-hover">
            <div class="card-body">
                <div class="row no-gutters align-items-center">
                    <div class="col mr-2">
                        <div class="text-xs font-weight-bold text-white-50 text-uppercase mb-1">Menu Utama</div>
                        <div class="h5 mb-0 font-weight-bold">Dashboard</div>
                    </div>
                    <div class="col-auto">
                        <i class="fas fa-home fa-2x text-white-50"></i>
                    </div>
                </div>
            </div>
        </a>
    </div>

    <div class="col-lg-6 mb-4">
        <a href="<?= base_url('Perhitungan/hasil_publik'); ?>" class="card bg-success text-white shadow h-100 card-hover">
            <div class="card-body">
                <div class="row no-gutters align-items-center">
                    <div class="col mr-2">
                        <div class="text-xs font-weight-bold text-white-50 text-uppercase mb-1">Lihat Hasil</div>
                        <div class="h5 mb-0 font-weight-bold">Data Hasil Akhir</div>
                    </div>
                    <div class="col-auto">
                        <i class="fas fa-chart-bar fa-2x text-white-50"></i>
                    </div>
                </div>
            </div>
        </a>
    </div>
</div>

