<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    <title>Page | Landing</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <link href="https://fonts.googleapis.com" rel="preconnect">
    <link href="https://fonts.gstatic.com" rel="preconnect" crossorigin>
    <link
        href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
        rel="stylesheet">
    <link href="{{ asset('landing/assets/vendor/bootstrap/css/bootstrap.min.css') }} " rel="stylesheet">
    <link href="{{ asset('landing/assets/vendor/bootstrap-icons/bootstrap-icons.css') }} " rel="stylesheet">
    <link href="{{ asset('landing/assets/vendor/aos/aos.css') }} " rel="stylesheet">
    <link href="{{ asset('landing/assets/vendor/glightbox/css/glightbox.min.css') }} " rel="stylesheet">
    <link href="{{ asset('landing/assets/vendor/swiper/swiper-bundle.min.css') }} " rel="stylesheet">
    <link href="{{ asset('landing/assets/css/main.css') }} " rel="stylesheet">
</head>

<body class="index-page">
    <header id="header" class="header sticky-top">
        <div class="branding d-flex align-items-cente">

            <div class="container position-relative d-flex align-items-center justify-content-between">
                <a href="index.html" class="logo d-flex align-items-center">
                    <h2 class="sitename" style="color: black; font: 900;">Malaria</h2>
                </a>
                <nav id="navmenu" class="navmenu">
                    <ul>
                        <li><a href="#hero" class="active">Home</a></li>
                        <li><a href="#about">About</a></li>
                        <li><a href="#sampel">Pengambilan Sampel</a></li>
                    </ul>
                    <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
                </nav>
            </div>
        </div>
    </header>
    <main class="main">
        <section id="hero" class="hero section accent-background">
            <div id="hero-carousel" class="carousel slide carousel-fade" data-bs-ride="carousel"
                data-bs-interval="5000">
                <div class="carousel-item active">
                    <img src="{{ asset('landing/assets/img/hero-carousel/hero-carousel-1.jpg') }} " alt="">
                    <div class="carousel-container">
                        <h2>Welcome</h2>
                        <p>Penelitian ini bertujuan menganalisis potensi tempat perindukan nyamuk Anopheles di wilayah
                            Bondowoso menggunakan metode Fuzzy Inference System. Data diperoleh melalui survei lapangan
                            dengan mengukur suhu, pH, dan salinitas air. Hasil pengukuran diproses menggunakan metode
                            fuzzy Sugeno untuk memprediksi kemungkinan suatu lokasi menjadi habitat nyamuk malaria.</p>
                        <a href="{{ route('dashboard') }}" class="btn-get-started">Get Started</a>
                    </div>
                </div>
            </div>
        </section>
        <section id="about" class="about section">
            <div class="container section-title" data-aos="fade-up">
                <h2>About Us</h2>
            </div>
            <div class="container">
                <div class="row gy-4">
                    <div class="col-lg-6 position-relative align-self-start" data-aos="fade-up" data-aos-delay="100">
                        <img src="{{ asset('landing/assets/img/about.jpg') }} " class="img-fluid" alt="">
                    </div>
                    <div class="col-lg-6 content" data-aos="fade-up" data-aos-delay="200">
                        <h3>Analisis Vektor Malaria dengan Metode Fuzzy Inference System</h3>
                        <p class="fst-italic">
                            Penelitian ini dilakukan untuk menganalisis potensi tempat perindukan nyamuk Anopheles
                            sebagai vektor malaria di wilayah Bondowoso dengan pendekatan berbasis Fuzzy Inference
                            System.
                        </p>
                        <ul>
                            <li><i class="bi bi-check2-all"></i> <span>Data dikumpulkan melalui survei lapangan pada
                                    beberapa lokasi potensial genangan air.</span></li>
                            <li><i class="bi bi-check2-all"></i> <span>Parameter yang diukur meliputi suhu, pH, dan
                                    salinitas air di setiap titik lokasi.</span></li>
                            <li><i class="bi bi-check2-all"></i> <span>Metode Fuzzy Sugeno digunakan untuk mengolah data
                                    dan memprediksi tingkat kemungkinan suatu lokasi menjadi habitat nyamuk
                                    Anopheles.</span></li>
                        </ul>
                        <p>
                            Hasil dari penelitian ini diharapkan dapat membantu pihak terkait dalam pengambilan
                            keputusan strategis untuk pencegahan dan pengendalian penyakit malaria secara lebih efektif
                            berbasis data lingkungan lokal.
                        </p>

                    </div>
                </div>
            </div>
            <section id="why-us" class="why-us section">
                <div class="container section-title" data-aos="fade-up">
                    <h2>Metode Penelitian</h2>
                </div>
                <div class="container">
                    <div class="row no-gutters">
                        <div class="col-lg-4 col-md-6 card" data-aos="fade-up" data-aos-delay="100">
                            <span>01</span>
                            <h4>Identifikasi Masalah</h4>
                            <p>Berfokus pada belum tersedianya sistem prediksi yang akurat untuk mengidentifikasi
                                potensi
                                tempat perindukan nyamuk Anopheles berdasarkan suhu, pH, dan salinitas air
                            </p>
                        </div>
                        <div class="col-lg-4 col-md-6 card" data-aos="fade-up" data-aos-delay="200">
                            <span>02</span>
                            <h4>Studi Literatur</h4>
                            <p>Fuzzy Inference System (FIS) terbukti
                                mampu mengolah data lingkungan yang bersifat tidak pasti dan variatif, seperti suhu, pH,
                                dan
                                salinitas air. Studi oleh peneliti lain menunjukkan bahwa pendekatan fuzzy efektif dalam
                                mendukung pengambilan keputusan berbasis parameter lingkungan.</p>
                        </div>
                        <div class="col-lg-4 col-md-6 card" data-aos="fade-up" data-aos-delay="300">
                            <span>03</span>
                            <h4>Pengumpulan Data</h4>
                            <p>Proses mengumpulkan informasi atau fakta dari berbagai sumber untuk keperluan analisis
                                yang
                                bertujuan untuk untuk memastikan bahwa
                                informasi yang dikumpulkan akurat, relevan, dan dapat diandalkan untuk mendukung tujuan
                                yang
                                diinginkan.
                            </p>
                        </div>
                        <div class="col-lg-4 col-md-6 card" data-aos="fade-up" data-aos-delay="400">
                            <span>04</span>
                            <h4>Analisis Kebutuhan Sistem</h4>
                            <p>proses untuk mengidentifikasi dan mendefinisikan kebutuhan fungsional dan non-fungsional
                                dari
                                sebuah sistem yang akan dibangun memastikan bahwa sistem yang dibangun dapat memenuhi
                                harapan pengguna dan berfungsi secara optimal.</p>
                        </div>
                        <div class="col-lg-4 col-md-6 card" data-aos="fade-up" data-aos-delay="400">
                            <span>05</span>
                            <h4>Implementasi Metode</h4>
                            <p>Teknik sistem logika fuzzy yang digunakan untuk membuat keputusan berdasarkan input yang
                                tidak pasti atau ambigu. Metode ini memanfaatkan aturan-aturan fuzzy yang menghasilkan
                                output yang berbentuk fungsi matematika</p>
                        </div>
                        <div class="col-lg-4 col-md-6 card" data-aos="fade-up" data-aos-delay="600">
                            <span>06</span>
                            <h4>Pengujian</h4>
                            <p>Tahapan penting dalam pengembangan untuk memastikan bahwa sistem yang dibangun berfungsi
                                sesuai
                                dengan yang diharapkan dan memenuhi kebutuhan yang telah ditetapkan.</p>
                        </div>
                        <div class="col-lg-4 col-md-6 card" data-aos="fade-up" data-aos-delay="600">
                            <span>07</span>
                            <h4>Hasil dan Pembahasan</h4>
                            <p>Bagian penting dalam laporan penelitian atau pengembangan sistem
                                yang menyajikan temuan dari pengujian serta penjelasan mendalam terkait dengan hasil
                                tersebut.</p>
                        </div>
                    </div>
                </div>
            </section>
            <section id="sampel" class="portfolio section">
                <div class="container section-title" data-aos="fade-up">
                    <h2>Pengambilan Sampel</h2>
                </div>
                <div class="container">
                    <div class="isotope-layout" data-default-filter="*" data-layout="masonry"
                        data-sort="original-order">
                        <div class="row gy-4 isotope-container" data-aos="fade-up" data-aos-delay="200">
                            <div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
                                <div class="portfolio-content h-100">
                                    <a href="{{ asset('landing/assets/img/portfolio/portofolio (1).jpeg') }} "
                                        data-gallery="portfolio-gallery-app" class="glightbox"><img
                                            src="{{ asset('landing/assets/img/portfolio/portofolio (1).jpeg') }} "
                                            class="img-fluid" alt=""></a>
                                    <div class="portfolio-info">
                                        <h4><a href="portfolio-details.html" title="More Details">Kecamatan
                                                Klabang</a>
                                        </h4>
                                        <p>6 Maret 2025</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
                                <div class="portfolio-content h-100">
                                    <a href="{{ asset('landing/assets/img/portfolio/portofolio (2).jpeg') }} "
                                        data-gallery="portfolio-gallery-app" class="glightbox"><img
                                            src="{{ asset('landing/assets/img/portfolio/portofolio (2).jpeg') }} "
                                            class="img-fluid" alt=""></a>
                                    <div class="portfolio-info">
                                        <h4><a href="portfolio-details.html" title="More Details">Kecamatan Tapen
                                                Bws</a></h4>
                                        <p>6 Maret 2025</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
                                <div class="portfolio-content h-100">
                                    <a href="{{ asset('landing/assets/img/portfolio/portofolio (3).jpeg') }} "
                                        data-gallery="portfolio-gallery-app" class="glightbox"><img
                                            src="{{ asset('landing/assets/img/portfolio/portofolio (3).jpeg') }} "
                                            class="img-fluid" alt=""></a>
                                    <div class="portfolio-info">
                                        <h4><a href="portfolio-details.html" title="More Details">Kecamatan Sumber
                                                Wringin</a></h4>
                                        <p>6 Maret 2025</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
                                <div class="portfolio-content h-100">
                                    <a href="{{ asset('landing/assets/img/portfolio/portofolio (4).jpeg') }} "
                                        data-gallery="portfolio-gallery-app" class="glightbox"><img
                                            src="{{ asset('landing/assets/img/portfolio/portofolio (4).jpeg') }} "
                                            class="img-fluid" alt=""></a>
                                    <div class="portfolio-info">
                                        <h4><a href="portfolio-details.html" title="More Details">Kecamatan
                                                Tegalampel</a>
                                        </h4>
                                        <p>8 Maret 2025</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
                                <div class="portfolio-content h-100">
                                    <a href="{{ asset('landing/assets/img/portfolio/portofolio (5).jpeg') }} "
                                        data-gallery="portfolio-gallery-app" class="glightbox"><img
                                            src="{{ asset('landing/assets/img/portfolio/portofolio (5).jpeg') }} "
                                            class="img-fluid" alt=""></a>
                                    <div class="portfolio-info">
                                        <h4><a href="portfolio-details.html" title="More Details">Kecamatan Binakal
                                                Bws</a>
                                        </h4>
                                        <p>8 Maret 2025</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
                                <div class="portfolio-content h-100">
                                    <a href="{{ asset('landing/assets/img/portfolio/portofolio (6).jpeg') }} "
                                        data-gallery="portfolio-gallery-app" class="glightbox"><img
                                            src="{{ asset('landing/assets/img/portfolio/portofolio (6).jpeg') }} "
                                            class="img-fluid" alt=""></a>
                                    <div class="portfolio-info">
                                        <h4><a href="portfolio-details.html" title="More Details">Kecamatan Binakal
                                                Bws</a>
                                        </h4>
                                        <p>8 Maret 2025</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
                                <div class="portfolio-content h-100">
                                    <a href="{{ asset('landing/assets/img/portfolio/portofolio (7).jpeg') }} "
                                        data-gallery="portfolio-gallery-app" class="glightbox"><img
                                            src="{{ asset('landing/assets/img/portfolio/portofolio (7).jpeg') }} "
                                            class="img-fluid" alt=""></a>
                                    <div class="portfolio-info">
                                        <h4><a href="portfolio-details.html" title="More Details">Kecamatan Curat
                                                Dami</a>
                                        </h4>
                                        <p>8 Maret 2025</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
                                <div class="portfolio-content h-100">
                                    <a href="{{ asset('landing/assets/img/portfolio/portofolio (9).jpeg') }} "
                                        data-gallery="portfolio-gallery-app" class="glightbox"><img
                                            src="{{ asset('landing/assets/img/portfolio/portofolio (9).jpeg') }} "
                                            class="img-fluid" alt=""></a>
                                    <div class="portfolio-info">
                                        <h4><a href="portfolio-details.html" title="More Details">Kecamatan
                                                Curah Dami</a>
                                        </h4>
                                        <p>8 Maret 2025</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
                                <div class="portfolio-content h-100">
                                    <a href="{{ asset('landing/assets/img/portfolio/portofolio (9).jpeg') }} "
                                        data-gallery="portfolio-gallery-app" class="glightbox"><img
                                            src="{{ asset('landing/assets/img/portfolio/portofolio (9).jpeg') }} "
                                            class="img-fluid" alt=""></a>
                                    <div class="portfolio-info">
                                        <h4><a href="portfolio-details.html" title="More Details">Kecamatan
                                                Tlogosari</a>
                                        </h4>
                                        <p>8 Maret 2025</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
                                <div class="portfolio-content h-100">
                                    <a href="{{ asset('landing/assets/img/portfolio/portofolio (10).jpeg') }} "
                                        data-gallery="portfolio-gallery-app" class="glightbox"><img
                                            src="{{ asset('landing/assets/img/portfolio/portofolio (10).jpeg') }} "
                                            class="img-fluid" alt=""></a>
                                    <div class="portfolio-info">
                                        <h4><a href="portfolio-details.html" title="More Details">Kecamatan
                                                Jambesari</a>
                                        </h4>
                                        <p>8 Maret 2025</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
                                <div class="portfolio-content h-100">
                                    <a href="{{ asset('landing/assets/img/portfolio/portofolio (11).jpeg') }} "
                                        data-gallery="portfolio-gallery-app" class="glightbox"><img
                                            src="{{ asset('landing/assets/img/portfolio/portofolio (11).jpeg') }} "
                                            class="img-fluid" alt=""></a>
                                    <div class="portfolio-info">
                                        <h4><a href="portfolio-details.html" title="More Details">Kecamatan
                                                Grujugan</a>
                                        </h4>
                                        <p>8 Maret 2025</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-3 col-md-6 portfolio-item isotope-item filter-books">
                                <div class="portfolio-content h-100">
                                    <a href="{{ asset('landing/assets/img/portfolio/portofolio (12).jpeg') }} "
                                        data-gallery="portfolio-gallery-app" class="glightbox"><img
                                            src="{{ asset('landing/assets/img/portfolio/portofolio (12).jpeg') }} "
                                            class="img-fluid" alt=""></a>
                                    <div class="portfolio-info">
                                        <h4><a href="portfolio-details.html" title="More Details">Kecamatan Nangkaan
                                                Bws</a>
                                        </h4>
                                        <p>8 Maret 2025</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
    </main>
    <footer id="footer" class="footer dark-background">
        <div class="container footer-top">
            <div class="row gy-4">
                <div class="col-lg-5 col-md-12 footer-about">
                    <a href="index.html" class="logo d-flex align-items-center">
                        <span class="sitename">Malaria</span>
                    </a>
                    <p>Sistem ini dikembangkan untuk menganalisis potensi tempat perindukan nyamuk Anopheles, vektor
                        malaria, di wilayah Bondowoso. Dengan menggunakan metode Fuzzy Inference System, sistem membantu
                        memprediksi lokasi berisiko berdasarkan data suhu, pH, dan salinitas air dari hasil survei
                        lapangan.</p>
                </div>
                <div class="col-lg-2 col-6 footer-links">
                    <h4>Navigasi</h4>
                    <ul>
                        <li><a href="#">Home</a></li>
                        <li><a href="#about">About us</a></li>
                    </ul>
                </div>
                <div class="col-lg-2 col-6 footer-links">
                    <h4>Our Services</h4>
                    <ul>
                        <li><a href="#">Landing Page</a></li>
                        <li><a href="{{ route('dashboard') }}">Dashbaord</a></li>
                    </ul>
                </div>
                <div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
                    <h4>Contact Us</h4>
                    <p><strong>Ida Sevia</strong></p>
                    <p class=""><strong>Phone:</strong> <span>+62 821-3261-9688</span></p>
                    <p><strong>Email:</strong> <span>idasevia09@gmail.com</span></p>
                </div>

            </div>
        </div>
    </footer>
    <a href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i
            class="bi bi-arrow-up-short"></i></a>
    <div id="preloader"></div>
    <script src="{{ asset('landing/assets/vendor/bootstrap/js/bootstrap.bundle.min.js') }} "></script>
    <script src="{{ asset('landing/assets/vendor/php-email-form/validate.js') }} "></script>
    <script src="{{ asset('landing/assets/vendor/aos/aos.js') }} "></script>
    <script src="{{ asset('landing/assets/vendor/glightbox/js/glightbox.min.js') }} "></script>
    <script src="{{ asset('landing/assets/vendor/swiper/swiper-bundle.min.js') }} "></script>
    <script src="{{ asset('landing/assets/vendor/imagesloaded/imagesloaded.pkgd.min.js') }} "></script>
    <script src="{{ asset('landing/assets/vendor/isotope-layout/isotope.pkgd.min.js') }} "></script>
    <script src="{{ asset('landing/assets/js/main.js') }} "></script>
</body>

</html>
