250 lines
16 KiB
PHP
250 lines
16 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<!-- Fonts -->
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
|
@vite('resources/css/app.css')
|
|
|
|
<title>Gumukmas Multifarm - Kemitraan Domba dan Pakan Ternak Berkualitas</title>
|
|
<meta property="og:title" content="Gumukmas Multifarm - Kemitraan Domba dan Pakan Ternak Berkualitas">
|
|
<meta property="og:description"
|
|
content="Bergabunglah dengan Gumukmas Multifarm untuk kemitraan domba, pakan ternak berkualitas, dan layanan terbaik di Jember, Jawa Timur.">
|
|
<meta name="description"
|
|
content="Gumukmas Multifarm menyediakan kemitraan domba, domba pejantan & indukan unggul, pengadaan bahan baku pakan ternak, dan produksi pakan ternak ruminansia di Jember, Jawa Timur. Hubungi kami untuk kemitraan sukses.">
|
|
<meta name="keywords"
|
|
content="Gumukmas Multifarm, kemitraan domba, domba pejantan, indukan unggul, pakan ternak, ruminansia, Jember, Jawa Timur, peternakan domba, kemitraan ternak, pakan ternak berkualitas, pengadaan pakan ternak, produksi pakan ternak, domba unggul, domba berkualitas, pakan ternak ruminansia, kemitraan sukses, peternak lokal, dukungan peternak, bimbingan kemitraan, ternak produktif, domba sehat, bahan baku pakan, pakan ruminansia, domba Jember, ternak Jember, domba Jawa Timur, ternak Jawa Timur, peternak Jawa Timur, supplier pakan ternak, distributor pakan ternak, penyedia pakan ternak, pakan ternak alami, pakan ternak sehat, pakan ternak efisien, produksi pakan berkualitas, ternak sehat, ternak unggul, ternak berkualitas, peternak unggul, peternakan modern, peternakan berkelanjutan, bisnis peternakan, investasi peternakan, usaha peternakan, pakan ternak murah, pakan ternak terbaik, nutrisi ternak, kebutuhan ternak, pakan ternak alami, kemitraan domba sukses, manajemen peternakan, agribisnis, agrikultur, peternakan Indonesia, ternak Indonesia, pasar ternak, peluang peternakan, ternak ruminansia, pakan ternak komplit, komposisi pakan ternak, formulasi pakan ternak, inovasi pakan ternak, teknologi peternakan, perkembangan peternakan, kemitraan peternakan, pengembangan peternakan, jasa peternakan, layanan peternakan, komunitas peternakan, industri peternakan, jaringan peternakan, kesehatan ternak, produktivitas ternak, perawatan ternak, pengelolaan ternak, sumber daya ternak, kualitas pakan ternak, standar pakan ternak, suplai pakan ternak, solusi pakan ternak, kebutuhan pakan ternak, stok pakan ternak, bahan pakan ternak, distribusi pakan ternak, pakan ternak premium, pakan ternak grosir, peternakan modern, tren peternakan, strategi peternakan, efisiensi peternakan, peternak sukses, peluang usaha peternakan, perkembangan agribisnis, pasar agrikultur, agrikultur Jawa Timur, peluang bisnis Jember, potensi peternakan, ternak Indonesia, dukungan peternak lokal, mitra peternak, usaha ternak, pengembangan ternak, bisnis ternak, pakan ternak lokal, peternakan lokal, ternak skala kecil, ternak skala besar, peternak mandiri, mitra peternak, pengusaha ternak">
|
|
<meta name="author" content="Gumukmas Multifarm">
|
|
</head>
|
|
|
|
<body class="bg-lwhite">
|
|
<!-- Start Hero Section -->
|
|
<section id="hero" class="flex flex-col min-h-screen text-white bg-center bg-cover bg-blend-overlay "
|
|
style="background-image: url('{{ asset('images/landingpage/herobackground3.png') }}')"> {{-- style="background-image: url('{{ asset('images/landingpage/herobackground2.png') }}')"> --}}
|
|
<div class="container">
|
|
@livewire('components.header')
|
|
</div>
|
|
<div class="container">
|
|
<div class="p-4 mx-auto md:py-8">
|
|
<div class="flex items-center flex-1">
|
|
<div class="mx-auto text-center">
|
|
<h1 class="font-bold text-white text-h3 md:text-h2 lg:text-h1">Sistem Penentuan Kualitas Udara
|
|
Pada Cemaran Limbah</h1>
|
|
<h1 class="font-bold text-white text-h3 md:text-h2 lg:text-h1">Kotoran Ternak Domba Menggunakan
|
|
</h1>
|
|
<h1 class="font-bold text-white text-h3 md:text-h2 lg:text-h1">
|
|
Metode Naive Bayes</h1>
|
|
<p class="text-title1 text-text mb-7">Studi Kasus Di CV Gumukmas Multi Farm</p>
|
|
<a href="{{ route('login') }}"
|
|
class="px-12 py-3 bg-orange text-title2 text-lwhite rounded-xl hover:bg-orange/80">Masuk</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End Hero Section -->
|
|
|
|
<!-- Start About Section -->
|
|
<section id="about" class="pt-24 pb-16">
|
|
<div class="container mx-auto">
|
|
<div class="flex flex-col items-center md:flex-row sm:pt-4 md:px-0">
|
|
<div class="flex justify-center order-2 w-full md:order-1 md:w-2/5 md:justify-start md:mb-0">
|
|
<img src="{{ asset('images/landingpage/aboutimage.png') }}" alt="About Image"
|
|
class="object-cover h-auto max-w-full">
|
|
</div>
|
|
<div class="order-1 w-full mb-16 md:order-2 md:w-3/5 md:pl-4">
|
|
<h2 class="mb-4 font-bold text-h3 text-dgreen xl:text-h2">Tentang Sistem</h2>
|
|
<p class="mb-12 leading-relaxed text-body text-tblack xl:text-title2">
|
|
Sistem ini dirancang untuk memantau kualitas udara di lingkungan peternakan domba dengan
|
|
mengukur kadar gas amonia (NH₃), metana
|
|
(CH₄), dan karbon dioksida (CO₂). Dengan menggunakan sensor berbasis IoT (ESP32) dan metode
|
|
Naïve Bayes,
|
|
sistem ini dapat mengklasifikasikan kualitas udara secara real-time
|
|
ke dalam tiga kategori: Baik, Cukup, dan Buruk.
|
|
Hasil pemantauan ditampilkan langsung di dashboard berbasis web,
|
|
memungkinkan pengambilan keputusan yang lebih cepat dan tepat untuk menjaga kualitas udara yang
|
|
sehat di area peternakan.
|
|
</p>
|
|
<a href="{{ route('login') }}"
|
|
class="px-12 py-3 bg-orange text-title2 text-lwhite rounded-xl hover:bg-orange/80">Masuk</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- End About Section -->
|
|
|
|
{{-- Start Service section --}}
|
|
<section id="service" class="relative py-4 md:py-16">
|
|
<div class="container relative z-10 mx-auto">
|
|
<div class="flex flex-col items-center md:flex-row sm:px-4">
|
|
<div class="order-1 w-full mt-4 md:w-1/2">
|
|
<h2 class="mb-4 mr-4 font-bold text-h3 text-dgreen xl:text-h2">Model & Dataset Overview</h2>
|
|
{{-- <p class="mb-6 font-bold leading-relaxed text-body text-orange xl:text-title2">Apa saja layanan yang
|
|
kami sediakan?
|
|
</p> --}}
|
|
</div>
|
|
<div class="order-2 w-full md:w-1/2">
|
|
<p class="leading-relaxed text-body text-tblack md:text-lwhite md:pl-8 xl:text-title2">
|
|
Sistem ini menggunakan metode Naïve Bayes untuk menentukan kualitas udara berdasarkan cemaran
|
|
gas dari limbah kotoran ternak domba.
|
|
Model dikembangkan menggunakan dataset yang terdiri dari sejumlah sampel data gas,
|
|
dengan akurasi yang telah diuji melalui proses pelatihan dan pengujian.
|
|
Perbandingan antara data latih dan data uji memastikan model mampu
|
|
mengklasifikasikan kualitas udara secara akurat dan andal.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="absolute top-0 right-0 z-0 items-center justify-center hidden w-1/2 md:flex bg-dgreen mt-9 h-80"
|
|
style="background-image: url('{{ asset('images/footer/footer.png') }}');">
|
|
</div>
|
|
|
|
<div class="container relative z-20 flex items-center justify-center mx-auto mt-8">
|
|
<div class="grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-4">
|
|
{{-- Service 1 --}}
|
|
<a href="#" class="block px-6 py-8 bg-white shadow-lg service-card rounded-xl">
|
|
<div class="flex flex-col items-center">
|
|
<div class="flex items-center justify-center p-4 overflow-hidden rounded-full shadow-md">
|
|
<img class="h-auto" src="{{ asset('images/landingpage/metode.png') }}" alt="">
|
|
</div>
|
|
<div class="flex flex-col">
|
|
<p class="mt-6 font-bold text-left text-title2 text-dgreen">Machine Learning</p>
|
|
<p class="mt-4 leading-relaxed text-body text-tblack">
|
|
Model ini menggunakan algoritma Naïve Bayes,
|
|
sebuah metode klasifikasi berbasis probabilitas yang efektif dalam menangani data dengan
|
|
fitur independen.
|
|
Algoritma ini menganalisis pola dari data historis untuk menentukan kualitas udara
|
|
berdasarkan kandungan gas yang terdeteksi.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
{{-- Service 2 --}}
|
|
<a href="#" class="block px-6 py-8 bg-white shadow-lg service-card rounded-xl">
|
|
<div class="flex flex-col items-center">
|
|
<div class="flex items-center justify-center p-4 overflow-hidden rounded-full shadow-md">
|
|
<img class="h-auto" src="{{ asset('images/landingpage/gas.png') }}" alt="">
|
|
</div>
|
|
<div class="flex flex-col">
|
|
<p class="mt-6 font-bold text-left text-title2 text-dgreen">Jumlah Dataset</p>
|
|
<p class="mt-4 leading-relaxed text-body text-tblack">
|
|
Model dilatih menggunakan 2000 dataset yang mencakup berbagai kondisi kualitas udara
|
|
berdasarkan konsentrasi gas amonia (NH₃), metana (CH₄), dan karbon dioksida (CO₂).
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
{{-- Service 3 --}}
|
|
<a href="#" class="block px-6 py-8 bg-white shadow-lg service-card rounded-xl">
|
|
<div class="flex flex-col items-center">
|
|
<div class="flex items-center justify-center p-4 overflow-hidden rounded-full shadow-md">
|
|
<img class="h-auto" src="{{ asset('images/landingpage/akurasi.png') }}" alt="">
|
|
</div>
|
|
<div class="flex flex-col">
|
|
<p class="mt-6 font-bold text-left text-title2 text-dgreen">Akurasi Model</p>
|
|
<p class="mt-4 leading-relaxed text-body text-tblack">
|
|
Model mencapai tingkat akurasi 99%, menunjukkan kinerja yang baik
|
|
dalam mengklasifikasikan kualitas udara dengan tingkat kesalahan yang rendah.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
{{-- Service 4 --}}
|
|
<a href="#" class="block px-6 py-8 bg-white shadow-lg service-card rounded-xl">
|
|
<div class="flex flex-col items-center">
|
|
<div class="flex items-center justify-center p-4 overflow-hidden rounded-full shadow-md">
|
|
<img class="h-auto" src="{{ asset('images/landingpage/perbandingan.png') }}" alt="">
|
|
</div>
|
|
<div class="flex flex-col">
|
|
<p class="mt-6 font-bold text-left text-title2 text-dgreen">Perbandingan Data Latih & Data
|
|
Uji</p>
|
|
<p class="mt-4 leading-relaxed text-body text-tblacks">
|
|
Dataset dibagi dengan rasio 90% untuk pelatihan dan 10% untuk pengujian,
|
|
memastikan model memiliki generalisasi yang optimal terhadap data baru.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
{{-- End Service section --}}
|
|
|
|
{{-- Start Section Testimonial --}}
|
|
<section id="" class="relative py-16">
|
|
<div class="container relative z-10 mx-auto">
|
|
<div class="flex items-center flex-1">
|
|
<div class="mx-auto mt-8 text-center">
|
|
<h1 class="font-bold text-white text-h3 xl:text-h2">Fitur Utama Sistem</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="absolute top-0 right-0 z-0 flex items-center justify-center w-full h-3/5 bg-dgreen mt-9"
|
|
style="background-image: url('{{ asset('images/footer/footer.png') }}');">
|
|
</div>
|
|
<div class="container relative z-20 flex items-center justify-center p-8 mx-auto">
|
|
<div class="grid grid-cols-1 gap-4 md:grid-cols-3 lg:grid-cols-3">
|
|
{{-- Testimoni 1 --}}
|
|
<div class="bg-white shadow-lg rounded-xl">
|
|
<div class="ml-6 mt-7"><img src="{{ asset('images/landingpage/iot.png') }}" alt="">
|
|
</div>
|
|
<div class="flex flex-col items-center p-6">
|
|
<p class="text-body text-tblack">
|
|
Pemantauan Real-time via IoT</p>
|
|
</div>
|
|
<div class="border-t border-lwhite"></div>
|
|
</div>
|
|
{{-- Testimoni 2 --}}
|
|
<div class="bg-white shadow-lg rounded-xl">
|
|
<div class="ml-6 mt-7"><img src="{{ asset('images/landingpage/metode.png') }}" alt="">
|
|
</div>
|
|
<div class="flex flex-col items-center p-6">
|
|
<p class="text-body text-tblack">
|
|
Klasifikasi Otomatis dengan Naïve Bayes</p>
|
|
</div>
|
|
<div class="border-t border-lwhite"></div>
|
|
</div>
|
|
{{-- Testimoni 3 --}}
|
|
<div class="bg-white shadow-lg rounded-xl">
|
|
<div class="ml-6 mt-7"><img src="{{ asset('images/landingpage/dashboard.png') }}"
|
|
alt="">
|
|
</div>
|
|
<div class="flex flex-col items-center p-6">
|
|
<p class="text-body text-tblack">
|
|
Dashboard Website</p>
|
|
</div>
|
|
<div class="border-t border-lwhite"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- <!-- Navigation Buttons -->
|
|
<div class="flex justify-center mt-8 space-x-4">
|
|
<button
|
|
class="flex items-center justify-center w-12 h-12 bg-white border-solid rounded-full shadow-lg border-1 border-orange text-orange"
|
|
id="prev-btn">
|
|
‹
|
|
</button>
|
|
<button class="flex items-center justify-center w-12 h-12 text-white rounded-full shadow-lg bg-orange"
|
|
id="next-btn">
|
|
›
|
|
</button>
|
|
</div> --}}
|
|
</section>
|
|
{{-- End Section Testimonial --}}
|
|
|
|
<script>
|
|
document.getElementById('prev-btn').addEventListener('click', function() {});
|
|
|
|
document.getElementById('next-btn').addEventListener('click', function() {});
|
|
</script>
|
|
@livewire('components.footer')
|
|
@vite('resources/js/app.js')
|
|
<script src="{{ asset('assets/script.js') }}"></script>
|
|
</body>
|
|
|
|
</html>
|