    <!-- HERO SECTION -->
    <header class="bg-gradient-to-r from-slate-900 via-indigo-950 to-slate-950 text-white py-20 px-4 text-center relative overflow-hidden">
        <div class="max-w-4xl mx-auto relative z-10">
            <span class="bg-indigo-500/20 text-indigo-300 border border-indigo-500/30 px-4 py-1.5 rounded-full text-xs font-semibold uppercase tracking-wider">Mitra Publikasi Doktoral & Peneliti</span>
            <h1 class="text-4xl md:text-5xl font-bold mt-6 mb-6 leading-tight">
                Transformasikan Draf Disertasi & Artikel Anda Menuju Standar Ujian Akhir & <span class="text-indigo-400">Scopus Bereputasi</span>
            </h1>
            <p class="text-base md:text-lg text-slate-300 mb-8 max-w-2xl mx-auto">
                Layanan editing naskah akademik komprehensif dengan pemahaman mendalam pada metodologi Kuantitatif, Kualitatif, Mixed Methods, hingga pemetaan komprehensif indeks ASJC Scopus.
            </p>
            <div class="flex flex-wrap justify-center gap-4">
                <a href="#database" class="bg-indigo-600 hover:bg-indigo-500 text-white font-medium px-6 py-3 rounded-lg shadow-lg shadow-indigo-600/30 transition-all">Jelajahi Anatomi Checklist</a>
                
                {% if current_user.is_authenticated %}
                    {% if current_user.role == 'Super Admin' %}
                        <a href="{{ url_for('admin_users') }}" class="bg-red-600 hover:bg-red-500 text-white font-medium px-6 py-3 rounded-lg transition-all">Kelola Pengguna Sistem</a>
                    {% elif current_user.role == 'Konsultan' %}
                        <a href="{{ url_for('konsultan_review') }}" class="bg-amber-500 hover:bg-amber-600 text-slate-900 font-bold px-6 py-3 rounded-lg transition-all">Periksa Antrean Klien</a>
                    {% elif current_user.role == 'Peneliti' %}
                        <a href="{{ url_for('peneliti_analisis') }}" class="bg-emerald-600 hover:bg-emerald-500 text-white font-medium px-6 py-3 rounded-lg transition-all">Mulai Analisis Data</a>
                    {% elif current_user.role == 'Editor' %}
                        <a href="{{ url_for('editor_review') }}" class="bg-cyan-600 hover:bg-cyan-500 text-white font-medium px-6 py-3 rounded-lg transition-all">Tinjau Log Editing</a>
                    {% else %}
                        <a href="{{ url_for('dashboard') }}" class="bg-slate-800 hover:bg-slate-700 text-slate-200 border border-slate-700 font-medium px-6 py-3 rounded-lg transition-all">Ajukan Naskah Baru</a>
                    {% endif %}
                {% else %}
                    <a href="{{ url_for('register') }}" class="bg-amber-500 hover:bg-amber-600 text-slate-900 font-bold px-6 py-3 rounded-lg transition-all">Konsultasi Draf Gratis</a>
                {% endif %}
            </div>
        </div>
        <!-- Dekorasi Latar Belakang -->
        <div class="absolute inset-0 opacity-10 bg-[radial-gradient(#4f46e5_1px,transparent_1px)] [background-size:16px_16px]"></div>
    </header>
