Ta/dasena-web/resources/views/landing/sections/feature.blade.php

88 lines
4.6 KiB
PHP

<section id="feature" class="feature-section feature-style-5">
<div class="container">
<div class="row justify-content-center">
<div class="col-xxl-6 col-xl-6 col-lg-7 col-md-9">
<div class="section-title text-center mb-60">
<h3 class="mb-15 wow fadeInUp" data-wow-delay=".2s">Keunggulan Dasena</h3>
<p class="wow fadeInUp" data-wow-delay=".4s">Kami menyediakan platform cerdas untuk memantau dan menganalisis opini masyarakat terkait kinerja pemadam kebakaran dengan akurat.</p>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-4 col-md-6">
<div class="single-feature wow fadeInUp" data-wow-delay=".2s">
<div class="icon">
<i class="lni lni-cloud-network" style="color: #e53935;"></i>
<svg width="110" height="72" viewBox="0 0 110 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M110 54.7589C110 85.0014 85.3757 66.2583 55 66.2583C24.6243 66.2583 0 85.0014 0 54.7589C0 24.5164 24.6243 0 55 0C85.3757 0 110 24.5164 110 54.7589Z" fill="rgba(255, 165, 165, 0.3)" />
</svg>
</div>
<div class="content">
<h5>Manajemen Data Scraping</h5>
<p>Menyediakan fasilitas terintegrasi untuk mengelola dan menganalisis data sentimen warga dari Threads hasil ekstraksi Chromium.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-feature wow fadeInUp" data-wow-delay=".4s">
<div class="icon">
<i class="lni lni-funnel" style="color: #e53935;"></i>
<svg width="110" height="72" viewBox="0 0 110 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M110 54.7589C110 85.0014 85.3757 66.2583 55 66.2583C24.6243 66.2583 0 85.0014 0 54.7589C0 24.5164 24.6243 0 55 0C85.3757 0 110 24.5164 110 54.7589Z" fill="rgba(255, 165, 165, 0.3)" />
</svg>
</div>
<div class="content">
<h5>Text Preprocessing Cerdas</h5>
<p>Membersihkan teks dari noise, simbol, dan kata tidak baku agar data siap diolah dengan tingkat kebersihan maksimal.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-feature wow fadeInUp" data-wow-delay=".6s">
<div class="icon">
<i class="lni lni-cogs" style="color: #e53935;"></i>
<svg width="110" height="72" viewBox="0 0 110 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M110 54.7589C110 85.0014 85.3757 66.2583 55 66.2583C24.6243 66.2583 0 85.0014 0 54.7589C0 24.5164 24.6243 0 55 0C85.3757 0 110 24.5164 110 54.7589Z" fill="rgba(255, 165, 165, 0.3)" />
</svg>
</div>
<div class="content">
<h5>Algoritma Naive Bayes</h5>
<p>Mengklasifikasikan sentimen menjadi Positif, Netral, atau Negatif menggunakan metode Machine Learning berbasis probabilitas.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-feature wow fadeInUp" data-wow-delay=".2s">
<div class="icon">
<i class="lni lni-pie-chart" style="color: #e53935;"></i>
<svg width="110" height="72" viewBox="0 0 110 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M110 54.7589C110 85.0014 85.3757 66.2583 55 66.2583C24.6243 66.2583 0 85.0014 0 54.7589C0 24.5164 24.6243 0 55 0C85.3757 0 110 24.5164 110 54.7589Z" fill="rgba(255, 165, 165, 0.3)" />
</svg>
</div>
<div class="content">
<h5>Visualisasi Interaktif</h5>
<p>Menyajikan hasil analisis dalam bentuk grafik yang mudah dipahami untuk pengambilan keputusan strategis instansi.</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="single-feature wow fadeInUp" data-wow-delay=".4s">
<div class="icon">
<i class="lni lni-bolt" style="color: #e53935;"></i>
<svg width="110" height="72" viewBox="0 0 110 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M110 54.7589C110 85.0014 85.3757 66.2583 55 66.2583C24.6243 66.2583 0 85.0014 0 54.7589C0 24.5164 24.6243 0 55 0C85.3757 0 110 24.5164 110 54.7589Z" fill="rgba(255, 165, 165, 0.3)" />
</svg>
</div>
<div class="content">
<h5>Pengujian Teks Langsung</h5>
<p>Fitur uji coba klasifikasi kalimat secara real-time langsung melalui halaman website tanpa perlu mendaftar.</p>
</div>
</div>
</div>
</div>
</section>