diff --git a/assets/css/custom.css b/assets/css/custom.css new file mode 100644 index 0000000..ab9b0fa --- /dev/null +++ b/assets/css/custom.css @@ -0,0 +1,56 @@ +/* Custom CSS for JatimTour */ + +body { + font-family: 'Open Sans', sans-serif; + padding-top: 70px; /* Offset for fixed navbar */ + background-color: #F8F9FA; +} + +h1, h2, h3, h4, h5, h6, .navbar-brand { + font-family: 'Poppins', sans-serif; +} + +/* Hero Section */ +.hero-section { + background: linear-gradient(135deg, rgba(13, 110, 253, 0.85), rgba(13, 110, 253, 0.6)), url('../images/hero-bg.jpg'); + background-size: cover; + background-position: center; + min-height: 60vh; + position: relative; +} + +/* Card styles */ +.tour-card { + transition: transform 0.3s ease, box-shadow 0.3s ease; + border-radius: 0.75rem; /* Softer corners */ +} + +.tour-card:hover { + transform: translateY(-10px); + box-shadow: 0 1rem 3rem rgba(0,0,0,.175)!important; +} + +.tour-card .card-img-top { + height: 200px; + object-fit: cover; + border-top-left-radius: 0.75rem; + border-top-right-radius: 0.75rem; +} + +/* Navbar */ +.navbar-nav .nav-link { + transition: color 0.2s ease; +} + +.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active { + color: #0D6EFD !important; +} + +.navbar-brand { + font-size: 1.5rem; +} + +.btn-primary { + padding: 0.5rem 1.25rem; + border-radius: 50rem; /* Pill shape */ +} diff --git a/assets/images/avanza.jpg b/assets/images/avanza.jpg new file mode 100644 index 0000000..80ea49b Binary files /dev/null and b/assets/images/avanza.jpg differ diff --git a/assets/images/bromo.jpg b/assets/images/bromo.jpg new file mode 100644 index 0000000..96cbf47 Binary files /dev/null and b/assets/images/bromo.jpg differ diff --git a/assets/images/bus.jpg b/assets/images/bus.jpg new file mode 100644 index 0000000..22a420b Binary files /dev/null and b/assets/images/bus.jpg differ diff --git a/assets/images/hero-bg.jpg b/assets/images/hero-bg.jpg new file mode 100644 index 0000000..ab2261f Binary files /dev/null and b/assets/images/hero-bg.jpg differ diff --git a/assets/images/hiace.jpg b/assets/images/hiace.jpg new file mode 100644 index 0000000..d58cc7b Binary files /dev/null and b/assets/images/hiace.jpg differ diff --git a/assets/images/ijen.jpg b/assets/images/ijen.jpg new file mode 100644 index 0000000..6c8dee0 Binary files /dev/null and b/assets/images/ijen.jpg differ diff --git a/assets/images/malang.jpg b/assets/images/malang.jpg new file mode 100644 index 0000000..c3340f9 Binary files /dev/null and b/assets/images/malang.jpg differ diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100644 index 0000000..5997c21 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,17 @@ +// Custom JS for JatimTour + +document.addEventListener('DOMContentLoaded', function () { + // Smooth scrolling for anchor links + document.querySelectorAll('a[href^="#"]').forEach(anchor => { + anchor.addEventListener('click', function (e) { + e.preventDefault(); + + let target = document.querySelector(this.getAttribute('href')); + if (target) { + target.scrollIntoView({ + behavior: 'smooth' + }); + } + }); + }); +}); diff --git a/index.php b/index.php index 7205f3d..b04cf3c 100644 --- a/index.php +++ b/index.php @@ -1,150 +1,164 @@ - - - + + - - - New Style - - - - - - - - - - - - - - - - - - - + + + Transport Rental Tour Travel + + + + + + + + + + + + + + + + + + + -
-
-

Analyzing your requirements and generating your website…

-
- Loading… -
-

AI is collecting your requirements and applying the first changes.

-

This page will update automatically as the plan is implemented.

-

Runtime: PHP — UTC

-
-
- + + 'Bromo Sunrise Adventure', + 'description' => 'Nikmati keindahan matahari terbit di Gunung Bromo, lautan pasir, dan kawah yang menakjubkan.', + 'price' => 'IDR 450.000 / orang', + 'image' => 'assets/images/bromo.jpg' + ], + [ + 'name' => 'Kawah Ijen Blue Fire', + 'description' => 'Saksikan fenomena api biru yang langka di Kawah Ijen dan pemandangan danau kawah yang memesona.', + 'price' => 'IDR 550.000 / orang', + 'image' => 'assets/images/ijen.jpg' + ], + [ + 'name' => 'Malang City Tour', + 'description' => 'Jelajahi spot-spot ikonik di Kota Malang, mulai dari Jodipan, Alun-Alun, hingga kuliner legendaris.', + 'price' => 'IDR 300.000 / orang', + 'image' => 'assets/images/malang.jpg' + ], + ]; + + $rental_vehicles = [ + [ + 'name' => 'Toyota Avanza', + 'description' => 'Kapasitas 6 penumpang, AC, cocok untuk perjalanan keluarga di dalam kota.', + 'price' => 'IDR 400.000 / hari', + 'image' => 'assets/images/avanza.jpg' + ], + [ + 'name' => 'Hiace Commuter', + 'description' => 'Kapasitas 14 penumpang, ideal untuk rombongan wisata dengan kenyamanan ekstra.', + 'price' => 'IDR 1.200.000 / hari', + 'image' => 'assets/images/hiace.jpg' + ], + [ + 'name' => 'Bus Pariwisata', + 'description' => 'Kapasitas 50 penumpang, fasilitas lengkap untuk perjalanan jarak jauh antar kota.', + 'price' => 'IDR 3.000.000 / hari', + 'image' => 'assets/images/bus.jpg' + ], + ]; + + // --- Helper Function --- + function generate_whatsapp_link($number, $product_name) { + $text = "Halo, saya tertarik untuk memesan " . $product_name . ". Mohon informasinya."; + return "https://api.whatsapp.com/send?phone=" . $number . "&text=" . urlencode($text); + } + ?> + + + + + +
+
+

Jelajahi Keindahan Jawa Timur

+

Pengalaman wisata dan transportasi terbaik dengan layanan profesional kami.

+ Lihat Paket Wisata +
+
+ +
+ +
+

Paket Wisata Populer

+
+ +
+
+ <?php echo htmlspecialchars($package['name']); ?> +
+
+

+

+ Pesan via WhatsApp +
+
+
+ +
+
+ + +
+

Pilihan Kendaraan

+
+ +
+
+ <?php echo htmlspecialchars($vehicle['name']); ?> +
+
+

+

+ Pesan via WhatsApp +
+
+
+ +
+
+
+ + + + + + + + - + \ No newline at end of file