<!-- === HERO SECTION === -->
<div class="text-center my-12">
    <!-- Menggunakan margin-bottom (mb-4) pada baris pertama -->
    <h1 class="text-4xl font-extrabold text-slate-900 sm:text-5xl mb-4">
        Layanan Profesional
    </h1>
    <h1 class="text-4xl font-extrabold text-slate-900 sm:text-5xl">
        <span class="text-amber-500">Editing Disertasi & Publikasi Jurnal Scopus Cepat</span>
    </h1>
    
    <p class="mt-4 text-lg text-gray-600 max-w-2xl mx-auto">
        Bantuan kustomisasi naskah akademik, penyesuaian gaya selingkung jurnal bereputasi, hingga transformasi draf riset untuk jaminan kualitas tembus Q1/Q2.
    </p>
    
    <div class="mt-8">
        {% if current_user.is_authenticated %}
            {% if current_user.role == 'Super Admin' %}
                <a href="{{ url_for('admin_users') }}" class="bg-red-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-red-700 transition">Panel Kontrol Super Admin</a>
            {% elif current_user.role == 'Konsultan' %}
                <a href="{{ url_for('konsultan_review') }}" class="bg-indigo-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-indigo-700 transition">Masuk Ruang Konsultasi</a>
            {% elif current_user.role == 'Peneliti' %}
                <a href="{{ url_for('peneliti_analisis') }}" class="bg-emerald-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-emerald-700 transition">Dashboard Riset & Data</a>
            {% elif current_user.role == 'Editor' %}
                <a href="{{ url_for('editor_review') }}" class="bg-cyan-600 text-white px-6 py-3 rounded-lg font-medium hover:bg-cyan-700 transition">Ruang Penyuntingan Naskah</a>
            {% else %}
                <!-- Default untuk Client / User Biasa -->
                <a href="{{ url_for('dashboard') }}" class="bg-slate-900 text-white px-6 py-3 rounded-lg font-medium hover:bg-slate-800 transition">Buka Workspace Anda</a>
            {% endif %}
        {% else %}
            <a href="{{ url_for('register') }}" class="bg-amber-500 text-slate-900 px-6 py-3 rounded-lg font-bold hover:bg-amber-600 transition">Hubungi Konsultan Sekarang</a>
        {% endif %}
    </div>
</div>

<hr class="border-slate-200 my-16 max-w-6xl mx-auto">