

<?php $__env->startSection('content'); ?>


<section class="hero">
    <div class="hero-inner" data-aos="zoom-in">
        <p class="hero-label">🌾 Sistem Pendukung Keputusan</p>
        <h1>Pelaporan Hama Pertanian Digital</h1>
        <p>
            Platform berbasis <strong>AHP &amp; TOPSIS</strong> yang membantu penyuluh dan petani
            melaporkan, menganalisis, dan menangani serangan hama secara cepat dan tepat sasaran.
        </p>
        <div class="hero-cta">
            <a href="/login" class="btn">🚀 Mulai Pelaporan</a>
            <a href="#tentang" class="btn btn-outline">Pelajari Lebih Lanjut</a>
        </div>

        <div class="hero-stats">
            <div class="hero-stat">
                <span class="hero-stat-number">50+</span>
                <span class="hero-stat-label">Laporan Diproses</span>
            </div>
            <div class="hero-stat">
                <span class="hero-stat-number">4</span>
                <span class="hero-stat-label">Jenis Hama Utama</span>
            </div>
            <div class="hero-stat">
                <span class="hero-stat-number">98%</span>
                <span class="hero-stat-label">Akurasi Analisis</span>
            </div>
            <div class="hero-stat">
                <span class="hero-stat-number">24/7</span>
                <span class="hero-stat-label">Akses Real-time</span>
            </div>
        </div>
    </div>
</section>


<section class="section" id="tentang">
    <h2 data-aos="fade-up">Apa Itu SPK Hama?</h2>
    <p data-aos="fade-up" data-aos-delay="100">
        SPK Hama adalah <strong>Sistem Pendukung Keputusan</strong> berbasis web yang dirancang khusus
        untuk Dinas Pertanian Kabupaten Gowa. Sistem ini mengintegrasikan metode
        <strong>AHP (Analytic Hierarchy Process)</strong> dan <strong>TOPSIS</strong> guna menghasilkan
        rekomendasi penanganan hama yang objektif dan berbasis data.
    </p>

    <div class="grid grid-tentang" data-aos="fade-up" data-aos-delay="200">
        <div class="card card-accent-light">
            <div class="card-icon">🎯</div>
            <h3>Tujuan Sistem</h3>
            <p>Mempercepat respons penyuluh pertanian terhadap laporan serangan hama agar kerugian petani dapat diminimalisir.</p>
        </div>
        <div class="card card-accent-mid">
            <div class="card-icon">👥</div>
            <h3>Pengguna Sistem</h3>
            <p>Dirancang untuk <strong>petani</strong>, <strong>penyuluh pertanian</strong>, dan <strong>admin dinas</strong> dengan antarmuka yang mudah digunakan.</p>
        </div>
        <div class="card card-accent-dark">
            <div class="card-icon">🧠</div>
            <h3>Metode Ilmiah</h3>
            <p>Menggunakan <strong>AHP</strong> untuk pembobotan kriteria dan <strong>TOPSIS</strong> untuk menentukan prioritas penanganan terbaik.</p>
        </div>
    </div>
</section>


<section class="section">
    <h2 data-aos="fade-up">Fitur Utama</h2>
    <p data-aos="fade-up" data-aos-delay="100">
        Semua yang Anda butuhkan untuk pengelolaan laporan hama dalam satu platform.
    </p>

    <div class="grid" data-aos="fade-up" data-aos-delay="150">
        <div class="card">
            <div class="card-icon-box">📊</div>
            <h3>Monitoring Real-time</h3>
            <p>Pantau perkembangan laporan hama dari seluruh wilayah secara langsung. Data diperbarui otomatis setiap ada laporan baru masuk.</p>
        </div>
        <div class="card">
            <div class="card-icon-box">📝</div>
            <h3>Pelaporan Mudah</h3>
            <p>Formulir laporan dirancang simpel — petani hanya perlu mengisi jenis hama, luas lahan, dan tingkat kerusakan dalam hitungan menit.</p>
        </div>
        <div class="card">
            <div class="card-icon-box">📍</div>
            <h3>Tracking Lokasi GPS</h3>
            <p>Setiap laporan dilengkapi koordinat GPS otomatis sehingga penyuluh dapat langsung mengetahui lokasi lahan yang terserang.</p>
        </div>
        <div class="card">
            <div class="card-icon-box">⚖️</div>
            <h3>Analisis AHP</h3>
            <p>Metode AHP memberikan bobot objektif pada setiap kriteria penilaian — luas serangan, jenis hama, dan tingkat kerusakan.</p>
        </div>
        <div class="card">
            <div class="card-icon-box">🏆</div>
            <h3>Ranking TOPSIS</h3>
            <p>TOPSIS menghasilkan peringkat laporan dari yang paling mendesak, sehingga penyuluh tahu mana yang harus ditangani lebih dulu.</p>
        </div>
        <div class="card">
            <div class="card-icon-box">📄</div>
            <h3>Ekspor Laporan</h3>
            <p>Hasil analisis dapat diekspor ke format PDF untuk keperluan pelaporan resmi ke instansi terkait.</p>
        </div>
    </div>
</section>


<section class="section">
    <h2 data-aos="fade-up">Cara Kerja Sistem</h2>
    <p data-aos="fade-up" data-aos-delay="100">
        Dari laporan petani — hanya 4 langkah.
    </p>

    <div class="steps steps-center">
        <div data-aos="fade-up" data-aos-delay="0">
            <div class="step-icon">🔐</div>
            <h3>1. Login</h3>
            <p>Petani atau penyuluh masuk ke sistem menggunakan akun yang telah terdaftar di Dinas Pertanian.</p>
        </div>
        <div data-aos="fade-up" data-aos-delay="100">
            <div class="step-icon">📋</div>
            <h3>2. Input Laporan</h3>
            <p>Isi formulir dengan data serangan: jenis hama, luas lahan terdampak, tingkat kerusakan, lama kejadian serta dilengkapi dengan lokasi kejadian.</p>
        </div>
        <div data-aos="fade-up" data-aos-delay="200">
            <div class="step-icon">🧮</div>
            <h3>3. Analisis AHP &amp; TOPSIS</h3>
            <p>Sistem memproses data secara otomatis menggunakan algoritma AHP dan TOPSIS untuk menghasilkan ranking prioritas.</p>
        </div>
        <div data-aos="fade-up" data-aos-delay="300">
            <div class="step-icon">✅</div>
            <h3>4. Tindak Lanjut</h3>
            <p>Penyuluh menerima notifikasi dan rekomendasi penanganan sesuai urutan prioritas yang dihasilkan sistem.</p>
        </div>
    </div>
</section>


<section class="section">
    <h2 data-aos="fade-up">Mengapa Memilih SPK Hama?</h2>
    <p data-aos="fade-up" data-aos-delay="100">
        Dibandingkan pelaporan manual, SPK Hama memberikan manfaat yang signifikan.
    </p>

    <div class="table-wrapper" data-aos="fade-up" data-aos-delay="150">
        <table class="compare-table">
            <thead>
                <tr>
                    <th> Aspek</th>
                    <th> Konvensional </th>
                    <th> SPK Hama</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td class="aspek">Kecepatan Pelaporan</td>
                    <td class="val-manual">Berhari-hari</td>
                    <td class="val-spk">⚡ Menit</td>
                </tr>
                <tr class="row-alt">
                    <td class="aspek">Akurasi Prioritas</td>
                    <td class="val-manual">Subjektif</td>
                    <td class="val-spk">🎯 Objektif (AHP+TOPSIS)</td>
                </tr>
                <tr>
                    <td class="aspek">Tracking Lokasi</td>
                    <td class="val-manual">Tidak ada</td>
                    <td class="val-spk">📍 GPS Otomatis</td>
                </tr>
                <tr class="row-alt">
                    <td class="aspek">Riwayat Data</td>
                    <td class="val-manual">Mudah hilang</td>
                    <td class="val-spk">💾 Tersimpan Digital</td>
                </tr>
                <tr>
                    <td class="aspek">Akses Laporan</td>
                    <td class="val-manual">Manual</td>
                    <td class="val-spk">🌐 24/7 dari mana saja</td>
                </tr>
            </tbody>
        </table>
    </div>
</section>


<section class="section section-cta">
    <div class="cta-inner" data-aos="zoom-in">
        <h2 class="cta-title">Siap Mulai Pelaporan?</h2>
        <p class="cta-desc">
            Gunakan sistem pelaporan digital untuk membantu monitoring 
            dan penanganan hama pertanian secara cepat, akurat, dan berbasis lokasi.
        </p>
        <div class="cta-buttons">
            <a href="/login" class="btn btn-cta-white">Login Sekarang</a>
            <a href="/kontak" class="btn btn-cta-outline">Hubungi Kami</a>
        </div>
    </div>
</section>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('layouts.main', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\Users\Maylha\pelaporanpertanian\resources\views/landing.blade.php ENDPATH**/ ?>