317 lines
14 KiB
PHP
317 lines
14 KiB
PHP
<?php
|
||
include('config.php');
|
||
// Mengecek apakah ini permintaan AJAX untuk fetch data
|
||
if (isset($_GET['fetch_data'])) {
|
||
header('Content-Type: application/json');
|
||
$query = mysqli_query($conn, "SELECT * FROM profil WHERE id_usaha = 1");
|
||
$profile = mysqli_fetch_assoc($query);
|
||
echo json_encode($profile);
|
||
exit();
|
||
}
|
||
|
||
// Query untuk mendapatkan profil awal
|
||
$query = mysqli_query($conn, "SELECT * FROM profil WHERE id_usaha = 1");
|
||
$profile = mysqli_fetch_assoc($query);
|
||
?>
|
||
|
||
<main class="main">
|
||
|
||
<!-- Hero Section -->
|
||
<section id="hero" class="hero section accent-background">
|
||
|
||
<div class="container position-relative" data-aos="fade-up" data-aos-delay="100">
|
||
<div class="row gy-5 justify-content-between">
|
||
<div class="col-lg-6 order-2 order-lg-1 d-flex flex-column justify-content-center">
|
||
<h2><span class="accent">Selamat Datang di <?php echo $profile['nama_usaha']; ?></span></h2>
|
||
<p style="color: white;">Solusi Terbaik untuk Kebutuhan Daging Ayam Potong Anda!</p>
|
||
<div class="d-flex">
|
||
<a href="#about" class="btn-get-started">Mulai</a>
|
||
<!-- <a href="https://www.youtube.com/watch?v=LXb3EKWsInQ" class="glightbox btn-watch-video d-flex align-items-center"><i class="bi bi-play-circle"></i><span>Cara Penggunaan</span></a> -->
|
||
</div>
|
||
</div>
|
||
<div class="col-lg-5 order-1 order-lg-2">
|
||
<img src="assets/img/LP1.png" class="img-fluid" alt="">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="icon-boxes position-relative" data-aos="fade-up" data-aos-delay="200">
|
||
<div class="container position-relative">
|
||
<div class="row gy-4 mt-5">
|
||
|
||
<div class="col-xl-3 col-md-6">
|
||
<div class="icon-box">
|
||
<div class="icon"><i class="bi bi-easel"></i></div>
|
||
<h4 class="title"><a href="produk/" class="stretched-link">Belanja Sekarang</a></h4>
|
||
</div>
|
||
</div><!--End Icon Box -->
|
||
<?php
|
||
// Ambil total pembeli terdaftar
|
||
$query_total_pembeli = "SELECT COUNT(id_pembeli) as total_pembeli FROM pembeli";
|
||
$result_total_pembeli = $conn->query($query_total_pembeli);
|
||
$row_total_pembeli = $result_total_pembeli->fetch_assoc();
|
||
$total_pembeli = $row_total_pembeli['total_pembeli'];
|
||
?>
|
||
<div class="col-xl-3 col-md-6">
|
||
<div class="icon-box">
|
||
<div class="icon"><i class="bi bi-person-check"><?php echo number_format($total_pembeli, 0, ',', '.'); ?></i></div>
|
||
<h4 class="title">Pelanggan Terdaftar</h4>
|
||
</div>
|
||
</div><!--End Icon Box -->
|
||
|
||
|
||
<div class="col-xl-3 col-md-6">
|
||
<div class="icon-box">
|
||
<div class="icon"><i class="bi bi-geo-alt"></i></div>
|
||
<h4 class="title"><a href="https://www.google.com/maps/place/Jl.+Lurah+Surodarmo+No.99,+Cangkringan,+Kec.+Nganjuk,+Kabupaten+Nganjuk,+Jawa+Timur+64415/@-7.601598,111.887155,15z/data=!4m6!3m5!1s0x2e784b1be76699fb:0xbaeef850b3122908!8m2!3d-7.6015981!4d111.8871547!16s%2Fg%2F11sh5cd0yk?hl=id&entry=ttu&g_ep=EgoyMDI1MDQwMi4xIKXMDSoASAFQAw%3D%3D" class="stretched-link">Alamat Toko</a></h4>
|
||
</div>
|
||
</div><!--End Icon Box -->
|
||
|
||
<?php
|
||
$query = mysqli_query($conn, "SELECT COUNT(*) AS total_data FROM orders;");
|
||
$total_transaksi = mysqli_fetch_assoc($query);
|
||
?>
|
||
<div class="col-xl-3 col-md-6">
|
||
<div class="icon-box">
|
||
<div class="icon">
|
||
<i class="bi bi-command"></i>
|
||
<?php echo $total_transaksi['total_data']; ?>
|
||
</div>
|
||
<h4 class="title">Total Transaksi</h4>
|
||
</div>
|
||
</div><!--End Icon Box -->
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</section><!-- /Hero Section -->
|
||
|
||
<!-- About Section -->
|
||
<section id="about" class="about section">
|
||
|
||
<!-- Section Title -->
|
||
<div class="container section-title" data-aos="fade-up">
|
||
<h2 style="font-size: 2.5rem;">Tentang Kami<br></h2>
|
||
<p style="font-size: 1.25rem;"><?php echo $profile['nama_usaha']; ?> – Solusi Terbaik untuk Kebutuhan Daging Ayam Potong Anda!</p>
|
||
</div><!-- End Section Title -->
|
||
|
||
<div class="container">
|
||
|
||
<div class="row gy-4">
|
||
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
|
||
<img src="assets/img/LP2.png" class="img-fluid rounded-4 mb-4" alt="">
|
||
</div>
|
||
|
||
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="250">
|
||
<div class="content ps-0 ps-lg-5">
|
||
<h3 style="font-size: 2rem;">Apa yang Kami Tawarkan?</h3>
|
||
<div style="font-size: 1.125rem;"></div>
|
||
<p ><strong>Daging Ayam Segar:</strong> Kami menyediakan berbagai macam potongan daging ayam, mulai dari dada, paha, sayap, hingga seluruh ayam utuh, semuanya segar dan diproses secara higienis.</p> <p ><strong>Pengiriman Cepat:</strong> Dengan layanan pengiriman cepat kami, Anda dapat menikmati daging ayam segar langsung di depan pintu Anda tanpa harus meninggalkan rumah.</p> <p ><strong>Kemudahan Berbelanja:</strong> Dengan antarmuka yang ramah pengguna, Anda dapat dengan mudah menelusuri produk, melakukan pemesanan, dan melacak pengiriman Anda.</p> <p ><strong>Harga Terjangkau:</strong> Kami menawarkan produk berkualitas dengan harga yang kompetitif, sehingga Anda mendapatkan nilai terbaik untuk setiap pembelian.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row gy-4">
|
||
<div class="col-lg-12" data-aos="fade-up" data-aos-delay="250">
|
||
<div class="content ps-0 ps-lg-5">
|
||
<h3 style="font-size: 2rem;">Kenapa Memilih ChickyCuts?</h3>
|
||
<ul style="font-size: 1.125rem;">
|
||
<li><i class="bi bi-check-circle-fill"></i> <span><strong>Kualitas Terjamin:</strong> Kami memastikan setiap potongan daging ayam yang Anda terima memenuhi standar kualitas tertinggi.</span></li> <li><i class="bi bi-check-circle-fill"></i> <span><strong>Layanan Pelanggan Prima:</strong> Tim kami siap membantu Anda dengan pertanyaan dan kebutuhan Anda, memastikan pengalaman berbelanja Anda menyenangkan dan bebas masalah.</span></li> <li><i class="bi bi-check-circle-fill"></i> <span><strong>Transaksi Aman:</strong> Kami menggunakan sistem pembayaran yang aman dan terpercaya, sehingga Anda dapat berbelanja dengan tenang.</span></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section><!-- /About Section -->
|
||
|
||
<!-- Testimonials Section -->
|
||
<section id="testimonials" class="testimonials section">
|
||
|
||
<!-- Section Title -->
|
||
<div class="container section-title" data-aos="fade-up">
|
||
<h2 style="font-size: 2.5rem;">Testimoni</h2>
|
||
<p style="font-size: 1.25rem;">Kami bangga dengan kepuasan pelanggan kami yang tinggi. Dengarkan apa yang mereka katakan tentang pengalaman mereka bersama kami.</p>
|
||
</div><!-- End Section Title -->
|
||
|
||
<div class="container" data-aos="fade-up" data-aos-delay="100">
|
||
|
||
<div class="swiper init-swiper">
|
||
<script type="application/json" class="swiper-config">
|
||
{
|
||
"loop": true,
|
||
"speed": 600,
|
||
"autoplay": {
|
||
"delay": 5000
|
||
},
|
||
"slidesPerView": "auto",
|
||
"pagination": {
|
||
"el": ".swiper-pagination",
|
||
"type": "bullets",
|
||
"clickable": true
|
||
},
|
||
"breakpoints": {
|
||
"320": {
|
||
"slidesPerView": 1,
|
||
"spaceBetween": 40
|
||
},
|
||
"1200": {
|
||
"slidesPerView": 3,
|
||
"spaceBetween": 10
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
<div class="swiper-wrapper">
|
||
<?php
|
||
// Query untuk mendapatkan testimoni dengan nama produk
|
||
$query = mysqli_query($conn, "
|
||
SELECT
|
||
pembeli.id_pembeli,
|
||
pembeli.nama_pembeli,
|
||
pembeli.username,
|
||
pembeli.email,
|
||
pembeli.no_hp,
|
||
pembeli.alamat,
|
||
pembeli.saldo,
|
||
testimoni.id_testimoni,
|
||
testimoni.id_order,
|
||
testimoni.deskripsi,
|
||
testimoni.rating,
|
||
testimoni.tanggal,
|
||
testimoni.gambar,
|
||
produk.nama_produk
|
||
FROM
|
||
testimoni
|
||
JOIN
|
||
pembeli ON testimoni.id_pembeli = pembeli.id_pembeli
|
||
JOIN
|
||
`orders` ON testimoni.id_order = `orders`.id_order
|
||
JOIN
|
||
order_details ON `orders`.id_order = order_details.id_order
|
||
JOIN
|
||
produk ON order_details.id_produk = produk.id_produk
|
||
WHERE
|
||
testimoni.rating = 5
|
||
ORDER BY
|
||
testimoni.tanggal DESC
|
||
LIMIT 5
|
||
");
|
||
|
||
while ($testi = mysqli_fetch_assoc($query)) {
|
||
$nama_pembeli = htmlspecialchars($testi['nama_pembeli']);
|
||
$komen = htmlspecialchars($testi['deskripsi']);
|
||
$bintang = intval($testi['rating']);
|
||
$nama_produk = htmlspecialchars($testi['nama_produk']);
|
||
$gambar_testi = $testi['gambar'];
|
||
?>
|
||
|
||
<div class="swiper-slide">
|
||
<div class="testimonial-item">
|
||
<!-- Gambar testimoni -->
|
||
<?php if (!empty($gambar_testi) && file_exists('assets/img/testimoni/' . $gambar_testi)) : ?>
|
||
<img src="assets/img/testimoni/<?php echo $gambar_testi; ?>" class="testimonial-img mb-2" alt="Gambar Testimoni" style="max-height: 200px; object-fit: cover; border-radius: 8px;">
|
||
<?php endif; ?>
|
||
|
||
<h3><?php echo $nama_pembeli; ?></h3>
|
||
<h4 style="font-size: 1rem; font-weight: normal; color: #666;">Produk: <strong><?php echo $nama_produk; ?></strong></h4>
|
||
|
||
<div class="stars">
|
||
<?php
|
||
for ($i = 0; $i < $bintang; $i++) {
|
||
echo '<i class="bi bi-star-fill"></i>';
|
||
}
|
||
?>
|
||
</div>
|
||
<p>
|
||
<i class="bi bi-quote quote-icon-left"></i>
|
||
<span><?php echo $komen; ?></span>
|
||
<i class="bi bi-quote quote-icon-right"></i>
|
||
</p>
|
||
</div>
|
||
</div><!-- End testimonial item -->
|
||
|
||
<?php } ?>
|
||
|
||
</div>
|
||
<div class="swiper-pagination"></div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section>
|
||
<!-- /Testimonials Section -->
|
||
|
||
<!-- Faq Section -->
|
||
<!-- <section id="faq" class="faq section">
|
||
|
||
<div class="container">
|
||
|
||
<div class="row gy-4">
|
||
|
||
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
|
||
<div class="content px-xl-5">
|
||
<h3><span>Frequently Asked </span><strong>Questions</strong></h3>
|
||
<p>
|
||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Duis aute irure dolor in reprehenderit
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col-lg-8" data-aos="fade-up" data-aos-delay="200">
|
||
|
||
<div class="faq-container">
|
||
<div class="faq-item faq-active">
|
||
<h3><span class="num">1.</span> <span>Non consectetur a erat nam at lectus urna duis?</span></h3>
|
||
<div class="faq-content">
|
||
<p>Feugiat pretium nibh ipsum consequat. Tempus iaculis urna id volutpat lacus laoreet non curabitur gravida. Venenatis lectus magna fringilla urna porttitor rhoncus dolor purus non.</p>
|
||
</div>
|
||
<i class="faq-toggle bi bi-chevron-right"></i>
|
||
</div>
|
||
|
||
<div class="faq-item">
|
||
<h3><span class="num">2.</span> <span>Feugiat scelerisque varius morbi enim nunc faucibus a pellentesque?</span></h3>
|
||
<div class="faq-content">
|
||
<p>Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.</p>
|
||
</div>
|
||
<i class="faq-toggle bi bi-chevron-right"></i>
|
||
</div>
|
||
|
||
<div class="faq-item">
|
||
<h3><span class="num">3.</span> <span>Dolor sit amet consectetur adipiscing elit pellentesque?</span></h3>
|
||
<div class="faq-content">
|
||
<p>Eleifend mi in nulla posuere sollicitudin aliquam ultrices sagittis orci. Faucibus pulvinar elementum integer enim. Sem nulla pharetra diam sit amet nisl suscipit. Rutrum tellus pellentesque eu tincidunt. Lectus urna duis convallis convallis tellus. Urna molestie at elementum eu facilisis sed odio morbi quis</p>
|
||
</div>
|
||
<i class="faq-toggle bi bi-chevron-right"></i>
|
||
</div>
|
||
|
||
<div class="faq-item">
|
||
<h3><span class="num">4.</span> <span>Ac odio tempor orci dapibus. Aliquam eleifend mi in nulla?</span></h3>
|
||
<div class="faq-content">
|
||
<p>Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi. Id interdum velit laoreet id donec ultrices. Fringilla phasellus faucibus scelerisque eleifend donec pretium. Est pellentesque elit ullamcorper dignissim. Mauris ultrices eros in cursus turpis massa tincidunt dui.</p>
|
||
</div>
|
||
<i class="faq-toggle bi bi-chevron-right"></i>
|
||
</div>
|
||
|
||
<div class="faq-item">
|
||
<h3><span class="num">5.</span> <span>Tempus quam pellentesque nec nam aliquam sem et tortor consequat?</span></h3>
|
||
<div class="faq-content">
|
||
<p>Molestie a iaculis at erat pellentesque adipiscing commodo. Dignissim suspendisse in est ante in. Nunc vel risus commodo viverra maecenas accumsan. Sit amet nisl suscipit adipiscing bibendum est. Purus gravida quis blandit turpis cursus in</p>
|
||
</div>
|
||
<i class="faq-toggle bi bi-chevron-right"></i>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</section>/Faq Section -->
|
||
|
||
</main>
|
||
|