<!DOCTYPE html>
<html lang="en">
<?php
// Aktifkan koneksi & sembunyikan error (untuk produksi)
error_reporting(0);
include "admin/config/koneksi.php";
?>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mountana-Villa</title>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:400,700&display=swap" rel="stylesheet">
<!-- CSS Libraries -->
<link rel="stylesheet" href="assets/css/all.min.css">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.css">
<link rel="stylesheet" href="assets/css/owl.carousel.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" href="assets/css/meanmenu.min.css">
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/responsive.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css">
<!-- WhatsApp Button CSS -->
<style>
.wa-float {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 999;
}
.wa-float img {
width: 50px;
height: 50px;
}
</style>
</head>
<body>
<!-- PreLoader -->
<div class="loader">
<div class="loader-inner">
<div class="circle"></div>
</div>
</div>
<!-- Header -->
<div class="top-header-area" id="sticker">
<div class="container">
<div class="row">
<div class="col-12 text-center">
<div class="main-menu-wrap">
<!-- Logo -->
<div class="site-logo">
<a href="Home">
<!-- <img src="images/logo.png" alt="Mountana Villa"> -->
</a>
</div>
<!-- Main Menu -->
<nav class="main-menu d-none d-lg-block">
<ul>
<li class="current-list-item"><a href="Home">Home</a></li>
<li><a href="About">Tentang Kami</a></li>
<li><a href="Booking">Cara Booking</a></li>
<li><a href="Galleri">Galeri Villa</a></li>
<li><a href="Contact">Kontak Kami</a></li>
</ul>
</nav>
<!-- Mobile Menu -->
<div class="mobile-menu d-block d-lg-none"></div>
</div>
</div>
</div>
</div>
</div>
<!-- Hero Area -->
<div class="hero-area hero-bg">
<div class="container">
<div id="headerCarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="admin/modul/mod_produk/mobil/aaa1.jpg" class="d-block w-100 img-fluid" alt="Slide 1">
<div class="carousel-caption d-none d-md-block">
<h5 class="text-light">Selamat Datang</h5>
<p class="text-light">Layanan terbaik untuk Anda</p>
<a href="https://api.whatsapp.com/send?phone=6282220778332&text=Halo, saya ingin memesan" class="btn btn-warning">Pesan Sekarang</a>
</div>
</div>
<div class="carousel-item">
<img src="admin/modul/mod_produk/mobil/aaa1.jpg" class="d-block w-100 img-fluid" alt="Slide 2">
<div class="carousel-caption d-none d-md-block">
<h5 class="text-light">Kualitas & Pelayanan</h5>
<p class="text-light">Kami siap melayani Anda</p>
<a href="Contact" class="btn btn-outline-light">Hubungi Kami</a>
</div>
</div>
<div class="carousel-item">
<img src="admin/modul/mod_produk/mobil/aaa1.jpg" class="d-block w-100 img-fluid" alt="Slide 3">
<div class="carousel-caption d-none d-md-block">
<h5 class="text-light">Galeri Produk Kami</h5>
<p class="text-light">Lihat berbagai pilihan produk menarik</p>
<a href="Galleri" class="btn btn-light">Lihat Galeri</a>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#headerCarousel" role="button" data-slide="prev">
<span class="carousel-control-prev-icon"></span>
</a>
<a class="carousel-control-next" href="#headerCarousel" role="button" data-slide="next">
<span class="carousel-control-next-icon"></span>
</a>
</div>
</div>
</div>
<!-- WhatsApp Button -->
<a href="https://wa.me/6282220778332" class="wa-float" target="_blank" title="Chat via WhatsApp">
<img src="https://img.icons8.com/color/48/000000/whatsapp--v1.png" alt="WhatsApp Chat">
</a>
<!-- Dynamic Content -->
<div class="content-feature container py-5">
<?php include "content.php"; ?>
</div>
<!-- Footer -->
<div class="footer-area bg-dark text-white py-5">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-sm-12 mb-4">
<h5>About Us</h5>
<p>Desa tertinggi di Pulau Jawa adalah Desa Sembungan yang terletak di Dataran Tinggi Dieng, Wonosobo, Jawa Tengah. Desa ini berada di ketinggian sekitar 2.300 meter di atas permukaan laut (mdpl).</p>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 mb-4">
<h5>Get in Touch</h5>
<ul class="list-unstyled">
<li>Dieng, Jalan Sikunir, Kabupaten Wonosobo</li>
<li>marketing@mountanavilla.com</li>
<li>0822 - 2077 - 8332</li>
</ul>
</div>
<div class="col-lg-3 col-md-6 col-sm-12 mb-4">
<h5>Pages</h5>
<ul class="list-unstyled">
<li><a href="Home" class="text-white">Home</a></li>
<li><a href="About" class="text-white">Tentang Kami</a></li>
<li><a href="Booking" class="text-white">Cara Booking</a></li>
<li><a href="Galleri" class="text-white">Galeri</a></li>
<li><a href="Contact" class="text-white">Kontak Kami</a></li>
</ul>
</div>
</div>
</div>
</div>
<!-- Scripts -->
<script src="assets/js/jquery-1.11.3.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/jquery.countdown.js"></script>
<script src="assets/js/jquery.isotope-3.0.6.min.js"></script>
<script src="assets/js/waypoints.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/jquery.meanmenu.min.js"></script>
<script src="assets/js/sticker.js"></script>
<script src="assets/js/main.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>
<!-- Inisialisasi MeanMenu -->
<script>
$(document).ready(function () {
$('nav.main-menu').meanmenu({
meanMenuContainer: '.mobile-menu',
meanScreenWidth: "991"
});
$('#datepicker').datepicker({
format: 'yyyy-mm-dd',
autoclose: true,
todayHighlight: true
});
});
</script>
</body>
</html> |